/* V24 — layout repair + light/dark themes */
:root{--app-bg:#000;--app-panel:#171717;--app-panel2:#242424;--app-text:#f7f7f7;--app-muted:#9c9ca2;--app-line:#303036;--app-accent:#7666f3}
html{height:auto!important;min-height:100%;overflow-x:hidden!important;overflow-y:auto!important;touch-action:pan-y!important;overscroll-behavior-y:auto!important}
body{height:auto!important;min-height:100dvh!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:auto!important;background:var(--app-bg)!important;color:var(--app-text)!important}
body:not(.page-chat) .shell{height:auto!important;min-height:100dvh!important;overflow:visible!important;background:var(--app-bg)!important}
body:not(.page-chat) main{height:auto!important;min-height:calc(100dvh - 78px)!important;overflow:visible!important;padding-bottom:calc(105px + env(safe-area-inset-bottom))!important;background:var(--app-bg)!important}
body:not(.page-chat) section,body:not(.page-chat) .people,body:not(.page-chat) .story-grid{max-height:none!important;overflow:visible!important}
img,video{max-width:100%;height:auto}button,a,input,textarea,select{max-width:100%}
nav{position:fixed!important;z-index:100!important;left:50%!important;right:auto!important;bottom:0!important;transform:translateX(-50%)!important;width:min(100%,760px)!important;height:calc(76px + env(safe-area-inset-bottom))!important;padding-bottom:env(safe-area-inset-bottom)!important;background:var(--app-panel)!important;border-top:1px solid var(--app-line)!important}
.theme-toggle{position:fixed;right:14px;top:calc(14px + env(safe-area-inset-top));z-index:250;width:44px;height:44px;border:1px solid var(--app-line);border-radius:50%;background:var(--app-panel);color:var(--app-text);display:grid;place-items:center;font-size:20px;box-shadow:0 6px 20px #0003}
.page-profile .theme-toggle,.page-settings .theme-toggle{right:72px}
/* discover: prevent cards and promoted row from colliding */
.page-discover main{padding-top:max(10px,env(safe-area-inset-top))!important}.video-discover-head{position:relative!important;padding:8px 12px 0!important}.video-search{width:100%!important}.video-filter,.video-shuffle-label{width:100%!important}.video-promote{position:relative!important;margin:8px 10px 10px!important;min-height:88px!important}.page-discover .people{display:block!important;width:100%!important}.page-discover .people article{position:relative!important;width:100%!important;min-width:0!important;height:auto!important;min-height:96px!important;overflow:hidden!important}.page-discover .people article>div{min-width:0!important}.page-discover .people article .person-name,.page-discover .people article p,.page-discover .people article span{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
/* stories: normal document flow, scrolls with page */
.page-feed:before{margin-top:0!important;position:relative!important}.page-feed .flow-head{position:relative!important;height:58px!important}.page-feed .story-grid{position:relative!important;width:100%!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:2px!important}.page-feed .story-grid button{width:100%!important;min-width:0!important;overflow:hidden!important}
/* profile/editor/frame pages must grow instead of clipping */
.dark-own-profile,.profile-editor-page,.frame-shop,.settings-page,.dark-public-profile{height:auto!important;max-height:none!important;min-height:calc(100dvh - 76px)!important;overflow:visible!important;padding-bottom:120px!important}.more-message-card{margin-bottom:0!important}.frame-grid{padding-bottom:30px!important}
/* chat is the one screen that uses an internal scroll region */
body.page-chat{height:100dvh!important;overflow:hidden!important}.page-chat .shell{height:100dvh!important;overflow:hidden!important}.page-chat main{height:100dvh!important;min-height:0!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;overflow:hidden!important;padding:0!important}.page-chat .privacy-chip{position:absolute!important;left:16px!important;bottom:82px!important;margin:0!important;pointer-events:none}.page-chat .messages{min-height:0!important;height:auto!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;padding:14px 12px 105px!important}.page-chat .composer{position:fixed!important;left:0!important;right:0!important;bottom:0!important;transform:none!important;width:100%!important;max-width:760px!important;margin:0 auto!important;min-height:72px!important;z-index:120!important}.page-chat nav{display:none!important}.page-chat .theme-toggle{display:none!important}
/* Light mode */
html[data-theme="light"]{--app-bg:#f6f4f9;--app-panel:#fff;--app-panel2:#f1edf5;--app-text:#17131d;--app-muted:#77717e;--app-line:#e4dfe9;--app-accent:#7046d8;background:#f6f4f9!important}
html[data-theme="light"] body,html[data-theme="light"] .shell,html[data-theme="light"] main{background:var(--app-bg)!important;color:var(--app-text)!important}
html[data-theme="light"] nav{background:#fff!important;border-color:#e7e1ec!important}html[data-theme="light"] nav a{color:#8b8590!important}html[data-theme="light"] nav a.on{color:#7046d8!important}
html[data-theme="light"] .video-search{background:#fff!important;color:#777!important;border:1px solid #e8e2ec!important}html[data-theme="light"] .video-filter,html[data-theme="light"] .video-shuffle-label{color:#777!important;border-color:#e6e0e9!important}
html[data-theme="light"] .page-discover .people article{background:#fff!important;border-color:#e9e4ec!important}html[data-theme="light"] .page-discover .people article .person-name{color:#1a1620!important}html[data-theme="light"] .page-discover .people article p,html[data-theme="light"] .page-discover .people article span{color:#77717e!important}
html[data-theme="light"] .dark-own-profile,html[data-theme="light"] .profile-editor-page,html[data-theme="light"] .frame-shop,html[data-theme="light"] .settings-page{background:#f6f4f9!important;color:#17131d!important}html[data-theme="light"] .dark-own-profile h1,html[data-theme="light"] .dark-own-profile h2,html[data-theme="light"] .profile-editor-page h1,html[data-theme="light"] .frame-shop h1{color:#17131d!important}
html[data-theme="light"] .outline-profile-edit,html[data-theme="light"] .profile-editor-page input,html[data-theme="light"] .profile-editor-page textarea,html[data-theme="light"] .frame-card{background:#fff!important;color:#17131d!important;border-color:#ddd6e4!important}
html[data-theme="light"] .more-message-card{background:#fff!important;color:#17131d!important;border-color:#e6e0e9!important}
html[data-theme="light"] .page-feed .flow-head,html[data-theme="light"] .page-feed:before{color:#27222c!important;border-color:#e3dde7!important}html[data-theme="light"] .page-feed .flow-head h1{color:#17131d!important}
@media(max-width:430px){.theme-toggle{width:40px;height:40px}.page-discover .people article{grid-template-columns:62px minmax(0,1fr) 42px!important;padding:12px 12px!important}.page-discover .people .avatar{width:58px!important;height:58px!important}.video-promote{padding:14px!important}.dark-own-profile{padding-left:14px!important;padding-right:14px!important}}