html[data-theme=dark]{color-scheme:dark}
html[data-theme=light]{color-scheme:light;--bg:#f7f9fc;--surface:#fff;--surface2:#edf2f8;--line:#dfe6ef;--text:#1c293c;--muted:#64748b;--blue:#327ceb}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:38px;border:1px solid var(--line);border-radius:20px;background:var(--surface2);color:var(--text);padding:8px 13px;font-size:.75rem;line-height:1;cursor:pointer}.theme-toggle.compact{width:34px;min-height:34px;padding:0;flex-shrink:0}.theme-sun,.theme-moon{font-size:19px;line-height:1}.theme-sun{display:none}[data-theme=dark] .theme-sun{display:inline}[data-theme=dark] .theme-moon{display:none}.sidebar-foot>.theme-toggle{margin-bottom:16px}.auth-theme{position:absolute;right:27px;top:23px}.reels-header-actions{display:flex;align-items:center;gap:10px;pointer-events:auto}.reels-header-actions .theme-toggle{color:#fff;background:#0005;border-color:#ffffff40}.mobile-header>.theme-toggle{margin-left:0}
html[data-theme=light] :is(input,select,textarea){background:#f0f3f8;color:var(--text);border-color:#d7e0ec}
html[data-theme=light] :is(.sidebar,.mobile-header,.bottom-nav){background:#fff;border-color:var(--line);color:var(--text)}
html[data-theme=light] .sidebar nav a[aria-current]{background:#eaf2ff;color:#2869c6}
html[data-theme=light] :is(.safety-note,.empty h2,.empty h3,.creator-stats strong,.creator-tabs .selected,.inbox-tabs .selected){color:var(--text)}
html[data-theme=light] :is(.search-panel summary,.back-link,.account-form div[id] label){color:var(--muted)}
html[data-theme=light] .bottom-nav a[aria-current]{color:#2d70d1}
html[data-theme=light] .button.secondary{color:var(--text)}
html[data-theme=light] .chat-header small{color:var(--muted)}
html[data-theme=light] .bubble.mine{background:#3274d8;color:#fff}
html[data-theme=light] .conversation-row.selected{background:#eaf2ff}
html[data-theme=light] .flash{background:#e8f1ff;color:#204878;border-color:#a7c4ed}
html[data-theme=light] :is(dialog,.panel,.publish-note){background:var(--surface);color:var(--text);border-color:var(--line)}
html[data-theme=light] .upload-drop{background:#edf3fc;border-color:#b2c6e2}
html[data-theme=light] .upload-drop .upload-icon{background:#d9e8ff;color:#367ad3}
html[data-theme=light] .account-form ul{color:var(--muted)}
html[data-theme=light] .errorlist{color:#b63755!important}
html[data-theme=light] .reels-page{background:#f0f3f7}
html[data-theme=light] .reels-page .sidebar{background:#fff;border-color:var(--line)}
html[data-theme=light] .reels-page .sidebar nav a[aria-current]{background:#eaf2ff}
html[data-theme=light] .reels-rail{color:#6c7b90}
html[data-theme=light] :is(.reel-upload,.reel-arrows button){background:#fff;color:var(--text);border-color:#d6dfe9}
html[data-theme=light] .reel-arrows button:hover{background:#e5edf7}
html[data-theme=light] .reels-feed{color:#fff;color-scheme:dark}
html[data-theme=light] .reels-feed input{background:none;border:0;color:#fff}
html[data-theme=light] .reels-feed .feed-end{color:#fff}
html[data-theme=light] .reels-feed .feed-end p{color:#a5b2c7}
html[data-theme=light] .reel-error{background:#111e;color:#fff}
html[data-theme=light] .reels-page .bottom-nav{background:#fff;border-color:#dfe6ef}
.comments-sheet{background:var(--surface);color:var(--text)}
.comments-sheet header,.comments-sheet #comment-form{border-color:var(--line)}
.comments-sheet input{background:var(--surface2);color:var(--text)}
.comment-row strong,.comments-empty{color:var(--muted)}
html[data-theme=dark] .comments-sheet h2{color:var(--text)}
html[data-theme=dark] .comments-sheet .sheet-handle{background:#3c4a5f}
html[data-theme=dark] .auth-page{color-scheme:dark;background:linear-gradient(180deg,#132d42 0%,#102030 45%,#080e19 100%);color:#e9f0fa}
html[data-theme=dark] .auth-layout{background:#111c2beF;border-color:#2c3b50;box-shadow:0 18px 55px #0003}
html[data-theme=dark] .auth-brand-block h2,html[data-theme=dark] .auth-card h1{color:#edf3fc}
html[data-theme=dark] .auth-brand-block>p{color:#a2b3c9}
html[data-theme=dark] .auth-switch{background:#0a1423}
html[data-theme=dark] .auth-switch>*{color:#9fb0c8}
html[data-theme=dark] .auth-switch .selected{background:#26354b;color:#f2f6fc;box-shadow:0 2px 7px #0003}
html[data-theme=dark] .auth-page :is(input,select,textarea){background:#1b293d;color:#eef3fb;border:1px solid #30415b}
html[data-theme=dark] .auth-page input::placeholder,html[data-theme=dark] .auth-page textarea::placeholder{color:#8496af}
html[data-theme=dark] .auth-page :is(.auth-field>label,.label-row label,.auth-form p>label){color:#b9c9df}
html[data-theme=dark] .auth-page :is(.auth-intro,.auth-note,.auth-trust,.auth-footer,.helptext){color:#9eafc6}
html[data-theme=dark] .auth-page :is(.auth-note a,.label-row>a,.auth-back){color:#8dbbff}
html[data-theme=dark] .auth-page .errorlist{background:#382330;border-color:#633745;color:#ffc2ce!important}
html[data-theme=dark] .auth-page .account-form div[id] label{color:#b9c9df}
html[data-theme=dark] .auth-page .account-form ul{color:#9eafc6}
html[data-theme=dark] .auth-page .auth-theme .theme-toggle{background:#1e3249;border-color:#35516b;color:#e7f0fd}
@media(max-width:700px){.auth-theme{right:20px;top:17px}.reels-header{padding-left:14px;padding-right:14px}.reels-header-actions{gap:7px}.reels-header-actions .theme-toggle{width:29px;min-height:29px}.reels-brand{font-size:0}.reels-brand:before{content:'s';font-size:20px;font-style:italic;font-weight:700;color:#fff}.reels-tabs{gap:13px}.reels-tabs button{font-size:.73rem}.reels-tabs button.selected{font-size:.8rem}.mobile-header{gap:10px}.mobile-header .demo-banner{margin-left:auto;font-size:.58rem}.mobile-header>.theme-toggle{order:2}.mobile-header>a:last-of-type{order:3}}
html[data-theme=light] .reels-header{color:#fff}
html[data-theme=light] .person-card{color:#fff}