/* Creator community: compact native controls, media-first content, quiet chrome. */
.phone-embedded{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased;text-size-adjust:100%}.phone-embedded button{-webkit-tap-highlight-color:transparent}.phone-embedded button:active{opacity:.78}.phone-embedded img{-webkit-user-drag:none}.phone-embedded .home-header{min-height:60px;padding:9px 16px}.phone-embedded .brand>span{font-size:24px;letter-spacing:-.055em}.phone-embedded .brand>img{width:25px;height:25px}.phone-embedded .feed-tabs{height:48px;gap:25px;padding-inline:18px}.phone-embedded .feed-tabs>button{font-size:18px;min-height:44px}.phone-embedded .feed-tabs>button[aria-selected=true]:after{height:2px;width:20px;left:calc(50% - 10px)}.phone-embedded .experience-tag{font-size:9px}.phone-embedded .creator-stories{padding:19px 16px 15px;gap:15px}.phone-embedded .creator-stories>button{gap:7px;font-size:10px;min-width:52px}.phone-embedded .story-ring{padding:3px;border-color:#5b5b5b}.phone-embedded .story-ring .avatar{width:51px;height:51px}.phone-embedded .topic-filters{gap:9px;padding:7px 17px 15px}.phone-embedded .bottom-nav{min-height:63px;padding:5px 6px;border-top-color:#242424;background:#0a0a0a}.phone-embedded .bottom-nav>button{min-height:48px;min-width:0;flex:1;font-size:9px;gap:5px;padding-inline:4px}.phone-embedded .bottom-nav .icon{width:23px;height:23px}.phone-embedded .bottom-nav>.nav-publish .icon{height:28px;width:36px;border-radius:9px;padding:5px;stroke-width:1.8}.phone-embedded .post-actions{padding:7px 16px 0}.phone-embedded .post-actions>div{gap:17px}.phone-embedded .post-actions button .icon{width:23px;height:23px}.phone-embedded .post-actions button{font-size:12px}.phone-embedded .reel-header{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;min-height:57px;padding:7px 14px;text-shadow:none;background:#080808}.phone-embedded .reel-brand{font-size:13px;white-space:nowrap;gap:7px}.phone-embedded .reel-brand img{width:22px;height:22px}.phone-embedded .reel-header>span:nth-child(2){margin:0;font-size:16px;white-space:nowrap}.phone-embedded .reel-header>.icon-button{justify-self:end}.phone-embedded .reel-header>.icon-button .icon{width:23px;height:23px}.phone-embedded .reel-pagination{display:none!important}.phone-embedded .reel.is-tiktok>.reel-tools{width:52px;right:6px;bottom:52px;background:none;border-radius:0;padding:0;gap:15px}.phone-embedded .reel-tools>button{min-width:48px;min-height:43px;font-size:10px;gap:5px}.phone-embedded .reel-tools>button>.icon{width:28px;height:28px;filter:drop-shadow(0 1px 2px #0006)}.phone-embedded .reel-tools>button>.avatar{width:39px;height:39px;border:1.5px solid white}.phone-embedded .reel-caption,.phone-embedded .reel.is-tiktok>.reel-caption{background:none;border-radius:0;padding:0;left:14px;bottom:27px;width:calc(100% - 82px);text-shadow:0 1px 3px #0009}.phone-embedded .reel-caption>button{font-size:14px;font-weight:550;min-height:25px}.phone-embedded .reel-caption>p{font-size:12px;line-height:1.6;margin:6px 0 8px}.phone-embedded .reel-caption>small{font-size:9px;opacity:.8}.phone-embedded .reel:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#00000012 35%,#00000067);z-index:2;pointer-events:none}.phone-embedded .reel-tools,.phone-embedded .reel-caption{z-index:3}.phone-embedded .app-sheet{border-radius:22px 22px 0 0;box-shadow:0 -8px 30px #0003}.phone-embedded .sheet-header{min-height:60px;padding:10px 14px 10px 21px}.phone-embedded .sheet-header>h2{font-size:16px}.phone-embedded .comment-form{margin:10px 14px 16px}.phone-embedded .comment-list{padding-inline:19px}.phone-embedded .toast{font-size:12px;padding:11px 16px;max-width:90vw;border-radius:13px;bottom:78px}
/* Keep the official player inside the media viewport; its own rail stays beyond our App controls. */
.phone-embedded .reel.is-tiktok>.tiktok-player{left:-24px;width:calc(100% + 96px);height:calc(100% + 76px);top:-20px;max-width:none}
/* Put the creator and first piece of media ahead of secondary discovery tools. */
.phone-embedded #screen{overscroll-behavior-y:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.phone-embedded .home-header{min-height:54px;padding:7px 15px}
.phone-embedded .feed-tabs{height:42px;padding-inline:17px;gap:24px}
.phone-embedded .feed-tabs>button{font-size:16px;min-height:40px}
.phone-embedded .creator-stories{padding:10px 15px 12px;gap:14px;scrollbar-width:none}
.phone-embedded .story-ring .avatar{width:43px;height:43px}
.phone-embedded .story-ring{padding:2px;border-width:1.5px}
.phone-embedded .creator-stories>button{min-width:48px;gap:6px;font-size:10px}
.phone-embedded .story-add{width:50px;height:50px}
.phone-embedded .topic-filters{padding:0 15px 10px;gap:8px;scrollbar-width:none}
.phone-embedded .topic-filters button{min-height:30px;padding:5px 12px;font-size:12px}
.phone-embedded .post-author{padding:11px 14px;min-height:64px}
.phone-embedded .post-author .avatar{width:35px;height:35px}
.phone-embedded .post-author strong{font-size:13px}
.phone-embedded .post-author small{font-size:11px}
.phone-embedded .post-copy{padding:9px 15px 18px}
.phone-embedded .post-copy p{font-size:14px;line-height:1.6}
.phone-embedded .post-actions button{min-height:40px}
.phone-embedded .post-card{border-bottom:1px solid #242424}
.phone-embedded .follow-button{min-height:32px;padding:5px 12px;font-size:12px}
.phone-embedded .reels{overscroll-behavior-y:contain;scroll-snap-type:y mandatory;scrollbar-width:none;touch-action:pan-y}
.phone-embedded .reel{scroll-snap-align:start;scroll-snap-stop:always}
.phone-embedded .app-sheet{max-height:82dvh;overflow:hidden}
.phone-embedded #sheet-content{display:flex;flex-direction:column;max-height:82dvh}
.phone-embedded .comment-list{overflow:auto;min-height:0;overscroll-behavior:contain;flex:1}
.phone-embedded .comment-form{flex:none}
.phone-embedded .comment-form textarea,.phone-embedded .chat-composer textarea{font-size:15px;line-height:1.5}
.phone-embedded .sheet-header{flex:none}
.phone-embedded .app-sheet:before{content:'';display:block;width:32px;height:4px;border-radius:3px;background:#555;margin:9px auto 0}
.phone-embedded .chat-bubble p{font-size:15px;line-height:1.55;overflow-wrap:anywhere}
.phone-embedded .inbox-list button{min-height:78px}
.phone-embedded .profile-bio{font-size:14px;line-height:1.6}