/* Mobile Instagram reference, expressed in Gongdao's existing black / white palette. */
:root{--community-font-scale:1;--community-surface:#080808;--community-divider:#252525;--community-secondary:#a5a5a5}
html,body,.phone-embedded{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Helvetica Neue',sans-serif;background:#080808;color:#f5f5f5;font-size:15px;letter-spacing:0;text-size-adjust:100%}
button,input,textarea{font:inherit}.icon{stroke-width:1.8}.avatar.initial{background:#d8d8d8;color:#202020}.text-control{color:#efefef;font-size:14px;font-weight:600;min-height:44px;padding:8px 4px;display:inline-flex;align-items:center;justify-content:center}.screen{scrollbar-width:none}.screen[data-page=discover],.screen[data-page=mine],.screen[data-page=search],.screen[data-page=inbox]{padding-bottom:4px}
.home-header.native-home-head,.phone-embedded .home-header.native-home-head{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;min-height:56px;padding:3px 9px;background:#080808}
.home-wordmark{display:flex;justify-content:center;align-items:center;min-width:0}.home-wordmark>.brand>span,.phone-embedded .home-wordmark>.brand>span{font-size:25px;letter-spacing:-.06em;font-weight:650}.home-wordmark>.brand>img,.phone-embedded .home-wordmark>.brand>img{width:25px;height:25px}.home-feed-menu{width:24px;height:44px;display:grid;place-items:center;padding:0;color:#b6b6b6}.home-feed-menu>.icon{width:13px;height:13px;transform:rotate(90deg)}
.creator-rail{padding:6px 12px 14px;gap:14px;border-bottom:1px solid #222;min-height:104px}.creator-rail-item{flex-basis:65px;gap:5px}.creator-rail-avatar{padding:2px;border-color:#676767}.creator-rail-avatar>.avatar{width:60px;height:60px}.creator-rail-item>span:last-child{font-size:10px;width:70px;color:#e3e3e3}.creator-rail-avatar.mine{border-color:transparent}.creator-rail-avatar>i{background:#f6f6f6;color:#111;border-color:#080808;width:23px;height:23px;right:-2px;bottom:0}
.feed-current{display:flex;justify-content:space-between;align-items:center;padding:0 16px;min-height:40px;border-bottom:1px solid #222;font-size:14px;font-weight:600}.feed-current .text-control{font-size:12px;color:#a8a8a8}
.post-author,.phone-embedded .post-author{padding:7px 12px;min-height:54px;gap:9px}.post-author .avatar,.phone-embedded .post-author .avatar{width:32px;height:32px}.post-author small,.phone-embedded .post-author small{display:none}.post-author strong,.phone-embedded .post-author strong{font-size:calc(13px * var(--community-font-scale));font-weight:600}.post-author .follow-button,.phone-embedded .post-author .follow-button{padding:5px 11px;font-size:11px;min-height:29px;border-radius:7px;background:#262626}.post-author>.icon-button{width:29px;height:38px;min-height:38px}
.post-media>img{aspect-ratio:4/5;max-height:none}.post-card{margin:0;border-bottom:0}.discovery-feed .post-card,.phone-embedded .discovery-feed .post-card{border-bottom:0;padding-bottom:4px}.post-actions,.phone-embedded .post-actions{min-height:46px;padding:4px 12px 0}.post-actions>div,.phone-embedded .post-actions>div{gap:15px}.post-actions button,.phone-embedded .post-actions button{font-size:12px;gap:5px}.post-actions button .icon,.phone-embedded .post-actions button .icon{width:23px;height:23px;stroke-width:1.8}.post-copy,.phone-embedded .post-copy{padding:0 13px 14px}.post-copy p,.phone-embedded .post-copy p{font-size:calc(13px * var(--community-font-scale));line-height:1.5;margin-bottom:6px}.post-copy>span{font-size:10px;color:#969696}.caption-toggle{min-height:27px;padding-bottom:5px;font-size:12px}.feed-complete{padding:35px 16px}.feed-complete>strong{font-size:16px}.feed-complete>span{font-size:12px}
.bottom-nav,.phone-embedded .bottom-nav{min-height:57px;height:57px;padding:4px 9px;align-items:center;border-top:1px solid #262626;background:#080808;gap:0}.bottom-nav>button,.phone-embedded .bottom-nav>button{flex:1;min-width:0;min-height:46px;height:46px;padding:0;display:grid;place-items:center;color:#eee}.bottom-nav .icon,.phone-embedded .bottom-nav .icon{width:25px;height:25px;stroke-width:1.8}.bottom-nav>button[aria-current=page] .icon{stroke-width:2.5}.bottom-nav>button[data-page=discover][aria-current=page] .icon{fill:currentColor}.bottom-nav>button>.avatar{width:26px;height:26px;border:1px solid #666}.bottom-nav>button[aria-current=page]>.avatar{outline:2px solid #f5f5f5;outline-offset:3px}.bottom-nav>button>span{display:none}
.topbar,.phone-embedded .topbar{min-height:55px;padding:4px 8px;border-bottom:1px solid #252525;background:#080808;gap:4px}.topbar>h1{font-size:16px;font-weight:600}.topbar>.text-control{font-size:14px;min-width:44px}.empty-state{padding:45px 22px}.empty-state h2{font-size:22px;font-weight:600;letter-spacing:-.03em}.empty-state p{font-size:13px;line-height:1.6;color:#a0a0a0}.empty-state>.icon{width:48px;height:48px;padding:10px;border:1px solid #666;border-radius:50%}
/* Profile: username header, identity beside real counts, full-width grid. */
.native-profile-head{display:flex;align-items:center;gap:3px;min-height:56px;padding:5px 12px;background:#080808}.native-profile-head>h1{font-size:21px;font-weight:650;letter-spacing:-.03em;margin:0;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.native-profile-head>div{display:flex;gap:2px}.native-profile-head>.icon-button{margin-left:-8px}.creator-identity{padding:12px 15px 16px}.creator-title{display:flex;align-items:center;gap:20px}.creator-title>.avatar{width:82px;height:82px}.profile-main{flex:1;min-width:0}.profile-main>h2{font-size:14px;font-weight:600;line-height:1.4;overflow-wrap:anywhere;margin:0 0 10px}.creator-stats{display:flex;gap:12px;justify-content:space-between}.creator-stats>button{display:flex;align-items:start;min-height:42px;gap:3px;flex:1;padding:0}.creator-stats strong{font-size:17px;font-weight:600;line-height:1.1}.creator-stats>button>span{font-size:12px;color:#f1f1f1}.creator-bio{margin:15px 0 17px;font-size:calc(13px * var(--community-font-scale));line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.creator-actions{display:flex;gap:7px}.creator-actions>button,.creator-actions>.follow-button{flex:1;min-height:33px;font-size:12px;font-weight:600;padding:6px 9px;border:0;border-radius:7px;background:#262626;color:#eee}.creator-actions>.follow-button:not([aria-pressed=true]){background:#efefef;color:#111}.native-subscribe{display:flex;align-items:center;gap:10px;width:100%;min-height:43px;font-size:12px;padding:10px 0 0}.native-subscribe>span{flex:1;text-align:left}.native-subscribe>.icon{width:18px;height:18px;color:#aaa}.profile-tabs{min-height:51px;border-color:#333;position:sticky;top:0;background:#080808;z-index:4}.profile-tabs>button{min-height:51px}.profile-tabs>button>.icon{width:24px;height:24px}.profile-tabs>button[aria-selected=true]:after{bottom:0;left:28%;right:28%;height:2px;background:#f3f3f3}.creator-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}.creator-grid>button{aspect-ratio:3/4;border-radius:0;position:relative;padding:0;overflow:hidden;background:#202020}.creator-grid img{width:100%;height:100%;object-fit:cover}.creator-grid .tile-type{position:absolute;right:7px;top:7px;width:17px;height:17px;filter:drop-shadow(0 1px 2px #000)}
.native-profile-edit{padding:15px 17px 25px}.native-profile-edit .edit-avatar{margin:7px 0 23px;gap:9px}.native-profile-edit .edit-avatar>.avatar{width:92px;height:92px}.native-profile-edit .edit-avatar .text-control{font-size:13px}.native-profile-edit>label{display:block;font-size:12px;color:#a7a7a7;margin:0;border-bottom:1px solid #333;padding:15px 0 9px}.native-profile-edit input,.native-profile-edit textarea{display:block;width:100%;padding:8px 0 2px;background:none;border:0;border-radius:0;font-size:16px;color:#f2f2f2;outline:none}.native-profile-edit textarea{resize:none;line-height:1.5}.native-profile-edit label:focus-within{border-color:#bdbdbd}
/* Inbox / DM use the actual 2025 header and list hierarchy. */
.native-inbox-head{display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:5px 13px}.native-inbox-head h1{font-size:23px;letter-spacing:-.035em;font-weight:650;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-search{min-height:40px;margin:4px 14px 15px;padding:0 12px;border:0;border-radius:11px;background:#222}.inbox-search input{font-size:15px;min-height:40px}.inbox-search>.icon{height:18px;width:18px}.inbox-notes{display:flex;gap:20px;overflow-x:auto;scrollbar-width:none;padding:58px 15px 14px;min-height:162px}.note-person{position:relative;flex:0 0 67px;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:7px;min-width:0;padding:0}.note-person>.avatar{width:65px;height:65px}.note-person>span:last-child{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:73px}.note-bubble{position:absolute;bottom:84px;left:50%;transform:translateX(-50%);background:#303030;border-radius:13px;padding:7px 10px;font-size:10px;color:#ddd;white-space:normal;max-width:108px;min-width:77px;max-height:57px;overflow:hidden;line-height:1.4;box-shadow:0 2px 8px #0004}.note-bubble:after{content:'';position:absolute;bottom:-4px;left:21px;width:9px;height:9px;border-radius:50%;background:#303030}.message-list-heading{padding:0 15px;min-height:38px;align-items:center;display:flex;justify-content:space-between}.message-list-heading strong{font-size:15px;font-weight:650}.message-list-heading>.text-control{font-size:11px;font-weight:500;color:#aaa;min-height:36px}.inbox-list{padding:0 13px 12px}.inbox-list>button,.phone-embedded .inbox-list>button{min-height:79px;gap:12px;padding:9px 0;border:0}.inbox-list .avatar{width:54px;height:54px}.inbox-list strong{font-size:calc(14px * var(--community-font-scale));font-weight:500}.inbox-list small{font-size:calc(12px * var(--community-font-scale));color:#a2a2a2;line-height:1.5}.inbox-list time{font-size:10px;color:#858585;align-self:center;padding:0}.inbox-list>button>span{gap:5px}
.screen[data-page=conversation]{display:flex;flex-direction:column;overflow:hidden}.native-chat-head{display:flex;align-items:center;flex:none;gap:0;padding:4px 7px;min-height:57px;border-bottom:1px solid #262626}.native-chat-head>.icon-button{height:43px;width:33px}.native-chat-head>.icon-button>.icon{width:23px;height:23px}.chat-person{display:flex;align-items:center;gap:8px;text-align:left;flex:1;min-width:0;padding:0 3px}.chat-person>.avatar{height:34px;width:34px}.chat-person>span{display:flex;flex-direction:column;gap:3px;min-width:0}.chat-person strong{font-size:14px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chat-person small{font-size:10px;color:#a1a1a1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.screen[data-page=conversation]>.chat-messages{flex:1;min-height:0;display:flex;flex-direction:column;align-items:end;overflow:auto;gap:8px;padding:18px 13px 14px;scroll-behavior:auto}.chat-intro{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:280px;padding:18px 20px}.chat-intro>.avatar{width:88px;height:88px}.chat-intro>h2{font-size:21px;font-weight:600;margin:14px 0 5px}.chat-intro>p{font-size:12px;color:#aaa;margin:0}.chat-intro>.secondary-button{min-height:32px;padding:6px 15px;font-size:12px;margin-top:14px}.message-content{font-size:calc(14px * var(--community-font-scale));padding:9px 13px;line-height:1.45;border-radius:19px 19px 5px 19px;background:#e8e8e8}.chat-bubble>span{font-size:9px;color:#858585;margin:4px 2px 5px}.chat-bubble{max-width:83%}.screen[data-page=conversation]>.chat-composer{display:flex;flex:none;min-height:46px;border:1px solid #363636;border-radius:25px;padding:4px;gap:3px;margin:8px 10px 10px;background:#171717;align-items:end}.chat-composer textarea{font-size:calc(14px * var(--community-font-scale));min-height:35px;max-height:112px;padding:8px 4px;line-height:1.45}.chat-composer>.chat-camera{height:35px;width:35px;flex:none;border-radius:50%;display:grid;place-items:center;background:#eee;color:#111}.chat-camera>.icon{height:21px;width:21px}.chat-composer>.expression-toggle{width:31px;height:35px;color:#ddd}.chat-composer>button[type=submit]{height:35px;width:33px;background:none;color:#eee}.chat-composer>button[type=submit]>.icon{width:22px;height:22px}.message-photo{display:block;padding:0;max-width:100%;border-radius:13px;overflow:hidden;background:#252525;text-align:left}.message-photo>img{width:100%;max-height:270px;object-fit:cover}.message-photo>span{display:block;font-size:13px;line-height:1.5;padding:10px}.native-photo-view{padding:0 10px 18px}.native-photo-view>img{width:100%;max-height:67dvh;object-fit:contain}.attachment-preview>img{width:100%;max-height:220px;object-fit:contain;border-radius:9px}.conversation-identity{display:flex;flex-direction:column;align-items:center;text-align:center;padding:28px 17px 25px;gap:10px}.conversation-identity>h2{font-size:22px;margin:4px 0 0}.conversation-identity>p{font-size:12px;color:#aaa;margin:0}.conversation-identity .secondary-button{min-height:34px;padding:7px 18px;font-size:12px;border-radius:8px}.chat-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px 16px}.chat-media-grid>button{min-width:0;max-width:100%;overflow:hidden;padding:0;border-radius:9px}.chat-media-grid>button>img{width:100%;height:140px;object-fit:cover}.chat-media-grid>.native-settings-note{grid-column:1/-1}.chat-media-grid .shared-post-author{display:none}.chat-media-grid .shared-post-description{padding:8px}.chat-media-grid .shared-post-description strong{font-size:11px}.chat-search-results>button{display:flex;flex-direction:column;gap:7px;align-items:start;width:100%;padding:16px;border-bottom:1px solid #252525;text-align:left}.chat-search-results strong{font-size:13px}.chat-search-results span{font-size:13px;line-height:1.5;overflow-wrap:anywhere;white-space:pre-wrap;color:#aaa}.message-found{outline:1px solid #888;outline-offset:4px;border-radius:12px}.blocked-composer{flex:none;padding:9px 16px 14px;border-top:1px solid #292929;text-align:center}.blocked-composer p{font-size:12px;color:#aaa;margin:3px}
/* Search has an independent, dense media grid and a fixed input shell. */
.screen[data-page=search]>.topbar{display:none}.screen[data-page=search]>.search-form{position:sticky;top:0;z-index:6;border-radius:10px;margin:11px 12px;padding:0 10px;min-height:43px;background:#232323;border:0}.search-form>input{font-size:15px}.search-form>button{font-size:12px;color:#b4b4b4}.search-suggestions{padding:0 12px 10px;gap:7px}.search-suggestions>button{background:#242424;border-radius:7px;min-height:31px;padding:5px 11px;font-size:12px}.explore-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}.explore-grid>button{aspect-ratio:1}.explore-grid>button:has(.tile-type){aspect-ratio:auto;grid-row:span 2}.explore-grid .tile-type{position:absolute;right:7px;top:7px;width:17px;height:17px;filter:drop-shadow(0 1px 3px #000)}.search-section-title{font-size:14px;margin:15px 13px 11px}.search-tabs{margin-bottom:10px}.search-tabs>button{font-size:13px;min-height:42px}.search-people>button{min-height:68px}.search-people strong{font-size:14px}.search-people small{font-size:11px}
/* Reels: media first, compact overlay controls, native-height tabbar. */
.reel-header,.phone-embedded .reel-header{display:grid;grid-template-columns:40px 1fr 40px;min-height:55px;padding:6px 9px;background:linear-gradient(#0005,transparent);text-shadow:0 1px 3px #0005;gap:5px}.reel-brand,.phone-embedded .reel-brand{font-size:0;gap:0;justify-content:center}.reel-brand>img,.phone-embedded .reel-brand>img{width:25px;height:25px}.reel-source-tabs{display:flex;justify-content:center;gap:23px}.reel-source-tabs>button{padding:0;min-height:43px;font-size:15px;font-weight:600;color:#ffffffa6;position:relative}.reel-source-tabs>button[aria-pressed=true]{color:#fff}.reel-source-tabs>button[aria-pressed=true]:after{content:'';position:absolute;bottom:3px;left:calc(50% - 9px);height:2px;width:18px;background:#fff;border-radius:2px}.reel-tools,.reel.is-tiktok>.reel-tools,.phone-embedded .reel.is-tiktok>.reel-tools{background:none;padding:0;border-radius:0;width:48px;right:6px;bottom:49px;gap:11px}.reel-tools>button,.phone-embedded .reel-tools>button{min-height:43px;min-width:43px;font-size:10px;gap:4px}.reel-tools>button>.icon,.phone-embedded .reel-tools>button>.icon{width:28px;height:28px;stroke-width:1.8}.reel-tools>button>.avatar,.phone-embedded .reel-tools>button>.avatar{width:35px;height:35px;border:1px solid white}.reel-caption,.reel.is-tiktok>.reel-caption,.phone-embedded .reel-caption,.phone-embedded .reel.is-tiktok>.reel-caption{padding:0;background:none;width:calc(100% - 80px);left:13px;bottom:41px;max-height:39%;text-shadow:0 1px 3px #0008}.reel-caption>button,.phone-embedded .reel-caption>button{font-size:14px;min-height:29px;font-weight:600}.reel-caption>small{font-size:9px;color:#ddd}.reel-copy>p,.phone-embedded .reel-copy>p{font-size:12px;line-height:1.5}.reel-copy .caption-toggle{font-size:11px}.reel.is-tiktok>.reel-tap{top:55px}.reel-pagination{display:none!important}
/* Settings follow a genuine list/subpage hierarchy; every control has a local effect. */
.native-settings{padding:7px 0 25px}.settings-account{display:flex;align-items:center;gap:12px;padding:15px 16px 20px;border-bottom:1px solid #282828}.settings-account>.avatar{width:52px;height:52px}.settings-account>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.settings-account strong{font-size:15px;overflow-wrap:anywhere}.settings-account span{font-size:12px;color:#9d9d9d}.settings-account>.text-control{font-size:12px}.native-settings h2{font-size:12px;font-weight:500;color:#9f9f9f;margin:0;padding:22px 16px 8px}.native-settings-row{display:flex;align-items:center;gap:13px;text-align:left;width:100%;min-height:53px;padding:12px 16px;border:0;font-size:calc(14px * var(--community-font-scale));background:none}.native-settings-row>.icon:first-child{width:23px;height:23px}.native-settings-row>span{flex:1;min-width:0;line-height:1.45}.native-settings-row small{display:block;font-size:11px;line-height:1.5;color:#999;margin-top:4px}.native-settings-row>.icon:last-child{width:17px;height:17px;color:#858585}.native-settings-row:active{background:#202020}.native-version{font-size:11px;color:#666;margin:24px 16px}.native-setting-toggle{display:flex;align-items:center;gap:14px;text-align:left;width:100%;min-height:68px;padding:15px 16px}.native-setting-toggle>span{flex:1;min-width:0;font-size:calc(14px * var(--community-font-scale));line-height:1.4}.native-setting-toggle small{display:block;font-size:11px;color:#a1a1a1;line-height:1.5;margin-top:5px}.native-switch{position:relative;display:block;flex:none;width:43px;height:26px;background:#3b3b3b;border-radius:15px}.native-switch>b{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#aaa;transition:transform .16s}.native-setting-toggle[aria-checked=true] .native-switch{background:#eee}.native-setting-toggle[aria-checked=true] .native-switch>b{background:#111;transform:translateX(17px)}.native-settings-note{font-size:12px;line-height:1.65;color:#929292;padding:10px 16px;margin:0}.font-example{margin:5px 16px 18px;padding:20px 16px;background:#1c1c1c;border-radius:12px}.font-example strong{font-size:calc(17px * var(--community-font-scale));font-weight:600}.font-example p{font-size:calc(14px * var(--community-font-scale));line-height:1.6;margin:8px 0 0;color:#aaa}.native-options{display:flex;gap:6px;background:#252525;margin:0 16px;padding:4px;border-radius:10px}.native-options>button{flex:1;min-height:35px;font-size:13px;border-radius:7px}.native-options>button[aria-pressed=true]{background:#eee;color:#111}.native-choice{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;width:100%;min-height:52px;font-size:14px}.native-choice>.icon{height:20px;width:20px}.native-data-counts{display:flex;padding:18px 16px 24px;gap:12px;justify-content:space-between}.native-data-counts>span{display:flex;flex-direction:column;align-items:center;gap:9px;font-size:12px;color:#aaa;flex:1}.native-data-counts strong{font-size:24px;color:#eee;font-weight:600}.native-about{padding:25px 20px 40px}.native-about>.brand{margin-bottom:18px}.native-about h2{font-size:22px;line-height:1.4;letter-spacing:-.03em;font-weight:600;margin:0 0 16px}.native-about h3{font-size:15px;font-weight:600;margin:26px 0 8px}.native-about p{font-size:13px;line-height:1.8;color:#aaa;margin:0}
.native-people-list{padding:5px 15px 18px}.native-people-list>div:not(.empty-state){display:flex;align-items:center;gap:8px;min-height:73px}.native-people-list>div>button:first-child{display:flex;align-items:center;gap:11px;flex:1;min-width:0;text-align:left;padding:9px 0}.native-people-list .avatar{height:46px;width:46px}.native-people-list>div>button>span{display:flex;flex-direction:column;min-width:0;gap:5px}.native-people-list strong{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.native-people-list small{font-size:11px;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.native-people-list .secondary-button{font-size:11px;min-height:32px;padding:6px 11px;border-radius:7px;flex:none!important}.native-activity-list{padding:5px 16px 20px}.native-activity-list>button{display:flex;align-items:center;gap:12px;padding:13px 0;width:100%;text-align:left;min-height:75px}.native-activity-list>button>span{display:flex;flex-direction:column;flex:1;min-width:0;gap:6px}.native-activity-list strong{font-size:13px;font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.native-activity-list small{font-size:11px;color:#999}.native-activity-list>button>.icon{height:17px;width:17px;color:#777}
.native-action-list{padding:0 16px 20px}.native-action-list>button{display:flex;align-items:center;gap:13px;min-height:55px;width:100%;padding:10px 0;border-bottom:1px solid #313131;text-align:left;font-size:14px}.native-action-list>button>span{flex:1}.native-action-list>button>.icon{height:22px;width:22px}.native-action-list>button>.icon:last-child{height:17px;width:17px}.danger-action{color:#ee8a8a}.native-confirm{padding:4px 20px 25px;display:flex;flex-direction:column;gap:10px}.native-confirm>p{font-size:14px;line-height:1.6;color:#aaa;margin:10px 0 18px}.native-small-form{display:flex;flex-direction:column;gap:15px;padding:8px 18px 25px}.native-small-form label{display:block;font-size:12px;color:#aaa}.native-small-form input:not([type=file]),.native-small-form textarea{display:block;width:100%;font-size:15px;line-height:1.5;padding:11px 12px;background:#252525;border:1px solid #444;border-radius:9px;margin-top:7px;resize:none}.native-small-form>small{font-size:11px;color:#999;line-height:1.5}.native-small-form .primary-button{min-height:44px;border-radius:9px;font-size:14px}.native-form-avatar{display:flex;justify-content:center}.native-photo-picker{padding:25px 15px;border:1px dashed #555;border-radius:10px;display:flex!important;flex-direction:column;align-items:center;gap:12px}.native-photo-picker input{max-width:100%;font-size:11px}.native-photo-picker>.icon{height:34px;width:34px}.native-small-form .inline-error:empty{display:none}
.app-sheet,.phone-embedded .app-sheet{background:#202020;border-radius:19px 19px 0 0}.sheet-header,.phone-embedded .sheet-header{background:#202020;min-height:56px;padding:8px 12px 8px 19px;border-bottom:1px solid #2b2b2b}.sheet-header>h2{font-size:15px;font-weight:600}.comment-list>.comment-row{padding:12px 0;gap:10px}.comment-list>.comment-row>.avatar{width:32px;height:32px}.comment-list>.comment-row strong{font-size:12px;font-weight:600}.comment-list>.comment-row p{font-size:calc(13px * var(--community-font-scale));line-height:1.5}.comments-sheet .comment-list{padding:8px 14px;min-height:220px}.comment-meta{font-size:10px;color:#8f8f8f}.comment-form>.avatar{width:30px;height:30px}.comments-sheet .comment-form,.phone-embedded .comments-sheet .comment-form{margin-bottom:14px}.comments-sheet .comment-form>textarea{font-size:14px}.post-share-sheet .share-local-note{font-size:9px;color:#888}.native-settings .native-settings-row+.native-settings-row{border:0}.creation-form{padding-inline:16px}.creation-title{font-size:22px}.creation-author small:empty{display:none}.creation-note{font-size:10px}.publish-result{padding:40px 25px}.publish-result>h1{font-size:26px}
[data-community-hide-likes=true] [data-like-count]{display:none}[data-community-motion=reduced] *,[data-community-motion=reduced] *:before,[data-community-motion=reduced] *:after{scroll-behavior:auto!important;animation-duration:0s!important;transition-duration:0s!important}
@media(max-width:350px){.creator-rail-avatar>.avatar{width:54px;height:54px}.creator-rail{gap:9px;min-height:97px}.creator-rail-item{flex-basis:60px}.creator-title{gap:14px}.creator-title>.avatar{width:72px;height:72px}.creator-stats{gap:8px}.creator-stats strong{font-size:16px}.creator-stats>button>span{font-size:10px}.native-chat-head{padding-inline:4px}.chat-person{gap:6px}.chat-person strong{font-size:13px}.native-chat-head>.icon-button{width:29px}.chat-person>.avatar{height:31px;width:31px}.native-setting-toggle>span,.native-settings-row{font-size:13px}.native-settings-row{gap:10px;padding-inline:13px}.native-profile-head>h1{font-size:19px}.native-inbox-head h1{font-size:21px}.reel-source-tabs{gap:18px}.reel-tools,.reel.is-tiktok>.reel-tools,.phone-embedded .reel.is-tiktok>.reel-tools{gap:8px}}
@media(max-height:650px){.reel-tools>button,.phone-embedded .reel-tools>button{min-height:35px}.reel-tools,.reel.is-tiktok>.reel-tools,.phone-embedded .reel.is-tiktok>.reel-tools{gap:6px}.reel-tools>button>.icon,.phone-embedded .reel-tools>button>.icon{width:25px;height:25px}.reel-copy:not(.is-collapsed)>p{max-height:20dvh}}
.screen{touch-action:pan-y}.creator-rail,.inbox-notes,.search-suggestions{touch-action:pan-x}.chat-bubble{transition:transform .18s ease-out}.chat-bubble:active{transition:none}.native-small-form input,.native-small-form textarea{touch-action:auto}

.message-media-missing{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:140px;min-width:135px;color:#aaa;font-size:12px}.message-media-missing>.icon{width:26px;height:26px}
