/* Black app surfaces, white controls, green selection. Media pixels keep their colors. */
:root,body[data-screen]{--bg:#000;--screen-bg:#000;--nav-fill:#000;--surface:#080808;--surface-2:#101010;--surface-3:#171717;--tile-fill:rgba(255,255,255,.045);--glass-fill:rgba(0,0,0,.88);--glass-line:rgba(255,255,255,.18);--accent:#42e681;--accent-press:#27c967;--accent-2:#42e681;--text:#fff;--text-2:#d2d2d2;--muted:#a0a0a0}
html,body,.app,#main,.page,.feed-page,.welcome,.landing,.jamiify-land,.connections,.settings,.profile,.explore,.inbox-page,.chat,.story-canvas,.producer-page{background-color:#000}
.page,.welcome,.landing,.jamiify-land,.tile-text-preview,.text-reel,.text-reel-art,.text-reel-bg,.story-text-art,.text-tone-0,.text-tone-1,.text-tone-2,.text-tone-3{background-image:none!important}
.rail-nav,.tabbar{background:rgba(0,0,0,.68);color:#fff;border-color:#ffffff38;box-shadow:inset 0 1px 0 #ffffff16,0 -4px 28px #0005;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.tabbar{left:8px;right:8px;bottom:max(6px,var(--safe-b));border:1px solid #ffffff38;border-radius:25px;overflow:visible;padding-bottom:0;height:var(--tabbar-h)}
.tabbar>a,.tabbar>button,.tabbar .tab-create{color:#fff;background:transparent;box-shadow:none;border:0}
.tabbar>a[data-tab].active,.tabbar>button.active{color:#42e681;background:rgba(66,230,129,.09);box-shadow:inset 0 0 0 1px #42e68125}
.tabbar .tab-create{height:44px;width:44px;border-radius:18px}.tabbar .tab-create svg{width:32px;height:32px}
.tabbar .tab-bubble>.i,.tabbar .tab-bubble>span{animation:jamiify-bubble .36s ease-out}
@keyframes jamiify-bubble{0%,100%{transform:translateY(0) scale(1)}40%{transform:translateY(-4px) scale(1.12)}72%{transform:translateY(1px) scale(.98)}}
.count,[data-badge].count{background:#ff334b!important;color:#fff!important;border:2px solid #000;box-shadow:none;min-width:20px;height:20px;display:inline-grid;place-items:center;font-weight:750;line-height:1;font-size:11px}
.tabbar [data-badge=inbox]{position:absolute;top:2px;right:calc(50% - 24px)}
.rail-nav [data-nav].active{color:#42e681;background:#42e68112}.btn-primary,.btn-primary:hover{background:#42e681;color:#001c0a;box-shadow:none}.btn-ghost,.chip,.seg{background:#ffffff09;color:#fff;border-color:#ffffff25}
.sheet-panel,.welcome-card,.card-form,.tile,.connection-row,.study-card,.group-card,.group-message,.live-card,.producer-mixer,.producer-output{background:var(--tile-fill);border-color:#ffffff25}
.sheet-head,.sub-head,.chat-head,.profile-top,.inbox-head,.text-compose-head{background:#000!important}.settings-row,.person,.conv,.notif{background:#080808;color:#fff}.story-options-panel{background:#080808;border-color:#ffffff30}
.feed-top{gap:6px;padding-inline:8px}.home-feed-tabs{flex:1;min-width:0;display:flex;gap:20px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;touch-action:pan-x;padding:9px 4px 12px;align-items:center;white-space:nowrap}
.home-feed-tabs::-webkit-scrollbar{display:none}.home-feed-tabs>a{flex:0 0 auto;scroll-snap-align:center;color:#fff;font-size:16px;font-weight:700;position:relative;padding:3px 0}.home-feed-tabs>a.active{color:#42e681}.home-feed-tabs>a.active:after{content:'';position:absolute;height:3px;border-radius:4px;background:#42e681;left:12%;right:12%;bottom:-8px}
.feed-top-right{flex:0 0 auto;display:flex;gap:0}.feed-top-right .icon-btn{width:30px;height:34px}.feed-top-right .i{width:18px;height:18px}.home-desk [data-desk-write],.jamiify-feed-links{display:none!important}
.story-feed-page{padding-top:calc(var(--safe-t) + 58px);padding-bottom:calc(var(--tabbar-h) + var(--safe-b) + 20px)}.story-feed-page>.feed-top{position:fixed;background:#000c;backdrop-filter:blur(16px);z-index:12}.story-feed-list{display:grid;gap:14px;max-width:640px;margin:12px auto}.story-feed-card{background:#080808;border:1px solid #ffffff22;border-radius:20px;overflow:hidden}.story-feed-card>button{display:block;width:100%;text-align:left}.story-feed-card .story-feed-media{width:100%;max-height:65vh;object-fit:contain;background:#000}.story-feed-card header{display:flex;gap:10px;align-items:center;padding:12px}.story-feed-card p{padding:16px;overflow-wrap:anywhere;white-space:pre-wrap}.story-feed-card .story-feed-more{min-height:44px;padding:8px 16px;color:#fff}.story-feed-list>.empty{min-height:45vh}.location-form{display:grid;gap:12px}.location-form input,.location-form select{width:100%;min-height:44px;background:#080808;color:#fff;border:1px solid #ffffff40;border-radius:12px;padding:10px;font-size:16px}
/* Editable dialogs occupy the visual viewport. Only their body scrolls. */
.sheet.sheet-text-compose,.sheet.sheet-story-compose{position:fixed!important;top:var(--viewport-top,0px)!important;bottom:auto!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;margin:0!important;width:min(100vw,640px)!important;height:var(--viewport-h,100dvh)!important;max-height:var(--viewport-h,100dvh)!important;max-width:100vw;border:0;padding:0;overflow:hidden;background:#000;border-radius:0}
.sheet-text-compose>.sheet-panel,.sheet-story-compose>.sheet-panel{position:relative!important;inset:auto!important;transform:none!important;animation:none!important;width:100%;height:100%!important;max-height:100%!important;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding-top:var(--safe-t);background:#000;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:0}
.sheet-text-compose .text-compose-head,.sheet-story-compose .sheet-head{flex:0 0 auto;min-height:52px;position:relative;top:auto;padding-block:6px}.sheet-text-compose .text-compose-body,.sheet-story-compose .story-compose{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scroll-padding-block:12px;padding-bottom:16px}
.sheet-text-compose #text-post-input{min-height:96px;height:clamp(96px,25vh,240px);flex:0 0 auto;font-size:16px;line-height:1.5}.sheet-text-compose .text-compose-bottom{position:relative;flex:0 0 auto;background:#000}.sheet-text-compose .text-compose-byline{flex-wrap:wrap}.sheet-text-compose .post-media-preview{flex:none}.sheet-text-compose #post-media-display>img,.sheet-text-compose #post-media-display>video{max-height:min(28vh,220px)}
html.keyboard-open .sheet-text-compose>.sheet-panel,html.keyboard-open .sheet-story-compose>.sheet-panel{padding-top:max(0px,var(--safe-t))}html.keyboard-open .sheet-text-compose .text-compose-body{padding-bottom:12px}html.keyboard-open .sheet-text-compose #text-post-input{min-height:80px;height:100px}
html[data-transparency=reduce] .tabbar,html[data-transparency=reduce] .rail-nav{background:#000;backdrop-filter:none;-webkit-backdrop-filter:none}@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.tabbar,.rail-nav{background:#000;backdrop-filter:none;-webkit-backdrop-filter:none}}@media(prefers-reduced-motion:reduce){.tab-bubble>*{animation:none!important}}
@media(min-width:768px){.tabbar{display:none}.story-feed-page>.feed-top{left:var(--rail-w)}}@media(max-width:350px){.home-feed-tabs{gap:16px}.home-feed-tabs>a{font-size:15px}.feed-top-right .icon-btn{width:27px}}

#studio-duet-source{display:none!important}#direct-duet-credit{position:absolute;left:12px;top:110px;color:#fff;background:#000b;padding:8px 12px;border:1px solid #ffffff30;border-radius:18px;font-size:12px}.direct-audio.audio-selected{border:1px solid #42e681;color:#fff;background:#000b}.creator-screen.duet-camera #creator-image{display:block}

.reel-content-label{position:absolute;top:calc(var(--safe-t) + 78px);left:16px;z-index:5;pointer-events:none}.story-label{position:absolute;top:12px;left:12px;z-index:3}html[data-transparency=reduce] .sheet-panel,html[data-transparency=reduce] .welcome-card{background:#000!important}@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.sheet-panel,.welcome-card{background:#000!important}}

.story-reels-page .story-expiry{font-size:12px;color:#ddd}.story-reels-page .text-reel-main{pointer-events:none}.story-reels-page .actions .act-avatar{display:grid;place-items:center}.story-reels-page .home-desk{display:none}.story-reels-page .caption p{white-space:pre-wrap;overflow-wrap:anywhere}.home-focus .format-choices{flex-wrap:wrap}

.story-media-error{position:absolute;z-index:5;top:40%;left:10%;right:10%;padding:16px;border-radius:16px;background:#000d;text-align:center}.story-media-error[hidden]{display:none}