.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex-shrink:0;min-width:44px;min-height:44px;padding:9px 12px;border:1px solid var(--line-strong);border-radius:10px;background:transparent;color:var(--text-primary);font-size:14px;line-height:1.4;cursor:pointer}
.theme-toggle:hover{background:var(--bg-hover)}.theme-toggle i{font-style:normal;font-size:22px;line-height:1}.theme-toggle[aria-pressed=true]{background:var(--accent-wash);border-color:var(--accent)}
.site-chrome header>.theme-toggle{order:90}.site-chrome header>.theme-toggle span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.mobile-menu-controls>.theme-toggle{width:100%;justify-content:space-between;padding:12px 14px}.mobile-menu-controls>.theme-toggle span{position:static;width:auto;height:auto;clip-path:none;order:-1}
:root[data-theme=light]{color-scheme:light;--bg-deep:#f3f6f7;--bg-surface:#ffffff;--bg-raised:#e9eff2;--bg-hover:#e4edf0;--text-primary:#20252b;--text-secondary:#454d56;--text-muted:#56616b;--accent:#286c7a;--accent-bright:#195564;--accent-deep:#367783;--accent-wash:rgba(40,108,122,.08);--copper:#916037;--line:rgba(36,73,85,.16);--line-strong:rgba(36,73,85,.3);--danger:#a94339;--success:#286953;--focus:#286c7a;background:var(--bg-deep);color:var(--text-primary)}
html[data-theme=light] body{background:var(--bg-deep);color:var(--text-primary)}
html[data-theme=light] .site-chrome{background:rgba(243,246,247,.98)}
html[data-theme=light] :is(.panel,.stat-card,.plus-offer,.plus-grid article,#account-auth){box-shadow:0 8px 28px rgba(25,55,65,.04)}
html[data-theme=light] :is(.primary,.plus-cta,.na-primary){background:#286c7a;color:#fff;box-shadow:0 5px 16px rgba(40,108,122,.12)}
html[data-theme=light] :is(.primary,.plus-cta,.na-primary):hover{background:#205966;color:#fff}
html[data-theme=light] .switch i{background:#7c939b}html[data-theme=light] .switch.active i{background:#fff}
html[data-theme=light] :is(.secondary,.telegram-link,.plus-trial-dialog a,.plus-trial-dialog button){color:var(--text-primary);border-color:var(--line-strong)}
html[data-theme=light] :is(.quick-presets,.advanced-wave,.directory-bulk){background:var(--bg-surface);border-color:var(--line)}
html[data-theme=light] :is(.nature-card,.ears){background:var(--bg-deep);border-color:var(--line)}
html[data-theme=light] .nature-card.active{background:#eaf3f5;border-color:#78a5ae}
html[data-theme=light] :is(.nature-plan-badge,.advanced-active-modes,.directory-badges){color:var(--accent);border-color:var(--line-strong)}
html[data-theme=light] :is(.advanced-wave figcaption,.advanced-wave p,.price small,.account-identity,.master){color:var(--text-secondary)}
html[data-theme=light] :is(.mobile-menu-controls,.content-menu,.admin-feature,.history-row,.preset-row){border-color:var(--line)}
html[data-theme=light] .mobile-menu-toggle{background:var(--bg-surface);border-color:var(--line-strong)}
html[data-theme=light] .site-language{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23526870' stroke-width='1.5'/%3E%3C/svg%3E")}
html[data-theme=light] :is(dialog,[role=dialog]){background:var(--bg-surface);color:var(--text-primary);border-color:var(--line-strong)}
html[data-theme=light] dialog::backdrop{background:rgba(16,34,43,.38)}
/* The light field uses an inverted canvas, retaining its original geometry and motion. */
html[data-theme=light] .visual{background:transparent;border:0;border-radius:0;box-shadow:none;color:var(--text-primary);color-scheme:light}
html[data-theme=light] .visual canvas{filter:invert(1) saturate(.25);border-radius:0}
html[data-theme=light] .visual #clock{color:var(--text-primary)}
html[data-theme=light] :is(.control label,.language-control label,.binaural-preset-field label,.quick-presets label,.advanced-field,.nature-toggle,.sectionhead h2,.sectionbutton h2,.custom,.nature-window-inputs label){color:var(--text-primary);font-weight:500}
html[data-theme=light] :is(.control label,.language-control label,.binaural-preset-field label) span{color:inherit}
html[data-theme=light] :is(.ends,.small,.description,.muted,.ears span,.plus-trial-dialog p,.plus-trial-banner p,#loading-label,#admin-pagination span,.center>span:last-child){color:var(--text-secondary)}
html[data-theme=light] :is(output,.control output,.ears strong,.center>span:first-child){color:#234f5c;font-weight:600}
html[data-theme=light] :is(.advanced-panel .sectionhead>span,.matrix-plus-badge,.content-menu .plus-menu-link){color:var(--accent-bright)}
@media(max-width:760px){html[data-theme=light] .site-chrome .content-menu.mobile-open{background:var(--bg-deep)}}
/* Match the language selector: text left, a centered icon at the right edge. */
.site-chrome .mobile-menu-controls>.theme-toggle{display:grid;grid-template-columns:minmax(0,1fr) 24px;align-items:center;gap:16px;min-height:48px;padding:12px 14px;text-align:start}
.site-chrome .mobile-menu-controls>.theme-toggle>span{grid-column:1;grid-row:1;position:static;width:auto;height:auto;clip-path:none;line-height:1.5;margin:0}
.site-chrome .mobile-menu-controls>.theme-toggle>i{grid-column:2;grid-row:1;display:grid;place-items:center;width:24px;height:24px;font-size:22px;line-height:1;margin:0}
