html.dark:not(.hc) {
  --bg: #0F1714; --surface: #17211D; --surface-2: #1C2823; --ink: #E4EDE9; --muted: #A9B9B2; --line: #2B3A34;
  --primary: #8EC4E4; --primary-2: #A9D3EC; --primary-tint: #1E2F29; --brand: #8CC3D6; --brand-2: #8CC7C9;
  --lapis: #93BEDD; --lapis-2: #B4D2E8; --garden: #7FCBA6; --garden-2: #9ED9BB; --pom: #F09AA6; --pom-2: #F4B0BB;
  --saffron: #E5BC6A; --saffron-2: #F0D293; --night: #B4ACEE; --night-2: #C9C3F3; --ok: #73D39A; --high: #F49A93; --mild: #E9C25C; --mod: #F0A64A;
  --icon-bg: #1F2B26; --icon-fg: #8EC4E4; --info: #9FC7E2;
  --sh: 0 1px 2px rgba(0,0,0,.35), 0 4px 14px rgba(0,0,0,.35); --sh-lg: 0 2px 4px rgba(0,0,0,.35), 0 10px 24px rgba(0,0,0,.45);
  --sh3: 0 3px 18px rgba(0,0,0,.35); --lift: 0 5px 14px rgba(0,0,0,.3);
}
html.dark:not(.hc) body { background: #0F1714; color: #E4EDE9; }
html.dark:not(.hc) body { background: var(--bg); color: var(--ink); }
html.dark:not(.hc) a { color: var(--primary); }
html.dark:not(.hc) button, html.dark:not(.hc) input, html.dark:not(.hc) select, html.dark:not(.hc) textarea { color: inherit; }
html.dark:not(.hc) :focus-visible { outline: 3px solid rgba(44, 110, 155, .45); }
html.dark:not(.hc) .topbar { color: #fff; background: linear-gradient(160deg, #46525A 0%, #356D85 45%, #356B70 100%); box-shadow: 0 2px 12px rgba(0, 0, 0, .15); }
html.dark:not(.hc) .brand { text-decoration: none; }
html.dark:not(.hc) .brand .circle { background: #1B1B1B; color: var(--brand); }
html.dark:not(.hc) .tb-btn { border: 1px solid rgba(56,56,56,0.28); background: rgba(27,27,27,0.1); color: #fff; text-decoration: none; }
html.dark:not(.hc) .tb-btn .av { background: #1B1B1B; }
html.dark:not(.hc) .tb-sos { background: #C8443C; border-color: #63403D; }
html.dark:not(.hc) .search input { border: 0; background: #1B1B1B; color: var(--ink); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .05); }
html.dark:not(.hc) .search svg { color: var(--muted); }
html.dark:not(.hc) .clinic-bar { background: #2F2713; color: #F7E5B6; border-bottom: 1px solid #5C5235; }
html.dark:not(.hc) .foot { color: var(--muted); }
html.dark:not(.hc) .foot a { color: var(--muted); }
html.dark:not(.hc) .page-sub { color: var(--muted); }
html.dark:not(.hc) .crumb { color: var(--muted); text-decoration: none; }
html.dark:not(.hc) .sec-h small { color: var(--muted); }
html.dark:not(.hc) .card { background: var(--surface); box-shadow: var(--sh); }
html.dark:not(.hc) .muted { color: var(--muted); }
html.dark:not(.hc) .hello .av { background: #1A1F23; }
html.dark:not(.hc) .mood-row button, html.dark:not(.hc) .face-btn { border: 2px solid transparent; background: var(--surface-2); }
html.dark:not(.hc) .mood-row button span, html.dark:not(.hc) .face-btn span { color: var(--muted); }
html.dark:not(.hc) .face-btn.on { border-color: #356C8B; background: #182025; }
html.dark:not(.hc) .tile { background: var(--surface); box-shadow: var(--sh); text-decoration: none; color: var(--ink); border: 0; }
html.dark:not(.hc) .tile::after { background: var(--c); }
html.dark:not(.hc) .tile:hover { box-shadow: var(--sh-lg); }
html.dark:not(.hc) .tile .t-ic { background: #1A1F23; background: color-mix(in srgb, var(--c) 14%, #1B1B1B); color: var(--c); }
html.dark:not(.hc) .tile .t-sub { color: var(--muted); }
html.dark:not(.hc) .tile .t-count { color: var(--c); }
html.dark:not(.hc) .tip { background: linear-gradient(135deg, #2C6E9B, #23938A); color: #fff; box-shadow: var(--sh); }
html.dark:not(.hc) .say { border: 0; background: rgba(27,27,27,0.2); color: inherit; }
html.dark:not(.hc) .say.dark { background: #1B2024; color: var(--primary); }
html.dark:not(.hc) .bar { background: #1D2124; }
html.dark:not(.hc) .bar > span { background: linear-gradient(90deg, #237A47, #6CC24A); }
html.dark:not(.hc) .streak i { background: #1D2124; color: #fff; }
html.dark:not(.hc) .streak i.on { background: #8A6508; }
html.dark:not(.hc) .ex-row { background: var(--surface); box-shadow: var(--sh); text-decoration: none; color: var(--ink); border-right: 5px solid var(--c); }
html.dark:not(.hc) .ex-row .r-sub { color: var(--muted); }
html.dark:not(.hc) .ev.strong { background: #1B2720; color: #BAE6CC; }
html.dark:not(.hc) .ev.moderate { background: #2C2616; color: #EEDCB2; }
html.dark:not(.hc) .ev.limited { background: #1D2022; color: #C7CACD; }
html.dark:not(.hc) .chev { color: #A9B4BD; }
html.dark:not(.hc) .chip { border: 1px solid var(--line); background: var(--surface); }
html.dark:not(.hc) .chip.on { background: #356C8B; color: #fff; border-color: #356C8B; }
html.dark:not(.hc) .q-row { background: var(--surface); box-shadow: var(--sh); text-decoration: none; color: var(--ink); }
html.dark:not(.hc) .q-row .r-sub { color: var(--muted); }
html.dark:not(.hc) .lv-ok { background: #1B2720; color: #BAE6CC; }
html.dark:not(.hc) .lv-mild { background: #2C2616; color: #EEDCB2; }
html.dark:not(.hc) .lv-mod { background: #2D2015; color: #EDC8AE; }
html.dark:not(.hc) .lv-high { background: #2A1918; color: #E5B4B1; }
html.dark:not(.hc) .lv-info { background: #1D2022; color: #C4CBD0; }
html.dark:not(.hc) .btn { border: 1px solid var(--line); background: var(--surface); color: var(--ink); text-decoration: none; }
html.dark:not(.hc) .btn-success, html.dark:not(.hc) .btn-primary { background: #356C8B; border-color: #356C8B; color: #fff; box-shadow: 0 4px 12px rgba(44, 110, 155, .25); }
html.dark:not(.hc) .btn-success:hover, html.dark:not(.hc) .btn-primary:hover { background: #295976; }
html.dark:not(.hc) .btn-default { background: var(--surface); }
html.dark:not(.hc) .btn-info { background: #182127; border-color: #34424C; color: var(--primary-2); }
html.dark:not(.hc) .btn-danger { background: #1B1B1B; color: var(--high); border-color: #503634; }
html.dark:not(.hc) .form-control { border: 1px solid #3E4347; background: #1B1B1B; }
html.dark:not(.hc) .form-control:focus { border-color: #356C8B; outline: none; box-shadow: 0 0 0 3px rgba(44, 110, 155, .15); }
html.dark:not(.hc) .table td, html.dark:not(.hc) .table th { border-bottom: 1px solid var(--line); }
html.dark:not(.hc) .table th { color: var(--muted); }
html.dark:not(.hc) .active-band { background: #2B2312; }
html.dark:not(.hc) .alert-warning { background: #2F2713; color: #F7E5B6; border: 1px solid #5C5235; }
html.dark:not(.hc) .note { color: var(--muted); }
html.dark:not(.hc) .disclaimer { background: var(--surface-2); color: var(--muted); }
html.dark:not(.hc) .qn-meta { color: var(--muted); }
html.dark:not(.hc) .qn-progress { background: var(--bg); }
html.dark:not(.hc) .qn-progress small { color: var(--muted); }
html.dark:not(.hc) .qn-intro { background: #182025; color: var(--primary-2); }
html.dark:not(.hc) .qn-item { border: 0; background: var(--surface); box-shadow: var(--sh); }
html.dark:not(.hc) .qn-item.missing { box-shadow: 0 0 0 2px var(--high), var(--sh); }
html.dark:not(.hc) .qn-form .qn-item:not(.qn-sub) > h3::before { background: #182025; color: var(--primary); }
html.dark:not(.hc) .qn-sub { border-right: 3px solid #3A4147; }
html.dark:not(.hc) .qn-section { color: var(--primary-2); }
html.dark:not(.hc) .inputGroup label { border: 1.5px solid var(--line); background: #1B1B1B; }
html.dark:not(.hc) .inputGroup label::before { border: 2px solid #43484C; background: #1B1B1B; }
html.dark:not(.hc) .inputGroup input:checked + label { border-color: #356C8B; background: #181F25; color: var(--primary-2); }
html.dark:not(.hc) .inputGroup input:checked + label::before { border-color: #356C8B; background: #356C8B; box-shadow: inset 0 0 0 4px #0D0D0D; }
html.dark:not(.hc) .inputGroup input:focus-visible + label { outline: 3px solid rgba(44, 110, 155, .35); }
html.dark:not(.hc) .result-box { background: var(--surface); box-shadow: var(--sh); border-top: 6px solid var(--c); }
html.dark:not(.hc) .result-score { color: var(--muted); }
html.dark:not(.hc) .result-score strong { color: var(--c); }
html.dark:not(.hc) .result-label { color: var(--c); }
html.dark:not(.hc) .bands-table { background: var(--surface); box-shadow: var(--sh); }
html.dark:not(.hc) .safety-box { background: #281614; border: 1px solid #503532; color: #E6BDBA; }
html.dark:not(.hc) .stp-alert { border: 2px solid #C0392B; }
html.dark:not(.hc) .stp-alert:focus { outline: 3px solid #C0392B; }
html.dark:not(.hc) .validation-box { background: #161F26; }
html.dark:not(.hc) .v-lang { background: #356C8B; color: #fff; }
html.dark:not(.hc) .v-ref { color: #CFD4D8; }
html.dark:not(.hc) .v-warn { color: #EEDCB2; background: #2F2713; }
html.dark:not(.hc) .source { color: var(--muted); }
html.dark:not(.hc) .ex-head { color: #fff; background: var(--c); background: linear-gradient(135deg, var(--c), color-mix(in srgb, var(--c) 70%, #212D36)); box-shadow: var(--sh); }
html.dark:not(.hc) .ex-head .crumb { color: rgba(255, 255, 255, .85); }
html.dark:not(.hc) .ex-head .ev { background: rgba(27,27,27,0.22); color: #fff; }
html.dark:not(.hc) .ex-intro { background: var(--surface); box-shadow: var(--sh); }
html.dark:not(.hc) .ex-note { background: #2B2412; color: #EEE0BB; }
html.dark:not(.hc) .ex-source { color: var(--muted); }
html.dark:not(.hc) .ex-status { color: var(--ok); }
html.dark:not(.hc) .ex-privacy { color: var(--muted); }
html.dark:not(.hc) .ex-progress { color: var(--muted); }
html.dark:not(.hc) .ex-best { color: var(--muted); }
html.dark:not(.hc) .ex-big { color: var(--primary); }
html.dark:not(.hc) .ex-steps li { background: var(--surface); box-shadow: var(--sh); color: var(--muted); }
html.dark:not(.hc) .ex-steps li::before { background: #1D2124; color: var(--muted); }
html.dark:not(.hc) .ex-steps li.active { color: var(--ink); box-shadow: 0 0 0 2px var(--c, var(--primary)), var(--sh-lg); }
html.dark:not(.hc) .ex-steps li.active::before { background: var(--c, #356C8B); color: #fff; }
html.dark:not(.hc) .ex-steps li.done::before { background: #237A47; color: #fff; }
html.dark:not(.hc) .ex-dur { color: var(--muted); }
html.dark:not(.hc) .ex-clock { color: var(--c, var(--primary)); }
html.dark:not(.hc) .breath-stage::before { border: 2px dashed color-mix(in srgb, var(--c, #356C8B) 35%, #383838); }
html.dark:not(.hc) .breath-circle { background: radial-gradient(circle at 35% 35%, #192932, var(--c, #356C8B) 70%); box-shadow: 0 20px 50px rgba(44, 110, 155, .35); }
html.dark:not(.hc) .breath-text { color: #fff; text-shadow: 0 1px 4px rgba(0, 0, 0, .3); }
html.dark:not(.hc) .ex-form { background: var(--surface); box-shadow: var(--sh); }
html.dark:not(.hc) .ex-scale-b { border: 1.5px solid #3E4347; background: #1B1B1B; }
html.dark:not(.hc) .ex-scale-b.on { background: #356C8B; border-color: #356C8B; color: #fff; }
html.dark:not(.hc) .ex-face-b { border: 2px solid transparent; background: var(--surface-2); }
html.dark:not(.hc) .ex-face-b.on { border-color: #356C8B; background: #182025; }
html.dark:not(.hc) .ex-entry { background: var(--surface); box-shadow: var(--sh); }
html.dark:not(.hc) .ex-entry b { color: var(--muted); }
html.dark:not(.hc) .ex-calc { color: var(--ok); }
html.dark:not(.hc) .ex-chart-wrap { background: var(--surface); box-shadow: var(--sh); }
html.dark:not(.hc) .ex-chart rect { fill: var(--c, var(--primary)); }
html.dark:not(.hc) .ex-quiz { background: var(--surface); box-shadow: var(--sh); }
html.dark:not(.hc) .ex-opt.ok { background: #1B2720; border-color: #237A47; color: #BAE6CC; }
html.dark:not(.hc) .ex-opt.bad { background: #2A1918; border-color: #A33530; color: #E5B4B1; }
html.dark:not(.hc) .fb-ok { color: var(--ok); }
html.dark:not(.hc) .fb-bad { color: var(--high); }
html.dark:not(.hc) .ex-level { border: 0; color: #fff; text-shadow: 0 1px 2px rgba(0, 0, 0, .3); box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .12); }
html.dark:not(.hc) .ex-level-out { background: var(--surface); border-right: 8px solid transparent; box-shadow: var(--sh); }
html.dark:not(.hc) .ex-card { background: var(--surface); box-shadow: var(--sh); border-top: 4px solid var(--c, #356C8B); }
html.dark:not(.hc) .ex-card p { color: var(--muted); }
html.dark:not(.hc) .ex-check { background: var(--surface); box-shadow: var(--sh); }
html.dark:not(.hc) .ex-check input { accent-color: var(--ok); }
html.dark:not(.hc) .ex-sort-card { background: var(--surface); box-shadow: var(--sh-lg); color: var(--c, var(--primary)); }
html.dark:not(.hc) .ex-tag { background: #1D2023; }
html.dark:not(.hc) .ex-tag.top { background: #237A47; color: #fff; }
html.dark:not(.hc) .ex-row-wrap, html.dark:not(.hc) .ex-rows .ex-row { border: 0; box-shadow: none; background: none; }
html.dark:not(.hc) .game-area { background: linear-gradient(180deg, #1B1B1B, #181E22); box-shadow: var(--sh); }
html.dark:not(.hc) .game-area.dark { background: radial-gradient(120% 100% at 50% 0%, #2E3A44, #212C36); color: #DDE6EC; }
html.dark:not(.hc) .game-stim { background: #1B1B1B; box-shadow: inset 0 0 0 1px var(--line), 0 6px 20px rgba(16, 24, 40, .06); }
html.dark:not(.hc) .game-btn { box-shadow: 0 4px 0 rgba(0, 0, 0, .08); }
html.dark:not(.hc) .game-btn:active { box-shadow: 0 2px 0 rgba(0, 0, 0, .08); }
html.dark:not(.hc) .game-result-card { background: var(--surface); box-shadow: var(--sh-lg); }
html.dark:not(.hc) .gr-badge { color: #fff; background: linear-gradient(135deg, #4E4024, #E08A1E); box-shadow: 0 8px 20px rgba(224, 138, 30, .4); }
html.dark:not(.hc) .interp { background: var(--surface-2); }
html.dark:not(.hc) .interp h4 { color: var(--muted); }
html.dark:not(.hc) .interp .verdict.better { color: var(--ok); }
html.dark:not(.hc) .interp .verdict.typical { color: var(--primary); }
html.dark:not(.hc) .interp .verdict.lower { color: var(--mod); }
html.dark:not(.hc) .gauge { background: linear-gradient(90deg, #37291D, #1C262C 30%, #1C262C 70%, #213027); }
html.dark:not(.hc) .gauge i { background: #356C8B; border: 3px solid #383838; box-shadow: 0 2px 6px rgba(0, 0, 0, .25); }
html.dark:not(.hc) .gauge-l { color: var(--muted); }
html.dark:not(.hc) .game-entry { color: var(--primary); }
html.dark:not(.hc) .dot { box-shadow: inset 0 -8px 0 rgba(0, 0, 0, .12), 0 10px 24px rgba(0, 0, 0, .15); }
html.dark:not(.hc) .dot.green { background: radial-gradient(circle at 35% 30%, #264030, #1E9E55); }
html.dark:not(.hc) .dot.red { background: radial-gradient(circle at 35% 30%, #3E1D19, #CF3B2F); }
html.dark:not(.hc) .corsi-board { background: radial-gradient(120% 100% at 50% 0%, #34424D, #222D35); box-shadow: inset 0 0 0 1px rgba(13,13,13,0.06); }
html.dark:not(.hc) .corsi-block { background: linear-gradient(180deg, #263648, #2F6FC0); box-shadow: 0 5px 0 #214F8C; }
html.dark:not(.hc) .corsi-block.lit { background: linear-gradient(180deg, #3F361A, #F2B90F); box-shadow: 0 0 24px #0D0D0D, 0 5px 0 #B5860A; }
html.dark:not(.hc) .reaction-pad { color: #fff; background: linear-gradient(135deg, #7D8A94, #56636E); box-shadow: var(--sh); }
html.dark:not(.hc) .reaction-pad.wait { background: linear-gradient(135deg, #4B2B28, #B8352B); }
html.dark:not(.hc) .reaction-pad.go { background: linear-gradient(135deg, #3CCB7F, #1E9E55); }
html.dark:not(.hc) .reaction-pad.early { background: linear-gradient(135deg, #4E4024, #E08A1E); }
html.dark:not(.hc) .hanoi-peg { background: #1B1B1B; box-shadow: inset 0 -8px 0 #0D0D0D, var(--sh); }
html.dark:not(.hc) .hanoi-peg.sel { box-shadow: inset 0 -8px 0 #0D0D0D, 0 0 0 3px var(--primary); }
html.dark:not(.hc) .hanoi-rod { background: linear-gradient(90deg, #2F3234, #232629); }
html.dark:not(.hc) .hanoi-disk { box-shadow: inset 0 -4px 0 rgba(0, 0, 0, .18); }
html.dark:not(.hc) .mem-card { border: 0; color: #fff; background: linear-gradient(135deg, #4F63C2, #2C6E9B); box-shadow: 0 5px 0 #233F6E; }
html.dark:not(.hc) .mem-card.open { background: #1B1B1B; color: inherit; box-shadow: 0 0 0 2px #0D0D0D, 0 5px 0 #0D0D0D; }
html.dark:not(.hc) .trail-board { background: #1B1B1B; background-image: linear-gradient(#1B1F22 1px, transparent 1px), linear-gradient(90deg, #1B1F22 1px, transparent 1px); box-shadow: inset 0 0 0 1px var(--line); }
html.dark:not(.hc) .trail-svg line { stroke: var(--primary); }
html.dark:not(.hc) .trail-node { border: 0; background: #1B1B1B; box-shadow: 0 0 0 2px #0D0D0D, 0 4px 10px rgba(0, 0, 0, .12); color: var(--brand); }
html.dark:not(.hc) .trail-node.done { background: #237A47; color: #fff; box-shadow: 0 0 0 2px #1F7A45; }
html.dark:not(.hc) .trail-node.err { background: #A33530; color: #fff; }
html.dark:not(.hc) .ts-box { color: #fff; box-shadow: 0 8px 20px rgba(0, 0, 0, .15); }
html.dark:not(.hc) .ts-box.blue { background: linear-gradient(135deg, #29394C, #2557A8); }
html.dark:not(.hc) .ts-box.orange { background: linear-gradient(135deg, #4C3622, #DB6A12); }
html.dark:not(.hc) .vs-board { background: #1B1B1B; box-shadow: inset 0 0 0 1px var(--line); }
html.dark:not(.hc) .vs-item.tgt { background: #D9453A; }
html.dark:not(.hc) .vs-item.sq { background: #D9453A; }
html.dark:not(.hc) .vs-item.bc { background: #2F6FC0; }
html.dark:not(.hc) .rot-g { background: #1B1B1B; box-shadow: var(--sh); color: var(--primary); }
html.dark:not(.hc) .tol-wrap > div { background: #1B1B1B; box-shadow: var(--sh); }
html.dark:not(.hc) .tol-peg { border-bottom: 8px solid #484B4F; }
html.dark:not(.hc) .tol-peg::before { background: #262A2C; }
html.dark:not(.hc) .tol-peg.sel { background: #182025; }
html.dark:not(.hc) .tol-ball { box-shadow: inset -4px -6px 0 rgba(0, 0, 0, .18), inset 4px 4px 0 rgba(13,13,13,0.3); }
html.dark:not(.hc) .wcst-key { border: 0; background: none; }
html.dark:not(.hc) .wcst-card { background: #1B1B1B; box-shadow: 0 0 0 1.5px #0D0D0D, 0 6px 14px rgba(16, 24, 40, .08); }
html.dark:not(.hc) .wcst-stim .wcst-card { box-shadow: 0 0 0 2px var(--primary), var(--sh-lg); }
html.dark:not(.hc) .simon-stage { background: #1B1B1B; box-shadow: inset 0 0 0 1px var(--line); }
html.dark:not(.hc) .simon-fix { color: var(--muted); }
html.dark:not(.hc) .simon-sq { box-shadow: 0 6px 14px rgba(0, 0, 0, .2); }
html.dark:not(.hc) .simon-sq.red { background: linear-gradient(135deg, #482623, #C8382C); }
html.dark:not(.hc) .simon-sq.blue { background: linear-gradient(135deg, #263648, #2557A8); }
html.dark:not(.hc) .pos-box { background: #1B1B1B; box-shadow: 0 0 0 2px #0D0D0D, var(--sh); color: #EED795; }
html.dark:not(.hc) .pos-fix { color: var(--primary); }
html.dark:not(.hc) .traffic { background: #3E4A54; box-shadow: inset 0 -10px 0 rgba(0, 0, 0, .25); }
html.dark:not(.hc) .traffic.green { background: radial-gradient(circle at 35% 30%, #1F3D2B, #1E9E55); box-shadow: 0 0 40px #3CCB7F; }
html.dark:not(.hc) .traffic.red { background: radial-gradient(circle at 35% 30%, #3B1C18, #CF3B2F); box-shadow: 0 0 40px #E25B4F; }
html.dark:not(.hc) .star-cell { border: 0; background: #1B1B1B; box-shadow: 0 0 0 1px var(--line); }
html.dark:not(.hc) .star-cell.err { background: #2A1918; }
html.dark:not(.hc) .star-cell.found { background: #1B2720; }
html.dark:not(.hc) .emo-hud { color: var(--muted); }
html.dark:not(.hc) .emo-bar { background: #251E21; }
html.dark:not(.hc) .emo-bar span { background: linear-gradient(90deg, #3D1F28, #492831); }
html.dark:not(.hc) .emo-game { background: linear-gradient(180deg, #281017, #1B1B1B); box-shadow: var(--sh); }
html.dark:not(.hc) .emo-face { border: 3px solid transparent; background: #1B1B1B; box-shadow: var(--sh); }
html.dark:not(.hc) .emo-face.right, html.dark:not(.hc) .emo-opt.right { border-color: #237A47; background: #19251E; }
html.dark:not(.hc) .emo-face.wrong, html.dark:not(.hc) .emo-opt.wrong { border-color: #A33530; background: #281816; }
html.dark:not(.hc) .emo-fb.ok { color: var(--ok); }
html.dark:not(.hc) .emo-fb.bad { color: var(--mod); }
html.dark:not(.hc) .emo-name { color: #DCADBA; }
html.dark:not(.hc) .emo-card { border: 0; background: linear-gradient(135deg, #3D1F28, #C2456A); box-shadow: 0 5px 0 #96304F; }
html.dark:not(.hc) .emo-card .back { color: #fff; }
html.dark:not(.hc) .emo-card.open { background: #1B1B1B; box-shadow: 0 0 0 2px #0D0D0D, 0 5px 0 #0D0D0D; }
html.dark:not(.hc) .emo-card .lbl { color: #DCADBA; }
html.dark:not(.hc) .emo-card.matched { box-shadow: 0 0 0 3px var(--ok); }
html.dark:not(.hc) .emo-stars { color: #E2E8EE; }
html.dark:not(.hc) .emo-stars .on { color: #F4B740; text-shadow: 0 2px 10px rgba(13,13,13,0.5); }
html.dark:not(.hc) .quit-hero { background: linear-gradient(135deg, #4F9446, #2E7A3B); color: #fff; box-shadow: var(--sh); }
html.dark:not(.hc) .quit-money { color: #C3D9C7; }
html.dark:not(.hc) .quit-ms li { background: var(--surface); box-shadow: var(--sh); color: var(--muted); }
html.dark:not(.hc) .quit-ms li::before { border: 2px solid #404549; }
html.dark:not(.hc) .quit-ms li.on { color: var(--ink); }
html.dark:not(.hc) .quit-ms li.on::before { background: #237A47; border-color: #237A47; }
html.dark:not(.hc) .prog-head { color: #fff; background: var(--c); background: linear-gradient(135deg, var(--c), color-mix(in srgb, var(--c) 65%, #212D36)); box-shadow: var(--sh); }
html.dark:not(.hc) .prog-head .bar { background: rgba(27,27,27,0.25); }
html.dark:not(.hc) .prog-head .bar span { background: #1B1B1B; }
html.dark:not(.hc) .session { background: var(--surface); box-shadow: var(--sh); text-decoration: none; color: var(--ink); }
html.dark:not(.hc) .session .n { background: #1D2124; color: var(--muted); }
html.dark:not(.hc) .session.done .n { background: #237A47; color: #fff; }
html.dark:not(.hc) .session.cur { box-shadow: 0 0 0 2px var(--c, var(--primary)), var(--sh); }
html.dark:not(.hc) .bubble-row .who { color: var(--muted); }
html.dark:not(.hc) .bubble { background: var(--surface); box-shadow: var(--sh); }
html.dark:not(.hc) .bubble-row.r .bubble { background: #182025; }
html.dark:not(.hc) .task { background: var(--surface); box-shadow: var(--sh); text-decoration: none; color: var(--ink); }
html.dark:not(.hc) .task .ck { border: 2px solid #404549; color: #fff; }
html.dark:not(.hc) .task.done .ck { background: #237A47; border-color: #237A47; }
html.dark:not(.hc) .stat { background: var(--surface); box-shadow: var(--sh); }
html.dark:not(.hc) .stat b { color: var(--primary); }
html.dark:not(.hc) .stat span { color: var(--muted); }
html.dark:not(.hc) .cal i { background: #1D2124; }
html.dark:not(.hc) .cal i.on { background: #237A47; }
html.dark:not(.hc) .cal i.today { box-shadow: 0 0 0 2px var(--primary); }
html.dark:not(.hc) .hist td { border-bottom: 1px solid var(--line); }
html.dark:not(.hc) .report-box { background: #1B1B1B; border: 1px dashed #42474C; }
html.dark:not(.hc) .prof { background: var(--surface); box-shadow: var(--sh); }
html.dark:not(.hc) .prof.on { box-shadow: 0 0 0 2px var(--primary), var(--sh); }
html.dark:not(.hc) .av-pick button { border: 2px solid transparent; background: #1B1B1B; }
html.dark:not(.hc) .av-pick button.on { border-color: #356C8B; }
html.dark:not(.hc) .sos-hero { background: linear-gradient(135deg, #C8443C, #A3322B); color: #fff; box-shadow: var(--sh); }
html.dark:not(.hc) .faq details { background: var(--surface); box-shadow: var(--sh); }
html.dark:not(.hc) .faq summary::before { background: #182025; color: var(--primary); }
html.dark:not(.hc) .faq .a { color: #CFD4D8; }
html.dark:not(.hc) .online-card { background: var(--surface); box-shadow: var(--sh); text-decoration: none; color: var(--ink); }
html.dark:not(.hc) .oc-sub { color: var(--muted); }
html.dark:not(.hc) .web-view iframe { border: 0; background: #1B1B1B; box-shadow: var(--sh); }
html.dark:not(.hc) .modal-bg { background: rgba(32,45,55,0.45); }
html.dark:not(.hc) .modal { background: #1B1B1B; box-shadow: var(--sh-lg); }
html.dark:not(.hc) .modal .m-ic { color: #fff; box-shadow: 0 8px 20px rgba(0, 0, 0, .2); }
html.dark:not(.hc) .modal .pts { color: var(--ok); }
html.dark:not(.hc) .app-toast { background: #356D85; color: #fff; }
html.dark:not(.hc) .lang-switch { background: none; }
html.dark:not(.hc) .lang-switch button { box-shadow: 0 6px 18px rgba(0, 0, 0, .25); border: 1px solid var(--line); background: #1B1B1B; }
html.dark:not(.hc) .tip-bell { color: #fff; text-decoration: none; border: 1px solid rgba(56,56,56,0.45); }
html.dark:not(.hc) .rem-time { border: 1px solid var(--line); background: #1B1B1B; color: var(--ink, #DCDCDC); }
html.dark:not(.hc) .sw .sl { background: #25292C; }
html.dark:not(.hc) .sw .sl::before { background: #1B1B1B; box-shadow: 0 1px 3px rgba(0,0,0,.25); }
html.dark:not(.hc) .sw input:checked + .sl { background: #356C8B; }
html.dark:not(.hc) .sw input:focus-visible + .sl { outline: 2px solid #356C8B; }
html.dark:not(.hc) .card.rem-prompt { border-inline-start: 4px solid #356C8B; }
html.dark:not(.hc) .rem-prompt .ic.big { color: var(--primary); }
html.dark:not(.hc) .seg button { border: 2px solid var(--line); background: var(--surface-2); }
html.dark:not(.hc) .seg button.on { border-color: #356C8B; background: color-mix(in srgb, #356C8B 10%, #1B1B1B); color: var(--primary-2); }
html.dark:not(.hc) .form-err { color: #E7ACA9; }
html.dark:not(.hc) .lock-err { color: #FFD5D2; }
html.dark:not(.hc) .lock-ov { background: radial-gradient(120% 80% at 50% 0%, #2B3A46, #1F2D37); }
html.dark:not(.hc) .lock-card { color: #EAF1F5; }
html.dark:not(.hc) .lock-card .muted { color: #A9B8C3; }
html.dark:not(.hc) .lock-ic { background: linear-gradient(135deg, #2C6E9B, #23938A); box-shadow: 0 14px 30px rgba(0,0,0,.35); }
html.dark:not(.hc) .lock-ic svg { color: #fff; }
html.dark:not(.hc) .pin-dots i { border: 2px solid #464B4F; }
html.dark:not(.hc) .pin-dots i.on { background: #1B1B1B; border-color: #383838; }
html.dark:not(.hc) .pin-pad button { border: 0; background: rgba(27,27,27,0.1); color: #fff; }
html.dark:not(.hc) .pin-pad button:active { background: rgba(27,27,27,0.25); }
html.dark:not(.hc) .lock-forgot { background: transparent; color: #A9B8C3; border-color: rgba(56,56,56,0.2); }
html.dark:not(.hc) .insights svg { color: #E7C99F; }
html.dark:not(.hc) .g-hud { color: var(--muted); }
html.dark:not(.hc) .g-bar { background: var(--line); }
html.dark:not(.hc) .g-bar i { background: linear-gradient(90deg, var(--c), color-mix(in srgb, var(--c) 60%, #1B1B1B)); }
html.dark:not(.hc) .g-cap { color: var(--muted); }
html.dark:not(.hc) .pvt-box { background: radial-gradient(120% 100% at 50% 0%, #2B3A46, #212C36); box-shadow: inset 0 0 0 1px rgba(13,13,13,0.06), 0 10px 30px rgba(16,24,40,.18); }
html.dark:not(.hc) .pvt-num { color: #FFD54F; text-shadow: 0 0 24px rgba(13,13,13,0.55); }
html.dark:not(.hc) .pvt-box.early .pvt-num { color: #FF8A80; text-shadow: none; }
html.dark:not(.hc) .pvt-box.shown .pvt-num { color: #A5D6A7; text-shadow: none; }
html.dark:not(.hc) .sdmt-key { background: var(--surface); box-shadow: var(--sh); }
html.dark:not(.hc) .sdmt-k { background: var(--surface-2); }
html.dark:not(.hc) .sdmt-k b { color: var(--primary-2); border-top: 1px solid var(--line); }
html.dark:not(.hc) .glyph { fill: none; stroke: #D6DBDF; }
html.dark:not(.hc) .glyph.big { stroke: var(--c); }
html.dark:not(.hc) .sdmt-card { background: var(--surface); box-shadow: var(--sh-lg); }
html.dark:not(.hc) .np-b { border: 0; background: linear-gradient(180deg, #1B1B1B, #1A1F23); box-shadow: 0 4px 0 #0D0D0D, 0 6px 14px rgba(16,24,40,.08); }
html.dark:not(.hc) .np-b:active { box-shadow: 0 1px 0 #0D0D0D; }
html.dark:not(.hc) .ss-arrow { color: #C5D0D8; }
html.dark:not(.hc) .ss-arrow.go { background: radial-gradient(circle at 35% 30%, #244432, #1E9E55); color: #fff; box-shadow: 0 14px 30px rgba(30,158,85,.35); }
html.dark:not(.hc) .ss-arrow.stop { background: radial-gradient(circle at 35% 30%, #411E1B, #C62828); color: #fff; box-shadow: 0 0 0 10px rgba(198,40,40,.18), 0 14px 30px rgba(198,40,40,.4); }
html.dark:not(.hc) .ss-arrow.ok { color: var(--ok); }
html.dark:not(.hc) .ss-arrow.bad { color: var(--high); }
html.dark:not(.hc) .cpt-stim { color: transparent; background: radial-gradient(120% 100% at 50% 0%, #2B3A46, #212C36); }
html.dark:not(.hc) .cpt-stim.on { color: #FFFFFF; text-shadow: 0 0 30px rgba(13,13,13,0.7); }
html.dark:not(.hc) .cpt-stim.err { box-shadow: inset 0 0 0 6px var(--high); }
html.dark:not(.hc) .st-set { background: var(--surface); box-shadow: var(--sh); }
html.dark:not(.hc) .st-set small { color: var(--muted); }
html.dark:not(.hc) .st-set span { background: linear-gradient(180deg, #181D22, #1B2025); color: var(--primary-2); }
html.dark:not(.hc) .st-set.probe span { background: linear-gradient(135deg, #41371A, #FFB300); color: #F8E5BE; }
html.dark:not(.hc) .st-set.okk { box-shadow: 0 0 0 4px rgba(46,157,91,.5); }
html.dark:not(.hc) .st-set.bad { box-shadow: 0 0 0 4px rgba(200,68,60,.5); }
html.dark:not(.hc) .st-blank { color: var(--muted); }
html.dark:not(.hc) .cd-board { background: radial-gradient(120% 100% at 50% 0%, #3A4651, #222C35); }
html.dark:not(.hc) .cd-board.okk { box-shadow: 0 0 0 5px rgba(46,157,91,.6); }
html.dark:not(.hc) .cd-board.bad { box-shadow: 0 0 0 5px rgba(200,68,60,.6); }
html.dark:not(.hc) .cd-fix { color: #8DA2B1; }
html.dark:not(.hc) .cd-sq { box-shadow: 0 6px 14px rgba(0,0,0,.35); }
html.dark:not(.hc) .cd-sq.ghost { border: 2px dashed rgba(56,56,56,0.18); box-shadow: none; }
html.dark:not(.hc) .cd-sq.probe { box-shadow: 0 0 0 4px #0D0D0D, 0 10px 24px rgba(0,0,0,.4); }
html.dark:not(.hc) .pal-ring { background: radial-gradient(circle, #1B1B1B 0%, #1A1F23 70%); box-shadow: inset 0 0 0 2px var(--line); }
html.dark:not(.hc) .pal-box { border: 0; background: linear-gradient(180deg, #5B7C99, #3E5A73); box-shadow: 0 6px 0 #2C4357, 0 10px 18px rgba(16,24,40,.2); }
html.dark:not(.hc) .pal-box.open, html.dark:not(.hc) .pal-box.reveal { background: linear-gradient(180deg, #1B1B1B, #1B2024); box-shadow: 0 10px 24px rgba(16,24,40,.25); }
html.dark:not(.hc) .pal-box.okk { background: linear-gradient(180deg, #19261E, #1F2D24); }
html.dark:not(.hc) .pal-box.bad { background: linear-gradient(180deg, #2A1614, #321C1A); }
html.dark:not(.hc) .pal-center small { color: var(--muted); }
html.dark:not(.hc) .nv-ask.global { background: #14212B; color: #A4C5EB; }
html.dark:not(.hc) .nv-ask.local { background: #2D2212; color: #F3B897; }
html.dark:not(.hc) .nv-fig { background: var(--surface); box-shadow: var(--sh); }
html.dark:not(.hc) .nv-fig span { color: #D1D6DB; }
html.dark:not(.hc) .nv-fig.okk { box-shadow: 0 0 0 4px rgba(46,157,91,.5); }
html.dark:not(.hc) .nv-fig.bad { box-shadow: 0 0 0 4px rgba(200,68,60,.5); }
html.dark:not(.hc) .mot-wrap { box-shadow: var(--sh-lg); }
html.dark:not(.hc) .bart-stage { background: linear-gradient(180deg, #14212B, #1B1B1B); }
html.dark:not(.hc) .bart-bal i { background: radial-gradient(circle at 32% 28%, hsl(var(--h) 90% 82%), hsl(var(--h) 75% 55%) 45%, hsl(var(--h) 70% 38%)); box-shadow: inset -14px -18px 30px rgba(0,0,0,.18); }
html.dark:not(.hc) .bart-bal i::after { background: hsl(var(--h) 70% 40%); }
html.dark:not(.hc) .bart-bal b { color: #fff; text-shadow: 0 2px 8px rgba(0,0,0,.25); }
html.dark:not(.hc) .bart-bal.popped b { color: var(--high); text-shadow: none; }
html.dark:not(.hc) .bart-string { background: #34393B; }
html.dark:not(.hc) .bart-bank { color: var(--ok); }
html.dark:not(.hc) .dn-cell { background: #1D2124; }
html.dark:not(.hc) .dn-cell.lit { box-shadow: 0 10px 24px rgba(16,24,40,.25); }
html.dark:not(.hc) .game-btn.on { background: color-mix(in srgb, var(--c) 18%, #1B1B1B); border-color: var(--c); }
html.dark:not(.hc) .wr-card { background: var(--surface); box-shadow: var(--sh-lg); color: var(--primary-2); }
html.dark:not(.hc) .wr-b { border: 2px solid var(--line); background: var(--surface); }
html.dark:not(.hc) .wr-b.on { border-color: var(--c); background: color-mix(in srgb, var(--c) 14%, #1B1B1B); }
html.dark:not(.hc) .wr-b.okk { border-color: #237A47; background: #19261E; }
html.dark:not(.hc) .wr-b.miss { border-color: #8A6508; }
html.dark:not(.hc) .wr-b.bad { border-color: #A33530; background: #2A1614; }
html.dark:not(.hc) .fl-chip { background: color-mix(in srgb, var(--c) 12%, #1B1B1B); }
html.dark:not(.hc) .fl-chip.dup { background: #2A1614; color: var(--high); text-decoration: line-through; }
html.dark:not(.hc) .clock-wrap { box-shadow: var(--sh-lg); border: 2px dashed var(--line); }
html.dark:not(.hc) .clock-cv { background: #1B1B1B; }
html.dark:not(.hc) .clock-out { background: var(--surface-2); }
html.dark:not(.hc) .clock-out.ok { background: #19261E; }
html.dark:not(.hc) .clock-out.mod { background: #2D2212; }
html.dark:not(.hc) .clock-hist figure { color: var(--muted); }
html.dark:not(.hc) .clock-hist img { box-shadow: var(--sh); }
html.dark:not(.hc) .orient { color: #fff; background: linear-gradient(135deg, #0F766E, #2C6E9B); box-shadow: var(--sh-lg); }
html.dark:not(.hc) .or-pill { background: rgba(27,27,27,0.16); }
html.dark:not(.hc) .or-time { background: rgba(27,27,27,0.12); }
html.dark:not(.hc) .jar-msg { color: var(--c); }
html.dark:not(.hc) .ms-b.right, html.dark:not(.hc) .mx-opt.right, html.dark:not(.hc) .fn-b.right, html.dark:not(.hc) .sh-it.right { background: linear-gradient(180deg, #19261E, #1F2D24) !important; box-shadow: 0 0 0 3px var(--ok), 0 4px 0 #0D0D0D !important; }
html.dark:not(.hc) .ms-b.wrong, html.dark:not(.hc) .mx-opt.wrong, html.dark:not(.hc) .fn-b.wrong, html.dark:not(.hc) .sh-it.wrong { background: linear-gradient(180deg, #2A1614, #321C1A) !important; box-shadow: 0 0 0 3px var(--high) !important; }
html.dark:not(.hc) .ms-card { color: #fff; background: linear-gradient(135deg, #2C6E9B, #1F4E70); box-shadow: 0 10px 24px rgba(31,78,112,.28); }
html.dark:not(.hc) .ms-card i { color: #FFE08A; }
html.dark:not(.hc) .ms-card.good { background: linear-gradient(135deg, #2E9D5B, #1E7041); }
html.dark:not(.hc) .ms-card.bad { background: linear-gradient(135deg, #C8443C, #8F2B25); }
html.dark:not(.hc) .ms-streak { color: #E5BC9D; }
html.dark:not(.hc) .mx-board { background: #1B1B1B; box-shadow: inset 0 0 0 2px var(--line), var(--sh); }
html.dark:not(.hc) .mx-cell { background: #181D22; }
html.dark:not(.hc) .mx-cell.q { background: repeating-linear-gradient(45deg, #2E2813, #2E2813 8px, #332C15 8px, #332C15 16px); box-shadow: inset 0 0 0 3px #F2B51D; }
html.dark:not(.hc) .mx-cell.q b { color: #F4DBA0; }
html.dark:not(.hc) .mx-cell.okk { box-shadow: inset 0 0 0 3px var(--ok); background: #19261E; }
html.dark:not(.hc) .mx-cell.bad { box-shadow: inset 0 0 0 3px var(--high); background: #2A1614; }
html.dark:not(.hc) .mx-opt { border: 0; background: linear-gradient(180deg, #1B1B1B, #1A1F23); box-shadow: 0 4px 0 #0D0D0D, 0 6px 14px rgba(16,24,40,.08); }
html.dark:not(.hc) .mx-opt:active { box-shadow: 0 1px 0 #0D0D0D; }
html.dark:not(.hc) .sdk-grid { border: 4px solid #34495E; background: #34495E; }
html.dark:not(.hc) .sdk-grid.solved { box-shadow: 0 0 0 6px rgba(46,157,91,.5); }
html.dark:not(.hc) .sdk-c { border: 0; border-left: 1px solid #3E4348; border-bottom: 1px solid #3E4348; background: #1B1B1B; color: #B2CEE1; }
html.dark:not(.hc) .sdk-c.giv { color: #D6DBDF; background: #1B1E22; }
html.dark:not(.hc) .sdk-c.br { border-right: 3px solid #34495E; }
html.dark:not(.hc) .sdk-c.bb { border-bottom: 3px solid #34495E; }
html.dark:not(.hc) .sdk-c.hl { background: #151F27; }
html.dark:not(.hc) .sdk-c.sel { background: #322B14; box-shadow: inset 0 0 0 3px #F2B51D; }
html.dark:not(.hc) .sdk-c.done { color: #B1E1C5; }
html.dark:not(.hc) .sdk-c.wrong { color: var(--high); background: #2A1614; }
html.dark:not(.hc) .fn-card { background: #1B1B1B; box-shadow: var(--sh-lg); }
html.dark:not(.hc) .fn-name { color: var(--primary); }
html.dark:not(.hc) .sh-card { background: linear-gradient(180deg, #282310, #2F2713); box-shadow: var(--sh-lg); }
html.dark:not(.hc) .sh-it { border: 0; background: #1B1B1B; box-shadow: 0 0 0 2px var(--line), 0 3px 0 #0D0D0D; }
html.dark:not(.hc) .sh-it.on { box-shadow: 0 0 0 3px var(--primary), 0 3px 0 #0D0D0D; background: #172027; }
html.dark:not(.hc) .sh-it.miss { box-shadow: 0 0 0 3px #F2B51D; background: #2E2813; }
html.dark:not(.hc) .mz-wrap { box-shadow: var(--sh-lg); }
html.dark:not(.hc) .mz-b { border: 0; background: linear-gradient(180deg, #1B1B1B, #1A1F23); box-shadow: 0 4px 0 #0D0D0D; color: var(--primary); }
html.dark:not(.hc) .mz-b:active { box-shadow: 0 1px 0 #0D0D0D; }
html.dark:not(.hc) .sl-board { background: #2F3A44; box-shadow: inset 0 4px 12px rgba(0,0,0,.4), var(--sh-lg); }
html.dark:not(.hc) .sl-board.solved { box-shadow: 0 0 0 6px rgba(46,157,91,.55), var(--sh-lg); }
html.dark:not(.hc) .sl-t { border: 0; background: none; }
html.dark:not(.hc) .sl-t span { color: #fff; background: linear-gradient(145deg, #4A90C2, #2C6E9B); box-shadow: inset 0 -5px 0 rgba(0,0,0,.18), 0 3px 6px rgba(0,0,0,.25); }
html.dark:not(.hc) .sl-t.home span { background: linear-gradient(145deg, #4CC07A, #2E9D5B); }
html.dark:not(.hc) .cs-wrap { background: #26313A; box-shadow: var(--sh-lg); }
html.dark:not(.hc) .cs-wrap.good { box-shadow: 0 0 0 8px rgba(46,157,91,.5), var(--sh-lg); }
html.dark:not(.hc) .cs-pad { border: 0; background: var(--pc); }
html.dark:not(.hc) .cs-mid { background: #222C35; color: #fff; box-shadow: 0 0 0 6px #26313A; }
html.dark:not(.hc) .sc-c { border: 0; background: linear-gradient(180deg, #1B1B1B, #1A1F23); box-shadow: 0 3px 0 #0D0D0D; }
html.dark:not(.hc) .sc-c.done { background: #19261E; color: #9DD3B2; box-shadow: none; }
html.dark:not(.hc) .ssr-board { background: #1B1B1B; box-shadow: var(--sh); }
html.dark:not(.hc) .ssr-tg { background: #2E2813; }
html.dark:not(.hc) .ssr-sep { background: var(--line); }
html.dark:not(.hc) .oc-c { border: 0; box-shadow: inset 0 -3px 0 rgba(0,0,0,.08); }
html.dark:not(.hc) .oc-c.show { box-shadow: 0 0 0 4px #0D0D0D, 0 0 0 7px var(--ok); }
html.dark:not(.hc) .mn-tray { background: radial-gradient(120% 120% at 50% 0%, #8B5E3C, #5D3B22); box-shadow: inset 0 4px 14px rgba(0,0,0,.35); }
html.dark:not(.hc) .sd-pic { box-shadow: var(--sh); }
html.dark:not(.hc) .sd-ring { fill: none; stroke: #B1E1C5; }
html.dark:not(.hc) .sd-x path { stroke: #DDA9A5; }
html.dark:not(.hc) .ps-grid { background: #26313A; }
html.dark:not(.hc) .ps-grid.good { box-shadow: 0 0 0 7px rgba(46,157,91,.55); }
html.dark:not(.hc) .ps-c { border: 0; background: #3A4651; }
html.dark:not(.hc) .ps-c.lit { background: #4C411F; box-shadow: 0 0 14px rgba(13,13,13,0.6); }
html.dark:not(.hc) .ps-c.lit.ghost { background: rgba(76,65,31,0.4); box-shadow: none; }
html.dark:not(.hc) .ps-c.pick { background: #223E4B; }
html.dark:not(.hc) .ps-c.wrong { background: #A33530 !important; }
html.dark:not(.hc) .calm-hero, html.dark:not(.hc) .snd-head, html.dark:not(.hc) .tm-wrap { color: #fff; box-shadow: 0 16px 40px rgba(20, 22, 70, .35); }
html.dark:not(.hc) .ch-in, html.dark:not(.hc) .sh-in { background: linear-gradient(0deg, rgba(8, 10, 30, .55), transparent); }
html.dark:not(.hc) .calm-hero h1, html.dark:not(.hc) .snd-head h1 { text-shadow: 0 2px 10px rgba(0,0,0,.35); }
html.dark:not(.hc) .calm-stats > div { background: rgba(27,27,27,0.12); border: 1px solid rgba(56,56,56,0.18); }
html.dark:not(.hc) .card .calm-stats > div { background: #171A24; color: var(--ink); border-color: #353946; }
html.dark:not(.hc) .calm-card { color: #fff; text-decoration: none; box-shadow: 0 10px 24px rgba(30, 30, 80, .22); }
html.dark:not(.hc) .calm-card:hover { color: #fff; }
html.dark:not(.hc) .calm-card::after { background: rgba(27,27,27,0.12); }
html.dark:not(.hc) .calm-card.c1 { background: linear-gradient(140deg, #3557B7, #322B48); }
html.dark:not(.hc) .calm-card.c2 { background: linear-gradient(140deg, #116A7B, #33A1A0); }
html.dark:not(.hc) .calm-card.c3 { background: linear-gradient(140deg, #2B2D6E, #8A4FA0); }
html.dark:not(.hc) .calm-card.c4 { background: linear-gradient(140deg, #B4532A, #4C3B27); }
html.dark:not(.hc) .cc-ic { background: rgba(27,27,27,0.18); }
html.dark:not(.hc) .week-bars i { background: linear-gradient(180deg, #242041, #4B3FA0); }
html.dark:not(.hc) .week-bars small { color: var(--muted); }
html.dark:not(.hc) .badge { background: #1B1E21; color: #9AA5AE; }
html.dark:not(.hc) .badge.on { background: #2F2713; color: #F6DDAE; box-shadow: inset 0 0 0 1px #0D0D0D; }
html.dark:not(.hc) .snd-stop { border: 1px solid rgba(56,56,56,0.35); background: rgba(27,27,27,0.12); color: #fff; }
html.dark:not(.hc) .preset { border: 0; color: #fff; background: linear-gradient(140deg, var(--pc), color-mix(in srgb, var(--pc) 55%, #1B1B1B)); box-shadow: 0 6px 14px rgba(0,0,0,.15); }
html.dark:not(.hc) .snd { background: var(--surface); box-shadow: var(--sh); }
html.dark:not(.hc) .snd-b { border: 0; background: none; color: inherit; }
html.dark:not(.hc) .snd input[type=range] { accent-color: #6B5BD6; }
html.dark:not(.hc) .snd.on { background: linear-gradient(160deg, #2B2D6E, #4B3FA0); color: #fff; box-shadow: 0 10px 26px rgba(75, 63, 160, .4); }
html.dark:not(.hc) .snd.on input[type=range] { accent-color: #FFD36B; }
html.dark:not(.hc) .sleep-t .chip.on { background: #4B3FA0; border-color: #4B3FA0; }
html.dark:not(.hc) .mini-player { background: rgba(30, 30, 80, .92); color: #fff; box-shadow: 0 10px 26px rgba(0,0,0,.3); }
html.dark:not(.hc) .mp-stop { border: 0; background: rgba(27,27,27,0.18); color: #fff; }
html.dark:not(.hc) .mp-eq i { background: #46391C; }
html.dark:not(.hc) .tr-bg { fill: none; stroke: rgba(255,255,255,.15); }
html.dark:not(.hc) .tr-fg { fill: none; stroke: #FFD36B; }
html.dark:not(.hc) .tm-time { text-shadow: 0 2px 12px rgba(0,0,0,.35); }
html.dark:not(.hc) .tm-orb { background: radial-gradient(circle, rgba(63,51,26,0.35), rgba(33,27,67,0.05) 70%); }
html.dark:not(.hc) .tm-cfg .chip.on { background: #4B3FA0; border-color: #4B3FA0; }
html.dark:not(.hc) .med-row, html.dark:not(.hc) .story-row { color: #fff; text-decoration: none; background: linear-gradient(120deg, var(--a), var(--b)); box-shadow: 0 8px 20px rgba(20, 20, 60, .2); }
html.dark:not(.hc) .med-row:hover, html.dark:not(.hc) .story-row:hover { color: #fff; }
html.dark:not(.hc) .mr-orb { background: radial-gradient(circle at 35% 35%, #1B1B1B, rgba(27,27,27,0.35) 45%, rgba(27,27,27,0.08) 70%); }
html.dark:not(.hc) .sr-moon { background: rgba(27,27,27,0.14); }
html.dark:not(.hc) .mr-play { background: rgba(27,27,27,0.2); }
html.dark:not(.hc) .player { color: #fff; background: linear-gradient(180deg, var(--a), var(--b)); box-shadow: 0 16px 40px rgba(0,0,0,.3); }
html.dark:not(.hc) .pl-back { color: #fff; text-decoration: none; }
html.dark:not(.hc) .pl-back:hover { color: #fff; }
html.dark:not(.hc) .pl-orb i { background: radial-gradient(circle, rgba(27,27,27,0.55), rgba(27,27,27,0.08) 60%, transparent 72%); }
html.dark:not(.hc) .pl-orb i:nth-child(2) { background: radial-gradient(circle, rgba(56,46,23,0.9), rgba(67,54,27,0.15) 70%); }
html.dark:not(.hc) .pl-orb i:nth-child(3) { background: #2D2612; box-shadow: 0 0 40px 10px rgba(13,13,13,0.55); }
html.dark:not(.hc) .pl-text { text-shadow: 0 2px 10px rgba(0,0,0,.3); }
html.dark:not(.hc) .pl-bar { background: rgba(27,27,27,0.18); }
html.dark:not(.hc) .pl-bar span { background: linear-gradient(90deg, #46391C, #1B1B1B); }
html.dark:not(.hc) .pl-b { border: 0; background: rgba(27,27,27,0.16); color: #fff; }
html.dark:not(.hc) .pl-b.on { background: #46391C; color: #C6C6DA; }
html.dark:not(.hc) .pl-main { background: #1B1B1B; color: #C6C6DA; box-shadow: 0 10px 30px rgba(0,0,0,.3); }
html.dark:not(.hc) .story { color: #E9E6F7; background: linear-gradient(180deg, var(--b) 0, #12142E 340px, #0E1026); }
html.dark:not(.hc) .st-h { background: linear-gradient(0deg, rgba(14,16,38,1), transparent); }
html.dark:not(.hc) .st-h h1 { color: #fff; }
html.dark:not(.hc) .st-go { border: 0; background: #3C3118; color: #C6C6DA; box-shadow: 0 8px 22px rgba(13,13,13,0.3); }
html.dark:not(.hc) .st-bar { background: rgba(14, 16, 38, .88); }
html.dark:not(.hc) .st-bar button, html.dark:not(.hc) .st-bar select { border: 1px solid rgba(56,56,56,0.2); background: rgba(27,27,27,0.06); color: #E9E6F7; }
html.dark:not(.hc) .st-bar select option { color: #E1E1E1; }
html.dark:not(.hc) .st-bar .on { background: #3C3118; color: #C6C6DA; }
html.dark:not(.hc) .st-end { color: #FFE29A; }
html.dark:not(.hc) body.night-ui { background: #0E1026; }
html.dark:not(.hc) body.night-ui .foot { color: #BCBCC6; }
html.dark:not(.hc) .garden-mini { text-decoration: none; color: inherit; background: linear-gradient(120deg, #182417, #162228); }
html.dark:not(.hc) .gm-tree { box-shadow: inset 0 0 0 1px rgba(0,0,0,.05); }
html.dark:not(.hc) .gd-scene { box-shadow: 0 16px 40px rgba(30, 80, 50, .25); }
html.dark:not(.hc) .gd-bubble { background: #1B1B1B; box-shadow: 0 8px 20px rgba(0,0,0,.15); }
html.dark:not(.hc) .gd-bubble::after { border: 8px solid transparent; border-bottom: 0; border-top-color: #383838; }
html.dark:not(.hc) .gd-card { background: var(--surface); box-shadow: var(--sh); }
html.dark:not(.hc) .gd-name input { border: 0; color: #C2D9C9; background: transparent; }
html.dark:not(.hc) .gd-name span { color: var(--muted); }
html.dark:not(.hc) .gd-stage { color: var(--muted); }
html.dark:not(.hc) .gd-stats span { background: #1C231A; }
html.dark:not(.hc) .gd-path span { background: #1B1E21; color: #9AA5AE; }
html.dark:not(.hc) .gd-path span.on { background: #1A261C; color: #C2D9C9; }
html.dark:not(.hc) .chat-head { background: linear-gradient(120deg, #2F9A6B, #46B98A); color: #fff; box-shadow: 0 10px 24px rgba(47, 154, 107, .3); }
html.dark:not(.hc) .chat-head .yv { background: #1B1B1B; }
html.dark:not(.hc) .chat-new { border: 0; background: rgba(27,27,27,0.2); color: #fff; }
html.dark:not(.hc) .msg.bot .mb { background: var(--surface); box-shadow: var(--sh); }
html.dark:not(.hc) .msg.me .mb { background: linear-gradient(135deg, #2C6E9B, #3E8CC0); color: #fff; }
html.dark:not(.hc) .msg.typing i { background: #2E3337; }
html.dark:not(.hc) .faces-row button { border: 0; background: none; }
html.dark:not(.hc) .faces-row button.on { box-shadow: 0 0 0 3px #3FAE7A; }
html.dark:not(.hc) .br-orb { background: radial-gradient(circle, #1A2821, #203028 60%, #26372F); }
html.dark:not(.hc) .br-orb span { background: #3FAE7A; box-shadow: 0 0 20px #3FAE7A; }
html.dark:not(.hc) .br-t { color: #BFD8CC; }
html.dark:not(.hc) .br-n { color: var(--muted); }
html.dark:not(.hc) .tr-card > div { background: #191D22; }
html.dark:not(.hc) .tr-card small { color: var(--muted); }
html.dark:not(.hc) .tr-card .tr-bal { background: #1A251F; }
html.dark:not(.hc) .tr-meter { background: none !important; }
html.dark:not(.hc) .tr-meter b { color: #B1E1C5; }
html.dark:not(.hc) .chat-chips .chip { border-color: #3A4D43; background: #17241D; color: #BDE6D4; }
html.dark:not(.hc) .chat-chips .chip:hover { background: #3FAE7A; color: #fff; }
html.dark:not(.hc) .chat-in { background: var(--surface); box-shadow: 0 8px 24px rgba(16,24,40,.14); }
html.dark:not(.hc) .chat-in input { border: 0; outline: 0; background: transparent; }
html.dark:not(.hc) .chat-in button { border: 0; background: #3FAE7A; color: #fff; }
html.dark:not(.hc) .chat-note { color: var(--muted); }
html.dark:not(.hc) .mcal .mc-head button { border: 0; background: #1B1E22; }
html.dark:not(.hc) .mc-grid span { background: #1A1D21; color: #8A96A0; }
html.dark:not(.hc) .mc-grid span:empty { background: none; }
html.dark:not(.hc) .mc-grid .mc-wd { background: none; color: var(--muted); }
html.dark:not(.hc) .mc-grid span.on { color: #fff; box-shadow: inset 0 -3px 0 rgba(0,0,0,.12); }
html.dark:not(.hc) .mc-grid span.today { box-shadow: inset 0 0 0 2px var(--primary); }
html.dark:not(.hc) .mc-dist { background: #1C1F22; }
html.dark:not(.hc) .cr-l small { color: var(--muted); }
html.dark:not(.hc) .cr-bar { background: #1B1E22; }
html.dark:not(.hc) .cr-bar::before { background: #25282C; }
html.dark:not(.hc) .cr-bar i.pos { background: linear-gradient(270deg, #2E9D5B, #304033); }
html.dark:not(.hc) .cr-bar i.neg { background: linear-gradient(90deg, #50392A, #C8443C); }
html.dark:not(.hc) .tabbar { background: rgba(27,27,27,0.96); border-top: 1px solid rgba(16, 24, 40, .07); box-shadow: 0 -6px 24px rgba(16, 24, 40, .07); }
html.dark:not(.hc) .tab { color: #BDC1C3; text-decoration: none; }
html.dark:not(.hc) .tab.on { color: var(--tc); }
html.dark:not(.hc) .tab.on svg { background: color-mix(in srgb, var(--tc) 15%, #1B1B1B); }
html.dark:not(.hc) .today-hero { box-shadow: 0 14px 34px rgba(30, 60, 80, .2); }
html.dark:not(.hc) .today-hero::before { background: linear-gradient(180deg, rgba(10, 20, 40, .42), rgba(10, 20, 40, 0) 52%); }
html.dark:not(.hc) .th-txt { color: #fff; text-shadow: 0 2px 10px rgba(0,0,0,.25); }
html.dark:not(.hc) .th-tree { background: rgba(27,27,27,0.88); color: #C7D9CC; text-decoration: none; box-shadow: 0 4px 12px rgba(0,0,0,.12); }
html.dark:not(.hc) .mood-card { box-shadow: 0 12px 30px rgba(16, 24, 40, .14); }
html.dark:not(.hc) .mc-done small { color: var(--muted); }
html.dark:not(.hc) .mc-edit { text-decoration: none; }
html.dark:not(.hc) .st-ring b { color: #C2D9CA; }
html.dark:not(.hc) .st-item { color: inherit; text-decoration: none; }
html.dark:not(.hc) .st-item + .st-item { border-top: 1px solid #363C41; }
html.dark:not(.hc) .st-ck { background: #191F23; color: var(--primary); }
html.dark:not(.hc) .st-item.done .st-ck { background: #2E9D5B; color: #fff; }
html.dark:not(.hc) .st-t small { color: var(--muted); }
html.dark:not(.hc) .st-item.done .st-t b { color: #C4CBC6; }
html.dark:not(.hc) .st-item .chev { color: #B6C2CB; }
html.dark:not(.hc) .steps-done { color: #C2D9CA; }
html.dark:not(.hc) .intent { color: #fff; text-decoration: none; box-shadow: 0 10px 22px rgba(20, 40, 70, .16); }
html.dark:not(.hc) .intent:hover { color: #fff; }
html.dark:not(.hc) .intent::after { background: rgba(27,27,27,0.14); }
html.dark:not(.hc) .intent.i1 { background: linear-gradient(140deg, #2F80C3, #293E49); }
html.dark:not(.hc) .intent.i2 { background: linear-gradient(140deg, #2B2D6E, #2F2B48); }
html.dark:not(.hc) .intent.i3 { background: linear-gradient(140deg, #2B9466, #30483D); }
html.dark:not(.hc) .intent.i4 { background: linear-gradient(140deg, #D2702A, #4C3C24); }
html.dark:not(.hc) .wl-hero::before { background: linear-gradient(180deg, rgba(10, 20, 40, .5), rgba(10, 20, 40, 0) 70%); }
html.dark:not(.hc) .wl-in { color: #fff; text-shadow: 0 2px 12px rgba(0,0,0,.3); }
html.dark:not(.hc) .wl-logo { background: rgba(27,27,27,0.2); }
html.dark:not(.hc) .wl-card { box-shadow: 0 14px 34px rgba(16,24,40,.15); }
html.dark:not(.hc) .wl-g { border: 1.5px solid var(--line); background: #1B1B1B; }
html.dark:not(.hc) .wl-g.on { border-color: #2E9D5B; background: #19251E; color: #BDE6D0; box-shadow: 0 0 0 3px rgba(46,157,91,.15); }
html.dark:not(.hc) .wl-skip { border: 0; background: none; color: var(--muted); }
html.dark:not(.hc) .wl-priv { color: var(--muted); }
html.dark:not(.hc) .me-head { color: #fff; background: linear-gradient(135deg, #C9416B, #7A4FC2); box-shadow: 0 14px 30px rgba(122, 79, 194, .28); }
html.dark:not(.hc) .me-av { background: #1B1B1B; }
html.dark:not(.hc) .me-week i { background: rgba(27,27,27,0.25); }
html.dark:not(.hc) .me-week i.on { background: #46391C; }
html.dark:not(.hc) .me-sw { background: rgba(27,27,27,0.18); color: #fff; }
html.dark:not(.hc) .mi { color: inherit; text-decoration: none; }
html.dark:not(.hc) .mi + .mi { border-top: 1px solid #363C41; }
html.dark:not(.hc) .mi-ic { background: color-mix(in srgb, var(--c) 13%, #1B1B1B); color: var(--c); }
html.dark:not(.hc) .mi-t small { color: var(--muted); }
html.dark:not(.hc) .mi .chev, html.dark:not(.hc) .yavar-banner .chev { color: #B6C2CB; }
html.dark:not(.hc) .yavar-banner { text-decoration: none; color: #fff; background: linear-gradient(120deg, #2F9A6B, #46B98A); box-shadow: 0 10px 22px rgba(47, 154, 107, .25); }
html.dark:not(.hc) .yavar-banner:hover { color: #fff; }
html.dark:not(.hc) .yavar-banner .chev { color: rgba(255,255,255,.8); }
html.dark:not(.hc) .yb-av { background: #1B1B1B; }
html.dark:not(.hc) .lang-switch.tb-btn { background: rgba(27,27,27,0.14); border-color: rgba(56,56,56,0.32); }
html.dark:not(.hc) .rp-actions .btn-wa { background: #1FA855; border-color: #1FA855; color: #fff; box-shadow: 0 8px 20px -10px rgba(31,168,85,.8); }
html.dark:not(.hc) .rp-name { color: var(--muted); }
html.dark:not(.hc) .rp-name input { accent-color: var(--primary); }
html.dark:not(.hc) .rp-stats span { background: var(--surface-2); }
html.dark:not(.hc) .rp-stats small { color: var(--muted); }
html.dark:not(.hc) .rp-row { border-top: 1px solid var(--line); }
html.dark:not(.hc) .rp-row:first-of-type { border-top: 0; }
html.dark:not(.hc) .rp-t small { color: var(--muted); }
html.dark:not(.hc) .rp-sc small { color: var(--muted); }
html.dark:not(.hc) .rp-qr .qr-img { background: #1B1B1B; border: 1px solid var(--line); }
html.dark:not(.hc) .rp-head { background: linear-gradient(160deg, #1E557C, #1B6F6A); color: #fff; }
html.dark:not(.hc) .wk-ic { background: #182026; color: var(--primary); }
html.dark:not(.hc) .wk-top small { color: var(--muted); }
html.dark:not(.hc) .wk-stats span { background: var(--surface-2); }
html.dark:not(.hc) .wk-stats b small { color: var(--muted); }
html.dark:not(.hc) .wk-stats > span > small { color: var(--muted); }
html.dark:not(.hc) .wk-d.up { color: var(--ok); }
html.dark:not(.hc) .wk-d.dn { color: var(--mod); }
html.dark:not(.hc) .wk-link { text-decoration: none; }
html.dark:not(.hc) .lrn-stage { box-shadow: var(--sh-lg); }
html.dark:not(.hc) .xb { color: #fff; }
html.dark:not(.hc) .xprog i { background: rgba(27,27,27,0.3); }
html.dark:not(.hc) .xprog b { background: #1B1B1B; }
html.dark:not(.hc) .xtx h2 { text-shadow: 0 2px 12px rgba(0,0,0,.15); }
html.dark:not(.hc) .xtx p { color: rgba(255,255,255,.95); }
html.dark:not(.hc) .xbrand em { background: rgba(27,27,27,0.18); }
html.dark:not(.hc) .xintro small { background: rgba(27,27,27,0.2); }
html.dark:not(.hc) .lrn-card { color: #fff; text-decoration: none; background: linear-gradient(160deg, var(--c), color-mix(in srgb, var(--c) 65%, #2B2B2B)); box-shadow: var(--sh); }
html.dark:not(.hc) .lrn-play { background: rgba(27,27,27,0.25); color: #fff; }
html.dark:not(.hc) .lrn-link { color: #fff; text-decoration: none; background: linear-gradient(160deg, var(--c), color-mix(in srgb, var(--c) 70%, #2B2B2B)); }
html.dark:not(.hc) .xfoot span { background: #1B1B1B; color: #C2DAEA; }
html.dark:not(.hc) .faces-row button small { color: #CBD0D3; }
html.dark:not(.hc) .faces-row button.on { box-shadow: 0 0 0 3px #3FAE7A; }
html.dark:not(.hc) .ex-app .ex-controls .btn-success { background: #2E7D57 !important; color: #fff !important; border-color: #2E7D57 !important; }
html.dark:not(.hc) .ex-ev1 { color: #C7D9D1; }
html.dark:not(.hc) .ex-now { background: #1B1B1B; border: 2px solid #3B4840; color: #D6DBDF; box-shadow: var(--sh); }
html.dark:not(.hc) .ex-now::before { color: #C7CACD; }
html.dark:not(.hc) .ex-all > summary { color: #B9D4E7; }
html.dark:not(.hc) .ee-mline { color: #C7D9D1; }
html.dark:not(.hc) body { background: radial-gradient(1200px 600px at 100% -10%, #181F27 0%, transparent 60%), radial-gradient(900px 500px at -10% 30%, #26221B 0%, transparent 60%), #1A1E22; }
html.dark:not(.hc) .brand-mark { background: #1B1B1B; box-shadow: 0 0 0 2px rgba(13,13,13,0.22); }
html.dark:not(.hc) .brand-name { color: #fff; }
html.dark:not(.hc) .tb-sos { background: linear-gradient(180deg, #492F34, #B03A4C) !important; border-color: rgba(56,56,56,0.25) !important; box-shadow: 0 2px 6px rgba(194,52,63,.28); }
html.dark:not(.hc) .card { box-shadow: var(--sh3); }
html.dark:not(.hc) .tabbar { box-shadow: 0 -1px 0 rgba(16,24,40,.06), 0 -4px 16px rgba(16,24,40,.04); }
html.dark:not(.hc) .tab.on svg { background: color-mix(in srgb, var(--tc) 14%, #1B1B1B); box-shadow: none; }
html.dark:not(.hc) .tab .badge { background: #B03A4C; color: #fff; box-shadow: 0 0 0 2px #0D0D0D; }
html.dark:not(.hc) .mood-row .face-btn, html.dark:not(.hc) .face-row .face-btn { background: #191D20; box-shadow: none; border: 1px solid #373C41; }
html.dark:not(.hc) .face-btn.on { box-shadow: 0 0 0 2px var(--garden) !important; background: #19241F !important; }
html.dark:not(.hc) .sug-card { text-decoration: none; color: #fff !important; background: linear-gradient(135deg, #2F7A5F 0%, #35443E 100%); box-shadow: var(--lift); }
html.dark:not(.hc) .sug-card::after { background: radial-gradient(circle, rgba(27,27,27,0.14), rgba(27,27,27,0) 70%); }
html.dark:not(.hc) .sug-card .sg-t small { color: rgba(255,255,255,.92); }
html.dark:not(.hc) .sg-play { color: var(--garden); background: #1B1B1B; box-shadow: 0 2px 8px rgba(0,0,0,.12); }
html.dark:not(.hc) .big-act { color: #fff !important; text-decoration: none; box-shadow: var(--lift); }
html.dark:not(.hc) .big-act .ba-ic { background: rgba(27,27,27,0.18); box-shadow: 0 0 0 1px rgba(13,13,13,0.14) inset; }
html.dark:not(.hc) .big-act small { color: rgba(255,255,255,.9); }
html.dark:not(.hc) .b-calm { background: linear-gradient(135deg, #3A6F92 0%, #333C44 100%); }
html.dark:not(.hc) .b-talk { background: linear-gradient(135deg, #0F7D67 0%, #29B08B 100%); }
html.dark:not(.hc) .b-sleep { background: linear-gradient(135deg, #4C4596 0%, #333143 100%); }
html.dark:not(.hc) .b-red { background: linear-gradient(135deg, #B03A4C 0%, #492F34 100%); }
html.dark:not(.hc) .link-card { text-decoration: none; color: var(--ink) !important; }
html.dark:not(.hc) .link-card > svg:first-child { color: var(--lapis); }
html.dark:not(.hc) .link-card small { color: var(--muted); }
html.dark:not(.hc) .link-card .chev { color: #B6C2CB; }
html.dark:not(.hc) .link-card.due { background: linear-gradient(135deg, #2B2312, #1B1B1B); border: 1.5px solid #594C33; }
html.dark:not(.hc) .link-card.due > svg:first-child { color: var(--saffron); }
html.dark:not(.hc) .wl-dots i { background: #202427; }
html.dark:not(.hc) .wl-dots i.on { background: #2F7A5F; }
html.dark:not(.hc) .wl-h span { color: var(--muted); }
html.dark:not(.hc) .wl-lang { border: 0; color: #fff; box-shadow: var(--lift); }
html.dark:not(.hc) .wl-lang[data-lang="fa"] { background: linear-gradient(135deg, #3A6F92, #333C44); }
html.dark:not(.hc) .wl-lang[data-lang="ps"] { background: linear-gradient(135deg, #0F7D67, #29B08B); }
html.dark:not(.hc) .wl-av { border: 2px solid var(--line); background: linear-gradient(180deg, #1B1B1B, #191D22); color: var(--ink); }
html.dark:not(.hc) .wl-av.on { border-color: #2F7A5F; box-shadow: 0 0 0 3px rgba(30,138,110,.2); }
html.dark:not(.hc) .wl-g.on { box-shadow: 0 0 0 3px rgba(30,138,110,.25); }
html.dark:not(.hc) .calm-banner { text-decoration: none; color: #fff !important; background: radial-gradient(circle at 85% 20%, rgba(56,49,23,0.35), transparent 30%), linear-gradient(135deg, #1E1B4B, #4C4596 55%, #333143); box-shadow: var(--lift); }
html.dark:not(.hc) .calm-banner .cb-moon { background: radial-gradient(circle at 35% 30%, #2F2913, #483D21); color: #BBB6E0; box-shadow: 0 0 14px rgba(13,13,13,0.35); }
html.dark:not(.hc) .calm-banner .cb-moon svg { fill: #BBB6E0; }
html.dark:not(.hc) .calm-banner .chev { color: rgba(255,255,255,.75); }
html.dark:not(.hc) .tile .t-ic { box-shadow: none; background: linear-gradient(180deg, color-mix(in srgb, var(--c) 20%, #1B1B1B), color-mix(in srgb, var(--c) 9%, #1B1B1B)) !important; }
html.dark:not(.hc) .ex-row .r-title svg { color: var(--lapis); }
html.dark:not(.hc) .check-card { background: #1B1B1B; box-shadow: var(--sh3); text-decoration: none; color: var(--ink) !important; }
html.dark:not(.hc) .check-card .cc-ic, html.dark:not(.hc) .stp-intro .cc-ic { color: #fff; background: linear-gradient(135deg, var(--c), color-mix(in srgb, var(--c) 65%, #1B1B1B)); box-shadow: 0 4px 10px -4px color-mix(in srgb, var(--c) 45%, transparent); }
html.dark:not(.hc) .check-card small { color: var(--muted); }
html.dark:not(.hc) .check-card.big { color: #fff !important; background: linear-gradient(135deg, #3A6F92, #333C44); box-shadow: var(--lift); }
html.dark:not(.hc) .check-card.big .cc-ic { background: rgba(27,27,27,0.18); box-shadow: 0 0 0 1px rgba(13,13,13,0.14) inset; }
html.dark:not(.hc) .check-card.big small { color: rgba(255,255,255,.9); }
html.dark:not(.hc) .stp .prog i { background: #202427; }
html.dark:not(.hc) .stp .prog i.f { background: linear-gradient(90deg, #333C44, #3A6F92); }
html.dark:not(.hc) .stp .prog i.cur { box-shadow: 0 0 0 2px rgba(36,87,184,.35); }
html.dark:not(.hc) .stp-count { color: var(--muted); }
html.dark:not(.hc) .stp-stem { color: var(--muted); }
html.dark:not(.hc) .stp-sec { color: var(--lapis); }
html.dark:not(.hc) .stp .say.say-l { background: #181E26; color: var(--lapis); border: 0; }
html.dark:not(.hc) .ans { border: 1.5px solid #3A3F44; background: #1B1B1B; color: var(--ink); }
html.dark:not(.hc) .ans.sel { border-color: #3A6F92; background: #141C27; color: #B5C8EA; }
html.dark:not(.hc) .ans .dots i { background: #1E2225; box-shadow: 0 1px 1px rgba(0,0,0,.08) inset; }
html.dark:not(.hc) .ans .dots i.f { background: #B98228; box-shadow: none; }
html.dark:not(.hc) .stp-intro .say.say-l { background: #181E26; color: var(--lapis); border: 0; }
html.dark:not(.hc) .stp-full { color: var(--muted); }
html.dark:not(.hc) .res-card { border-top: 6px solid var(--lvc, #2E9D5B); }
html.dark:not(.hc) .res-card > small { color: var(--muted); }
html.dark:not(.hc) .res-word { color: var(--lvc); }
html.dark:not(.hc) .gauge4 .g0 { background: #2E9D5B; }
html.dark:not(.hc) .gauge4 .g1 { background: #C99419; }
html.dark:not(.hc) .gauge4 .g2 { background: #DD7426; }
html.dark:not(.hc) .gauge4 .g3 { background: #C8443C; }
html.dark:not(.hc) .gauge4 span.on { box-shadow: 0 0 0 3px #0D0D0D, 0 0 0 5px var(--lvc); }
html.dark:not(.hc) .gauge4-l { color: var(--muted); }
html.dark:not(.hc) .doc-details > summary svg { color: #C4CBD0; }
html.dark:not(.hc) .doc-details > summary small { color: var(--muted); }
html.dark:not(.hc) .doc-details[open] > summary { border-bottom: 1px solid var(--line); }
html.dark:not(.hc) .sos-hero { background: radial-gradient(circle at 15% 0%, rgba(27,27,27,0.18), transparent 40%), linear-gradient(135deg, #9E2430, #B03A4C 60%, #492F34) !important; box-shadow: var(--lift); }
html.dark:not(.hc) .call-btn { text-decoration: none; color: #fff !important; box-shadow: var(--lift); background: linear-gradient(135deg, #B03A4C, #492F34); }
html.dark:not(.hc) .call-btn.counsel { background: linear-gradient(135deg, #0F7D67, #29B08B); }
html.dark:not(.hc) .call-btn.trusted { background: linear-gradient(135deg, #3A6F92, #333C44); }
html.dark:not(.hc) .call-btn > svg { background: rgba(27,27,27,0.18); box-shadow: 0 0 0 1px rgba(13,13,13,0.14) inset; }
html.dark:not(.hc) .call-btn small { color: rgba(255,255,255,.92); }
html.dark:not(.hc) .cs-wait { color: var(--muted); }
html.dark:not(.hc) .spin { border: 3px solid #3A4044; border-top-color: #2F7A5F; }
html.dark:not(.hc) .cs-off > svg { color: var(--garden); }
html.dark:not(.hc) .opt { border: 2px solid var(--line); background: #1B1B1B; color: var(--ink); box-shadow: none; }
html.dark:not(.hc) .opt small { color: var(--muted); }
html.dark:not(.hc) .opt > svg { color: var(--garden); }
html.dark:not(.hc) .opt .radio { border: 2px solid #454A4E; }
html.dark:not(.hc) .opt.on { border-color: #2F7A5F; background: #18241E; }
html.dark:not(.hc) .opt.on .radio { border: 7px solid #2F7A5F; }
html.dark:not(.hc) .cs-consent { color: #CBD0D3; }
html.dark:not(.hc) .cs-consent input { accent-color: var(--garden); }
html.dark:not(.hc) .cs-thread, html.dark:not(.hc) .cs-book, html.dark:not(.hc) .cn-mini { text-decoration: none; color: var(--ink) !important; }
html.dark:not(.hc) .cs-thread .av, html.dark:not(.hc) .cn-card .av, html.dark:not(.hc) .cn-mini .av, html.dark:not(.hc) .th-head .av { background: linear-gradient(180deg, #171F27, #1A222B); box-shadow: 0 0 0 1px rgba(16,24,40,.06); }
html.dark:not(.hc) .cs-thread small, html.dark:not(.hc) .cs-book small { color: var(--muted); }
html.dark:not(.hc) .cn-mini small { color: var(--muted); }
html.dark:not(.hc) .cs-thread .chev { color: #B6C2CB; }
html.dark:not(.hc) .cs-book > svg { color: var(--lapis); }
html.dark:not(.hc) .cs-set { color: var(--muted); }
html.dark:not(.hc) .share-line { color: #C7CBCE; }
html.dark:not(.hc) .share-line a { color: inherit; text-decoration: underline; }
html.dark:not(.hc) .hw-card { border-inline-start: 5px solid #2F7A5F; }
html.dark:not(.hc) .hw-card > small { color: var(--muted); }
html.dark:not(.hc) .hw-card .prog i { background: #202427; }
html.dark:not(.hc) .hw-card .prog i.f { background: #35443E; }
html.dark:not(.hc) .cn-t small { color: var(--muted); }
html.dark:not(.hc) .pill { background: #1A1F23; color: #CBD0D3; }
html.dark:not(.hc) .cn-bio { color: #CFD3D6; }
html.dark:not(.hc) .cn-next { background: #19231E; color: #BDE6D4; }
html.dark:not(.hc) .cn-next.none { background: #1B1D20; color: var(--muted); }
html.dark:not(.hc) .slot { border: 2px solid var(--line); background: #1B1B1B; color: var(--ink); }
html.dark:not(.hc) .slot small { color: var(--muted); }
html.dark:not(.hc) .slot.on { border-color: #2F7A5F; background: #192520; color: #BFEDE0; }
html.dark:not(.hc) .th-head { color: #fff; background: linear-gradient(135deg, #0F7D67, #29B08B); box-shadow: var(--lift); }
html.dark:not(.hc) .th-head .crumb { color: #fff; }
html.dark:not(.hc) .th-head .av { background: #1B1B1B; }
html.dark:not(.hc) .th-note { color: var(--muted); background: #1B1B1B; box-shadow: 0 1px 3px rgba(0,0,0,.06); }
html.dark:not(.hc) .tm .mb { box-shadow: 0 1px 2px rgba(0,0,0,.07); }
html.dark:not(.hc) .tm.me .mb { background: #1B2922; }
html.dark:not(.hc) .tm.them .mb { background: #1B1B1B; }
html.dark:not(.hc) .tm.sys .mb { background: #1B1F22; color: var(--muted); box-shadow: none; }
html.dark:not(.hc) .tm .at { color: var(--muted); }
html.dark:not(.hc) .tm.t-homework .mb { border-inline-start: 4px solid #2F7A5F; }
html.dark:not(.hc) .tm.t-homework small { color: var(--muted); }
html.dark:not(.hc) .vplay { border: 0; color: #fff; background: #2F7A5F; }
html.dark:not(.hc) .wave i { background: #35443E; }
html.dark:not(.hc) .th-bk { background: #161E27; box-shadow: none; }
html.dark:not(.hc) .th-bk svg { color: var(--lapis); }
html.dark:not(.hc) .th-chips .chip { text-decoration: none; color: inherit; }
html.dark:not(.hc) .th-in, html.dark:not(.hc) .th-rec { background: #1B1B1B; box-shadow: 0 0 0 1px rgba(16,24,40,.06), 0 6px 18px rgba(16,24,40,.10); }
html.dark:not(.hc) .th-in input { border: 0; outline: 0; background: transparent; }
html.dark:not(.hc) .th-mic, html.dark:not(.hc) .th-send { border: 0; color: #fff; background: linear-gradient(180deg, #29B08B, #0F7D67); box-shadow: 0 2px 6px rgba(15,125,103,.25); }
html.dark:not(.hc) .th-mic.off { background: #2A2D30; box-shadow: none; }
html.dark:not(.hc) .th-rec .dot { background: #B03A4C; }
html.dark:not(.hc) .chips.sugg .chip { text-decoration: none; color: inherit; background: #1B1B1B; box-shadow: none; border: 1px solid #373E43; }
html.dark:not(.hc) .stat-row a.stat { text-decoration: none; color: inherit; }
html.dark:not(.hc) .cs-thread .av:has(.team-av), html.dark:not(.hc) .th-head .av:has(.team-av) { background: #1B1B1B; }
html.dark:not(.hc) .btn-success, html.dark:not(.hc) .btn-primary { box-shadow: 0 2px 6px rgba(44,110,155,.18); }
html.dark:not(.hc) .res-box { background: #1A211E; border: 1px solid #384741; }
html.dark:not(.hc) .res-row input { accent-color: var(--garden); }
html.dark:not(.hc) .res-row b { color: var(--ink); }
html.dark:not(.hc) .res-row small { color: var(--muted); }
html.dark:not(.hc) .res-more { color: var(--muted); }
html.dark:not(.hc) .res-more summary { color: var(--garden); }
html.dark:not(.hc) .demo-wrap > summary { color: var(--garden); }
html.dark:not(.hc) .pill.svc { background: #1B2522; color: #B6EEE3; }
html.dark:not(.hc) .fx-rip { background: currentColor; }
html.dark:not(.hc) .cs-who { color: #CBD0D3; }
html.dark:not(.hc) .cs-who summary { color: #B9D4E7; }
html.dark:not(.hc) .rp-ck { border-bottom: 1px solid #363C41; }
html.dark:not(.hc) .rp-ck:last-of-type { border-bottom: 0; }
html.dark:not(.hc) .rp-ck input { accent-color: var(--garden); }
html.dark:not(.hc) .rp-ck small { color: #C7CACD; }
html.dark:not(.hc) .res-sos-b { color: #DCADAD; border-color: #4F3A37; }
html.dark:not(.hc) .wt-item { border-top: 1px solid var(--line); }
html.dark:not(.hc) .wt-item > small, html.dark:not(.hc) .wt-rev { color: var(--muted); }
html.dark:not(.hc) .wt-rev { color: #BDE6CE; }
html.dark:not(.hc) .ac-card { border: 2px solid #384857; background: #131C27; }
html.dark:not(.hc) .ac-h small { color: var(--muted); }
html.dark:not(.hc) .ac-done { color: #BDE6CE; }
html.dark:not(.hc) .ac-kind { border: 0; }
html.dark:not(.hc) .med-rule { border-inline-start: 5px solid #B7791F; background: #2B2412; }
html.dark:not(.hc) .med-row { border-top: 1px solid var(--line); }
html.dark:not(.hc) .med-row small { color: var(--muted); }
html.dark:not(.hc) .fib-res.b1 { border: 2px solid #B7791F; }
html.dark:not(.hc) .fib-res.b2 { border: 2px solid #C8443C; }
html.dark:not(.hc) .sw-rules, html.dark:not(.hc) .sw-nt, html.dark:not(.hc) .sw-sh { border: 1px solid var(--line); }
html.dark:not(.hc) .tq-new fieldset { border: 0; }
html.dark:not(.hc) body { background: radial-gradient(ellipse at 90% 0,#172026,transparent 55%),#1C201A; }
html.dark:not(.hc) .topbar { background: rgba(26,34,31,0.94); color: var(--ink); border-bottom: 1px solid #3A4340; box-shadow: none; }
html.dark:not(.hc) .brand-name { color: #C2D1D7; }
html.dark:not(.hc) .brand-mark { background: #1B1B1B; box-shadow: none; }
html.dark:not(.hc) .tb-btn { background: rgba(27,27,27,0.702); color: #C3D1D6; border-color: #3C4545; }
html.dark:not(.hc) .lang-switch { color: #C3D1D6; }
html.dark:not(.hc) .tb-sos { color: #D2C2C6 !important; background: #281A1C !important; border-color: #4A373C !important; box-shadow: none; }
html.dark:not(.hc) .tb-sos svg { color: #D2C2C6; }
html.dark:not(.hc) .card { border: 1px solid #3A423D; box-shadow: var(--sh3); }
html.dark:not(.hc) .page-title { color: #CCD7DB; }
html.dark:not(.hc) .page-sub { color: var(--muted); }
html.dark:not(.hc) .btn-primary, html.dark:not(.hc) .btn-success { background: #1F2922 !important; color: #CBDCD5 !important; border: 1px solid #3E4D44 !important; box-shadow: var(--lift); }
html.dark:not(.hc) .btn-danger { background: #291A1C !important; color: #D3C1C5 !important; }
html.dark:not(.hc) .tabbar { border: 1px solid rgba(56,56,56,0.95); background: rgba(27,27,27,0.9); box-shadow: 0 8px 32px rgba(55,83,82,.14),0 1px 0 #0D0D0D; }
html.dark:not(.hc) .tab { color: #C5CACC; }
html.dark:not(.hc) .tab svg { background: none !important; box-shadow: none !important; }
html.dark:not(.hc) .tab.on { background: #1D2621; color: #CADCD7; }
html.dark:not(.hc) .tab.t-practice.on { background: #182129; color: #C1CED8; }
html.dark:not(.hc) .tab.t-talk.on { background: #1D2825; color: #C8DBD6; }
html.dark:not(.hc) .tab.t-me.on { background: #271B20; color: #D0C2C9; }
html.dark:not(.hc) .tab .badge { background: #875167; box-shadow: 0 0 0 2px #0D0D0D; }
html.dark:not(.hc) .tile { background: #1E2323; background: color-mix(in srgb,var(--c) 15%,#1B1B1B); border: 1px solid rgba(56,56,56,0.651); box-shadow: var(--sh3); }
html.dark:not(.hc) .tile .t-ic { background: rgba(27,27,27,0.722); color: color-mix(in srgb,var(--c) 75%,#CED9DD); }
html.dark:not(.hc) .tile .t-title { color: #CED7DB; }
html.dark:not(.hc) .tile .t-sub { color: #C7CCCF; }
html.dark:not(.hc) .tile .t-count { color: #C8CDCE; }
html.dark:not(.hc) .ex-row { border-inline-start: 4px solid color-mix(in srgb,var(--c) 45%,#383838); border-right-color: color-mix(in srgb,var(--c) 45%,#383838); }
html.dark:not(.hc) .check-card { background: color-mix(in srgb,var(--c) 12%,#1B1B1B) !important; color: var(--ink) !important; border: 1px solid #3B413E; box-shadow: var(--sh3); }
html.dark:not(.hc) .check-card .cc-ic { color: color-mix(in srgb,var(--c) 80%,#CFD9DD); background: rgba(27,27,27,0.612); }
html.dark:not(.hc) .check-card small { color: #C6CBCE !important; }
html.dark:not(.hc) .ex-head { background: color-mix(in srgb,var(--c) 16%,#1B1B1B) !important; color: var(--ink) !important; border: 1px solid #3B423F; }
html.dark:not(.hc) .ex-head p, html.dark:not(.hc) .ex-head .crumb { color: #C6CDCF !important; }
html.dark:not(.hc) .big-act, html.dark:not(.hc) .sug-card, html.dark:not(.hc) .calm-banner { color: #CCD5D9 !important; border: 1px solid rgba(56,56,56,0.612); box-shadow: var(--lift); }
html.dark:not(.hc) .b-calm { background: linear-gradient(120deg,#19242C,#161F28); }
html.dark:not(.hc) .b-talk { background: linear-gradient(120deg,#1E2A23,#1B251D); }
html.dark:not(.hc) .b-sleep { background: linear-gradient(120deg,#1E1B29,#1D1826); }
html.dark:not(.hc) .b-red { background: linear-gradient(120deg,#291C1E,#261718); }
html.dark:not(.hc) .big-act .ba-ic { background: rgba(27,27,27,0.6); box-shadow: none; }
html.dark:not(.hc) .big-act small, html.dark:not(.hc) .sug-card .sg-t small { color: #C6CDCF; }
html.dark:not(.hc) .sug-card { background: linear-gradient(115deg,#1F2A24,#1B251B); }
html.dark:not(.hc) .sg-play { background: rgba(27,27,27,0.804); color: #C2D0CA; box-shadow: none; }
html.dark:not(.hc) .calm-banner { background: linear-gradient(120deg,#1C1C28,#1F1826); }
html.dark:not(.hc) .calm-banner .cb-moon { background: #312914; color: #D4CFC4; box-shadow: none; }
html.dark:not(.hc) .calm-banner .cb-moon svg { fill: #CCC8BF; }
html.dark:not(.hc) .calm-banner small { color: #C3C4CA; }
html.dark:not(.hc) .mi-ic { background: color-mix(in srgb,var(--c) 13%,#1B1B1B) !important; }
html.dark:not(.hc) .today-hero.compact { box-shadow: var(--sh3); }
html.dark:not(.hc) .today-hero .th-txt { text-shadow: none; color: #CBD8DD; }
html.dark:not(.hc) .today-hero .th-txt small { color: #C4CFD3; }
html.dark:not(.hc) .today-hero .th-tree { background: rgba(27,27,27,0.851); color: #CBD7D1; }
html.dark:not(.hc) .today-hero::after { background: linear-gradient(180deg,rgba(25,34,32,0.7),transparent 65%) !important; }
html.dark:not(.hc) .mood-card { background: #271710; }
html.dark:not(.hc) .mood-row .face-btn { background: #1F211B; border-color: #3C4139; }
html.dark:not(.hc) .mood-row .face-btn.on { background: #1C261F !important; box-shadow: 0 0 0 2px #0D0D0D !important; }
html.dark:not(.hc) .daily-message { background: linear-gradient(125deg,#1D2523,#22261A); color: var(--ink); border: 1px solid #3B453A; }
html.dark:not(.hc) .daily-message h4 { color: #C4CECB; }
html.dark:not(.hc) .daily-message .say { color: #C6D3CF; background: rgba(27,27,27,0.659); }
html.dark:not(.hc) .tip-bell { color: #C7D3D0 !important; }
html.dark:not(.hc) .personal-note { background: #1B221C; border: 1px solid #3B4539; }
html.dark:not(.hc) .personal-note small { color: #C6CCCA; }
html.dark:not(.hc) .wl-hero.small { background: linear-gradient(120deg,#182227,#1C251D); }
html.dark:not(.hc) .wl-hero .wl-in { color: var(--ink); text-shadow: none; }
html.dark:not(.hc) .wl-logo { color: #C3D3D4; }
html.dark:not(.hc) .wl-hero h1 { color: #CBD5D9; }
html.dark:not(.hc) .wl-langs .wl-lang { color: #C4D0D8; background: linear-gradient(135deg,#19242D,#152029); box-shadow: var(--lift); }
html.dark:not(.hc) .wl-langs .wl-lang[data-lang="ps"] { color: #CAD7D1; background: linear-gradient(135deg,#1F2921,#1C251A); }
html.dark:not(.hc) .wl-g { background: #1C211A; color: #CCD4D3; box-shadow: none; border: 1px solid #3B433B; }
html.dark:not(.hc) .wl-g.on { background: #1D2721; border-color: #44524A; box-shadow: 0 0 0 2px #0D0D0D; }
html.dark:not(.hc) .wl-account-link { color: #C1CCD3; }
html.dark:not(.hc) .wl-dots i.on { background: #34403A; }
html.dark:not(.hc) .account-card { text-decoration: none; color: var(--ink); background: #1C2323; }
html.dark:not(.hc) .account-card small { color: var(--muted); }
html.dark:not(.hc) .account-form input:not([type="checkbox"]) { border: 1px solid #3F4847; background: #18201C; }
html.dark:not(.hc) .account-consent input { accent-color: #C3CEC8; }
html.dark:not(.hc) .account-status { background: #1B221D; }
html.dark:not(.hc) #account-error { color: #D1C0C4; }
html.dark:not(.hc) .recovery-code { background: #1B211E; }
html.dark:not(.hc) .garden-mini { background: #1F2319; }
html.dark:not(.hc) .garden .gd-scene { box-shadow: 0 10px 30px #4B6A4B15; }
html.dark:not(.hc) .today-hero::before { background: linear-gradient(180deg,rgba(25,35,32,0.82),transparent 60%); }
html.dark:not(.hc) .check-card.big { color: var(--ink) !important; }
html.dark:not(.hc) .check-card .cc-ic { box-shadow: none; }
html.dark:not(.hc) .tile .t-ic { background: rgba(27,27,27,0.675) !important; }
html.dark:not(.hc) .wl-av.on { border-color: #82AD94; box-shadow: 0 0 0 3px #0D0D0D; }
html.dark:not(.hc) .stp-intro .cc-ic { background: #1A2329; color: #BFCED6; box-shadow: none; }
html.dark:not(.hc) .sos-hero { background: linear-gradient(135deg,#2C1B1E,#271618) !important; color: #E5C3CA !important; border: 1px solid #4C363B; box-shadow: var(--sh3); }
html.dark:not(.hc) .sos-hero h2, html.dark:not(.hc) .sos-hero p { color: #E5C3CA !important; text-shadow: none; }
html.dark:not(.hc) .call-btn { background: linear-gradient(135deg,#A8384A,#B8475A); color: #fff !important; box-shadow: 0 4px 14px rgba(150,50,66,.18); }
html.dark:not(.hc) .call-btn.trusted { background: linear-gradient(135deg,#2F6585,#3A7194); }
html.dark:not(.hc) .call-btn.counsel { background: linear-gradient(135deg,#236A56,#2C7762); }
html.dark:not(.hc) .call-btn small { color: #fff !important; }
html.dark:not(.hc) .btn-danger.btn-lg { background: #A8384A !important; color: #fff !important; border: 1px solid #A8384A !important; }
html.dark:not(.hc) .me-head { background: linear-gradient(125deg,#291A20,#1E1A28); color: #D4CFDA; border: 1px solid rgba(56,56,56,0.69); box-shadow: var(--sh3); }
html.dark:not(.hc) .me-info small, html.dark:not(.hc) .me-week span { color: #CBC8D1; }
html.dark:not(.hc) .me-week i { background: rgba(27,27,27,0.753); box-shadow: inset 0 0 0 1px #0D0D0D; }
html.dark:not(.hc) .me-week i.on { background: #4F432A; box-shadow: none; }
html.dark:not(.hc) .me-sw { background: rgba(27,27,27,0.753); color: #D1C9D4; }
html.dark:not(.hc) .yavar-banner { background: linear-gradient(120deg,#1E2A24,#1B251E); color: #CDDDD6; border: 1px solid rgba(56,56,56,0.612); box-shadow: var(--lift); }
html.dark:not(.hc) .yavar-banner:hover { color: #CDDDD6; }
html.dark:not(.hc) .yavar-banner .chev { color: #C4CFCA; }
html.dark:not(.hc) .yb-t small { color: #CAD5D0; }
html.dark:not(.hc) .calm-card { color: #D0D6DB; border: 1px solid rgba(56,56,56,0.612); box-shadow: var(--sh3); }
html.dark:not(.hc) .calm-card:hover { color: #D0D6DB; }
html.dark:not(.hc) .calm-card small { color: #C9CED1; }
html.dark:not(.hc) .calm-card .cc-ic { box-shadow: none; }
html.dark:not(.hc) .calm-card.c1 .cc-ic { background: #2F3543; }
html.dark:not(.hc) .calm-card.c2 .cc-ic { background: #3E8F8A; }
html.dark:not(.hc) .calm-card.c3 .cc-ic { background: #393545; }
html.dark:not(.hc) .calm-card.c4 .cc-ic { background: #C47E4C; }
html.dark:not(.hc) .calm-card.c1 { background: linear-gradient(140deg,#19202B,#1C1928); }
html.dark:not(.hc) .calm-card.c2 { background: linear-gradient(140deg,#1F2B29,#1B2723); }
html.dark:not(.hc) .calm-card.c3 { background: linear-gradient(140deg,#1E1B29,#201A26); }
html.dark:not(.hc) .calm-card.c4 { background: linear-gradient(140deg,#2E2219,#2B2116); }
html.dark:not(.hc) .daily-message h4 { color: #C8D2CF; }
html.dark:not(.hc) .calm-banner small { color: #C7C8CE; }
html.dark:not(.hc) .res-more summary, html.dark:not(.hc) .demo-wrap>summary { color: #C3D9D1; }
html.dark:not(.hc) .account-delete { border-top: 1px solid #43393B; }
html.dark:not(.hc) .account-delete summary { color: #D1C0C4; }
html.dark:not(.hc) .pom-face { background: none; }
html.dark:not(.hc) .chat-head { background: linear-gradient(120deg,#1E2A24,#1B251E); color: #CDDDD6; border: 1px solid rgba(56,56,56,0.612); box-shadow: var(--lift); }
html.dark:not(.hc) .chat-head small { color: #CAD5D0; }
html.dark:not(.hc) .chat-head .chat-new { background: rgba(27,27,27,0.753); color: #C7D9D2; border-color: #3B4840; }
html.dark:not(.hc) .gd-path span { color: #C5C8CB; }
html.dark:not(.hc) .gd-path span.on { color: #C5DBCC; }
html.dark:not(.hc) .res-card small, html.dark:not(.hc) .res-card .gauge4-l { color: #C9CFD1; }
html.dark:not(.hc) .pom-av { box-shadow: inset 0 0 0 2px rgba(13,13,13,0.85),0 2px 8px rgba(80,70,120,.14); }
html.dark:not(.hc) .pom-av.pav-me, html.dark:not(.hc) .pom-av.pav-yavar { background-color: transparent; background-image: radial-gradient(circle farthest-side at 50% 42%,#1B1427,#1F192C 72%,#231D2F); }
html.dark:not(.hc) .pom-av.pav-t1 { background-image: radial-gradient(circle farthest-side at 50% 42%,#2A1D11,#302319 72%,#35271E); }
html.dark:not(.hc) .pom-av.pav-t2 { background-image: radial-gradient(circle farthest-side at 50% 42%,#121D28,#19232C 72%,#1D2731); }
html.dark:not(.hc) .pom-av.pav-t3 { background-image: radial-gradient(circle farthest-side at 50% 42%,#2B2512,#332D1B 72%,#3A3321); }
html.dark:not(.hc) .pom-av.pav-yavar { background-image: radial-gradient(circle farthest-side at 50% 42%,#172520,#1D2B27 72%,#222F2B); }
html.dark:not(.hc) .yb-av { background: none; }
html.dark:not(.hc) .me-av { background: none; }
html.dark:not(.hc) .tb-btn .av { background: none; }
html.dark:not(.hc) .tb-btn .av .pom-av { box-shadow: inset 0 0 0 1.5px rgba(13,13,13,0.9); }
html.dark:not(.hc) .av-pick button { background: none; }
html.dark:not(.hc) .av-pick button.on { border-color: #7E6BB0; }
html.dark:not(.hc) .wl-hero.small .wl-logo { background: rgba(27,27,27,0.702); color: #C3D3D4; }
html.dark:not(.hc) .msg.me .mb { background: linear-gradient(135deg,#356C8B,#3F7A9C); }
html.dark:not(.hc) .gd-tab { background: #1B1B1B; border: 1px solid #3A423D; text-decoration: none; color: var(--ink); }
html.dark:not(.hc) .gd-tab.on { border-color: #7FAF99; box-shadow: 0 0 0 3px #0D0D0D; background: #19221C; }
html.dark:not(.hc) .gd-area { color: #C5CACC; }
html.dark:not(.hc) .gd-hb { background: #1F221D; }
html.dark:not(.hc) .gd-hb i { background: linear-gradient(90deg,#303D2A,#4E9B5E); }
html.dark:not(.hc) .gd-health small { color: #CAD5D0; }
html.dark:not(.hc) .gd-pc { text-decoration: none; color: var(--ink); }
html.dark:not(.hc) .gd-pc.on { box-shadow: 0 0 0 2px #7FAF99,var(--sh3); }
html.dark:not(.hc) .gm-p { box-shadow: inset 0 0 0 1px rgba(0,0,0,.05); }
html.dark:not(.hc) .pl-img { background: #1B2C38; }
html.dark:not(.hc) .pl-rain { background: linear-gradient(180deg,rgba(70,110,150,.18),transparent 60%); }
html.dark:not(.hc) .pl-rain b { background: linear-gradient(rgba(27,27,27,0),#233848); }
html.dark:not(.hc) .pl-glow { background: radial-gradient(circle at 50% 55%,rgba(50,47,20,0.35),transparent 55%); }
html.dark:not(.hc) .today-hero.compact .th-txt { background: rgba(27,27,27,0.78); }
html.dark:not(.hc) .pom-av.pav-who { background: none !important; box-shadow: 0 0 0 2.5px var(--avr,#0D0D0D),0 2px 8px rgba(80,70,120,.14); }
html.dark:not(.hc) .pom-av.pav-who.pav-t0 { --avr: #251F32; }
html.dark:not(.hc) .pom-av.pav-who.pav-t1 { --avr: #38291E; }
html.dark:not(.hc) .pom-av.pav-who.pav-t2 { --avr: #202D38; }
html.dark:not(.hc) .play-banner { text-decoration: none; color: #D9CBD2; background: linear-gradient(120deg,#2A181E,#221928); border: 1px solid rgba(56,56,56,0.612); box-shadow: var(--lift); }
html.dark:not(.hc) .play-banner small { color: #D1C8CD; }
html.dark:not(.hc) .play-banner .chev { color: #C3BABF; }
html.dark:not(.hc) .pl-gi { background: #221A23; }
html.dark:not(.hc) .pl-gh small { color: var(--muted); }
html.dark:not(.hc) .pl-note { color: #C5CACC; background: #1E1B22; }
html.dark:not(.hc) .pl-err { color: #D1C0C4; }
html.dark:not(.hc) .pl-code { color: #C5D2D9; background: #182024; border: 2px dashed #3B474E; }
html.dark:not(.hc) .pl-seats li { background: #1D1F1B; }
html.dark:not(.hc) .pl-seats i, html.dark:not(.hc) .lu-p i { box-shadow: 0 0 0 2px #0D0D0D; }
html.dark:not(.hc) .qz-wait { color: #C5CACC; }
html.dark:not(.hc) .pl-net { background: #2F2713; color: #F7E5B6; }
html.dark:not(.hc) .lu-p { background: #1B1B1B; border: 1px solid #3B413D; }
html.dark:not(.hc) .lu-p.on { border-color: #7FAF99; box-shadow: 0 0 0 3px #0D0D0D; }
html.dark:not(.hc) .lu-p small { color: var(--muted); }
html.dark:not(.hc) .lu-home { background: #1F211D; }
html.dark:not(.hc) .lu-bw { background: #1B1B1B; box-shadow: var(--sh3); }
html.dark:not(.hc) .lu-bar { background: #1B1B1B; box-shadow: var(--sh3); }
html.dark:not(.hc) .lu-dice { border: 3px solid var(--c,#356C8B); background: radial-gradient(circle at 50% 35%,#1B1B1B,#1E211F); box-shadow: 0 6px 16px rgba(30,50,60,.12); }
html.dark:not(.hc) .lu-dice.go { box-shadow: 0 0 0 5px color-mix(in srgb,var(--c) 22%,#0D0D0D),0 6px 16px rgba(30,50,60,.12); }
html.dark:not(.hc) .dz { background: radial-gradient(circle at 30% 25%,#1B1B1B,#1D1E20 55%,#242528); box-shadow: inset 0 0 0 1px rgba(0,0,0,.06),inset -3px -4px 8px rgba(0,0,0,.10),inset 3px 3px 6px rgba(13,13,13,0.9); }
html.dark:not(.hc) .dz i.p { background: radial-gradient(circle at 35% 30%,#5A5F66,#252A32 70%); box-shadow: inset 0 1px 1px rgba(13,13,13,0.25),0 1px 0 rgba(13,13,13,0.7); }
html.dark:not(.hc) .dz i.p.one { background: radial-gradient(circle at 35% 30%,#412121,#B8222B 70%); }
html.dark:not(.hc) .lu-got { color: #C5D2D9; }
html.dark:not(.hc) .lu-st small { color: #C5CACC; }
html.dark:not(.hc) .qz-h { color: #C9CDD0; }
html.dark:not(.hc) .qz-about { background: #251B21; color: #D4C3CC; }
html.dark:not(.hc) .qz-tot span { color: var(--muted); }
html.dark:not(.hc) .qz-rev { background: #1D1F1B; }
html.dark:not(.hc) .qz-tip { color: #CAD5D0; }
html.dark:not(.hc) .qz-talk>div { background: #1B1B1B; }
html.dark:not(.hc) .qz-talk small { color: #D4C3CC; }
html.dark:not(.hc) .qz-cover small { color: var(--muted); }
html.dark:not(.hc) .lu-win { background: rgba(20,30,40,.45); }
html.dark:not(.hc) .lw-card { background: linear-gradient(180deg,#2A2611,#1B1B1B 60%); box-shadow: 0 20px 60px rgba(0,0,0,.3); }
html.dark:not(.hc) .lw-rays { background: repeating-conic-gradient(from 0deg,rgba(82,71,38,0.22) 0 12deg,transparent 12deg 24deg); }
html.dark:not(.hc) .lw-card h2 { color: #EDD5B3; }
html.dark:not(.hc) .dz { background: #262216; }
html.dark:not(.hc) .pl-kick { border: 1px solid #4C373B; background: #281013; color: #D5BFC3; }
html.dark:not(.hc) .pl-kick:hover { background: #281618; }
html.dark:not(.hc) .pl-del { background: #261618 !important; color: #D5BFC3 !important; border: 1px solid #4C373B !important; }
html.dark:not(.hc) .pl-hint { color: #C2C6C7; }
html.dark:not(.hc) .pl-tbtn { border: 1px solid #3D4540; background: #1B1B1B; color: #CAD9D4; box-shadow: 0 1px 3px rgba(20,40,30,.08); }
html.dark:not(.hc) .pl-mcode { color: #C5D2D9; background: #182024; }
html.dark:not(.hc) .pl-tag { color: #C5CACC; background: #1B1B1B; }
html.dark:not(.hc) .bb-wrap { background: none !important; }
html.dark:not(.hc) .pom-face { background: none !important; }
html.dark:not(.hc) .kin-who span { color: #CED6D9; }
html.dark:not(.hc) .kin-who small { color: #C2C6C7; }
html.dark:not(.hc) .kin-big { background: linear-gradient(160deg,#171F23,#1A2125); }
html.dark:not(.hc) .kin-day { background: #191D20; }
html.dark:not(.hc) .kin-day.l2 { background: #2C2512; }
html.dark:not(.hc) .kin-day.l1 { background: #1A1F22; }
html.dark:not(.hc) .kin-day.l0 { background: #181F25; }
html.dark:not(.hc) .kin-day small { color: #C5CACC; }
html.dark:not(.hc) .kin-tr { color: #CED6D9; }
html.dark:not(.hc) .kin-tip { color: #C8CED0; }
html.dark:not(.hc) .kin-care { background: #2B2412; border: 1px solid #554C33; color: #E6DDC4; }
html.dark:not(.hc) .kin-x { border: 0; background: none; color: #C8C4C6; text-decoration: underline; }
html.dark:not(.hc) .kin-preview { border: 2px dashed #3D4540; box-shadow: none; }
html.dark:not(.hc) .kin-lead { color: #C5CACC; }
html.dark:not(.hc) .kin-points { color: #CED6D9; }
html.dark:not(.hc) .kin-list li { background: #1D1F1B; }
html.dark:not(.hc) .kin-list li small { color: #C2C6C7; }
html.dark:not(.hc) .kin-hearts li { background: #281015; }
html.dark:not(.hc) .kin-msg { border: 1px solid #4A373D; background: #281016; color: #DACBCF; }
html.dark:not(.hc) .kin-msg:hover, html.dark:not(.hc) .kin-msg:focus-visible { background: #29161B; }
html.dark:not(.hc) .kin-row { text-decoration: none; color: inherit; border-top: 1px solid #373D40; }
html.dark:not(.hc) .kin-row:first-of-type { border-top: 0; }
html.dark:not(.hc) .kin-rt small { color: #C8CED0; }
html.dark:not(.hc) .kin-gift { background: #281015; border: 1px solid #4C3239; }
html.dark:not(.hc) .gf-scene { background-color: #1B262A; box-shadow: 0 14px 34px rgba(30, 80, 50, .22); }
html.dark:not(.hc) .gf-hit::before { background: radial-gradient(ellipse at 50% 45%, rgba(110, 70, 40, .55), rgba(110, 70, 40, .25) 55%, rgba(110, 70, 40, 0) 72%); }
html.dark:not(.hc) .gf-hit:focus-visible { outline: 3px solid #383838; }
html.dark:not(.hc) .gf-lab { background: rgba(27,27,27,0.92); box-shadow: 0 2px 8px rgba(20, 40, 30, .16); }
html.dark:not(.hc) .gf-name { color: var(--ink, #D6DBDF); text-decoration: none; }
html.dark:not(.hc) .gf-gr { color: #C2D9C9; }
html.dark:not(.hc) .gf-drop { background: rgba(27,27,27,0.85); box-shadow: 0 1px 3px rgba(0, 0, 0, .15); }
html.dark:not(.hc) .gf-pill { border: 0; color: #D6DBDF; background: #1B1B1B; box-shadow: inset 0 0 0 2.5px var(--bc, #0D0D0D); }
html.dark:not(.hc) .gf-pill.b-unknown { color: #C4C8CB; box-shadow: inset 0 0 0 2px #0D0D0D; background: #1B1F21; }
html.dark:not(.hc) .gf-pill.b-support { box-shadow: inset 0 0 0 2.5px #0D0D0D; background: #2B1F12; }
html.dark:not(.hc) .gf-pill:focus-visible { outline: 3px solid #2C6E9B; }
html.dark:not(.hc) .gf-sun { background: radial-gradient(circle, rgba(56,50,23,0.6), rgba(56,50,23,0) 66%); }
html.dark:not(.hc) .gf-warm { background: radial-gradient(circle, rgba(60,42,25,0.55), rgba(60,42,25,0) 66%); }
html.dark:not(.hc) .gf-cloud { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 64'%3E%3Cg fill='%23EEF3F7'%3E%3Ccircle cx='36' cy='38' r='17'/%3E%3Ccircle cx='60' cy='28' r='23'/%3E%3Ccircle cx='85' cy='38' r='16'/%3E%3Crect x='22' y='36' width='78' height='20' rx='10'/%3E%3C/g%3E%3Cg fill='%23C9D5DF' opacity='.55'%3E%3Crect x='26' y='46' width='70' height='10' rx='5'/%3E%3C/g%3E%3C/svg%3E") 50% 50% / contain no-repeat; }
html.dark:not(.hc) .w-vlow .gf-cloud { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 64'%3E%3Cg fill='%23D5DEE6'%3E%3Ccircle cx='36' cy='38' r='17'/%3E%3Ccircle cx='60' cy='28' r='23'/%3E%3Ccircle cx='85' cy='38' r='16'/%3E%3Crect x='22' y='36' width='78' height='20' rx='10'/%3E%3C/g%3E%3Cg fill='%23AEBCC9' opacity='.55'%3E%3Crect x='26' y='46' width='70' height='10' rx='5'/%3E%3C/g%3E%3C/svg%3E"); }
html.dark:not(.hc) .gf-rain b { background: linear-gradient(rgba(41,58,72,0), #283643); }
html.dark:not(.hc) .gf-mini .gf-scene { box-shadow: none; }
html.dark:not(.hc) .gf-dot { background: var(--bc, #323639); box-shadow: 0 0 0 2px #0D0D0D; }
html.dark:not(.hc) .gf-dot.b-support { background: #483625; }
html.dark:not(.hc) .ga-ok { background: #1A251D; color: #C1E4D0; }
html.dark:not(.hc) .ga-row { background: var(--surface, #1B1B1B); box-shadow: var(--sh, 0 2px 10px rgba(0, 0, 0, .06)); }
html.dark:not(.hc) .ga-band { color: #C9CFD1; background: #1B1F21; }
html.dark:not(.hc) .ga-tr.up { color: #BAE6CC; }
html.dark:not(.hc) .ga-tr.down { color: #E9C4AD; }
html.dark:not(.hc) .ga-help { color: #E7CBB0; background: #2D2112; }
html.dark:not(.hc) .ga-bar { background: #1E2120; }
html.dark:not(.hc) .b-unknown .ga-bar { background: repeating-linear-gradient(-45deg, #1D2021 0 6px, #1F2225 6px 12px); }
html.dark:not(.hc) .b-support .ga-bar { background: linear-gradient(90deg, #302214, #372617); }
html.dark:not(.hc) .ga-step { color: #B2CEE1; text-decoration: none; }
html.dark:not(.hc) .b-unknown .ga-num { color: #8A99A4; }
html.dark:not(.hc) .ga-why { border: 1px solid #3A4248; background: #1B1B1B; color: #B2CEE1; }
html.dark:not(.hc) .modal.gw:focus { outline: none; }
html.dark:not(.hc) .gw-big { background: #1B1F1E; box-shadow: inset 0 0 0 3px var(--bc, #0D0D0D); }
html.dark:not(.hc) .gw-big small { color: #C9CFD1; }
html.dark:not(.hc) .gw-big.b-support { box-shadow: inset 0 0 0 3px #0D0D0D; background: #2A1E11; }
html.dark:not(.hc) .gw-ev li { background: #191D20; }
html.dark:not(.hc) .gw-ev small { color: #C5C8CB; }
html.dark:not(.hc) .gw-meta span { background: #1A1F23; }
html.dark:not(.hc) .gw-next { background: #1A231D; }
html.dark:not(.hc) .gw-next small { color: #C2D9C9; }
html.dark:not(.hc) .gw-note { color: #C9CFD1; }
html.dark:not(.hc) .gs-card { background: #2A1E11; box-shadow: inset 0 0 0 2px #0D0D0D; }
html.dark:not(.hc) .pd-dot { background: var(--bc, #323639); box-shadow: 0 0 0 2px #0D0D0D, 0 0 0 3px rgba(0, 0, 0, .08); }
html.dark:not(.hc) .pd-dot.b-support { background: #332415; }
html.dark:not(.hc) .pd small { color: #C2D9C9; }
html.dark:not(.hc) .mirror-line { background: #1A231B; color: #C8DDD1; }
html.dark:not(.hc) .pl-drop { background: rgba(27,27,27,0.85); }
html.dark:not(.hc) .pl-cloud { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 64'%3E%3Cg fill='%23D5DEE6'%3E%3Ccircle cx='36' cy='38' r='17'/%3E%3Ccircle cx='60' cy='28' r='23'/%3E%3Ccircle cx='85' cy='38' r='16'/%3E%3Crect x='22' y='36' width='78' height='20' rx='10'/%3E%3C/g%3E%3Cg fill='%23AEBCC9' opacity='.55'%3E%3Crect x='26' y='46' width='70' height='10' rx='5'/%3E%3C/g%3E%3C/svg%3E") 50% 50% / contain no-repeat; }
html.dark:not(.hc) .pl-soft b { background: linear-gradient(rgba(41,58,72,0), #283643); }
html.dark:not(.hc) .gw-how { color: #CBD0D3; }
html.dark:not(.hc) .gw-how summary { color: #B9D4E7; }
html.dark:not(.hc) .mirror-line small { color: #C7CACD; }
html.dark:not(.hc) .gf-pill.b-n { background: #1B1B1B; color: #CBD5DA; border: 1px solid #3B4246; }
html.dark:not(.hc) .gd-wet { color: #B4D8E7; }
html.dark:not(.hc) .tb-prof { text-decoration: none; color: var(--ink); }
html.dark:not(.hc) .tb-prof .nm { color: #C4CBD0; }
html.dark:not(.hc) .tb-prof.on .av { box-shadow: 0 0 0 2.5px #0D0D0D; }
html.dark:not(.hc) .tb-prof:focus-visible, html.dark:not(.hc) .tb-sos:focus-visible { outline: 3px solid #44525B; }
html.dark:not(.hc) .tb-sos.on { box-shadow: 0 0 0 2px #0D0D0D !important; }
html.dark:not(.hc) .tb-sos .badge, html.dark:not(.hc) .hp-row .badge { background: #875167; color: #fff; box-shadow: 0 0 0 2px #0D0D0D; }
html.dark:not(.hc) .tab.t-garden.on { background: #1D271C; color: #C7D9CA; }
html.dark:not(.hc) .tab.t-tools.on { background: #182129; color: #C1CED8; }
html.dark:not(.hc) .tab.t-today.on { background: #2D2616; color: #EDDCB7; }
html.dark:not(.hc) .hp-urgent { background: linear-gradient(135deg, #2A181C, #271415); border: 1px solid #4C363B; box-shadow: var(--sh3); }
html.dark:not(.hc) .hp-ui { background: #1B1B1B; color: #D4B8BC; box-shadow: 0 2px 8px rgba(150, 50, 66, .14); }
html.dark:not(.hc) .hp-urgent h2 { color: #E5C3CA; }
html.dark:not(.hc) .hp-urgent p { color: #D8C7CB; }
html.dark:not(.hc) .hp-more { background: rgba(27,27,27,0.722); color: #E5C3CA !important; text-decoration: none; }
html.dark:not(.hc) .hp-more small { color: #CFC5C8; }
html.dark:not(.hc) .hp-more .chev, html.dark:not(.hc) .hp-row .chev, html.dark:not(.hc) .tl-row .chev { color: #B6C2CB; }
html.dark:not(.hc) .hp-row, html.dark:not(.hc) .tl-row { background: #1B1B1B; border: 1px solid #3A423D; box-shadow: var(--sh3); text-decoration: none; color: var(--ink) !important; }
html.dark:not(.hc) .hp-yavar .hp-art { background: #1C2824; }
html.dark:not(.hc) .hp-talk .hp-art { background: #191B28; color: #BABDCF; }
html.dark:not(.hc) .hp-kin .hp-art { background: #1D281F; color: #C3D9D1; }
html.dark:not(.hc) .hp-t small, html.dark:not(.hc) .tl-t small { color: var(--muted); }
html.dark:not(.hc) .hp-note { background: #1A1825; color: #C3C2D2; }
html.dark:not(.hc) .tl-search > svg { color: var(--muted); }
html.dark:not(.hc) .tl-search input { border: 1px solid #3C4340; background: #1B1B1B; color: var(--ink); box-shadow: var(--sh3); }
html.dark:not(.hc) .tl-search input:focus { outline: none; border-color: #424F57; box-shadow: 0 0 0 3px #0D0D0D; }
html.dark:not(.hc) .tl-ic { background: color-mix(in srgb, var(--c) 14%, #1B1B1B); color: color-mix(in srgb, var(--c) 82%, #D1DADF); }
html.dark:not(.hc) .tl-foot { color: var(--muted); }
html.dark:not(.hc) .nav-guide { background: linear-gradient(130deg, #182127, #1D241B); border: 1px solid #3B4541; }
html.dark:not(.hc) .nav-guide h2 { color: #CCD7DB; }
html.dark:not(.hc) .nav-guide li svg { background: rgba(27,27,27,0.784); color: #BFCED6; }
html.dark:not(.hc) .today-head small { color: var(--muted); }
html.dark:not(.hc) .today-head h1 { color: #CCD7DB; }
html.dark:not(.hc) .ci-chip { background: #1C261F; color: #C7D9CF !important; text-decoration: none; }
html.dark:not(.hc) .tm-card { background: linear-gradient(125deg, #1E2922, #1E251A); border: 1px solid rgba(56,56,56,0.612); }
html.dark:not(.hc) .tm-card.tm-night { background: linear-gradient(140deg, #1D1A2A, #1B1728); }
html.dark:not(.hc) .tm-card.tm-support { background: linear-gradient(135deg, #2D2219, #291F15); }
html.dark:not(.hc) .tm-card.tm-recheck { background: linear-gradient(135deg, #2D2616, #2A2211); }
html.dark:not(.hc) .tm-k { color: #C6CDCF; }
html.dark:not(.hc) .tm-card h2 { color: #D0D9DC; }
html.dark:not(.hc) .tm-card p { color: #C6CDCF; }
html.dark:not(.hc) .tm-go { background: #2F6B52 !important; color: #fff !important; border-color: #2F6B52 !important; }
html.dark:not(.hc) .tm-why summary { color: #BFD0D8; text-decoration: underline; }
html.dark:not(.hc) .tm-other { background: none; border: 0; color: #BFD0D8; text-decoration: underline; }
html.dark:not(.hc) .tm-gl { color: #CAD5D0; }
html.dark:not(.hc) .ex-end { background: linear-gradient(130deg, #1C261F, #1D2419); }
html.dark:not(.hc) .ex-end h3 { color: #C7D9CF; }
html.dark:not(.hc) .ex-end p { color: var(--muted); }
html.dark:not(.hc) .wl2 { background: #1B1B1B; border: 1px solid #3A423D; box-shadow: var(--sh3); }
html.dark:not(.hc) .wl2-hero { background: linear-gradient(120deg, #182227, #1C251D); }
html.dark:not(.hc) .wl2-h { color: #CCD7DB; }
html.dark:not(.hc) .wl2-sub { color: var(--muted); }
html.dark:not(.hc) .wl2-k { color: var(--muted); }
html.dark:not(.hc) .wl2-lang { background: #1D2120; }
html.dark:not(.hc) .wl2-lang .wl-lang { border: 0; background: transparent; color: #C7D0D3; box-shadow: none; }
html.dark:not(.hc) .wl2-lang .wl-lang.on { background: #2F6B52; color: #fff; }
html.dark:not(.hc) .wl2-link { background: none; border: 0; color: #C7D9D1; text-decoration: underline; }
html.dark:not(.hc) .wl2-acc { border-top: 1px solid #3A403C; }
html.dark:not(.hc) .wl2-acc small { color: var(--muted); }
html.dark:not(.hc) .wl2-moods .face-btn.on { background: #1C261F !important; box-shadow: 0 0 0 2px #0D0D0D !important; }
html.dark:not(.hc) .wl2-note { color: var(--muted); }
html.dark:not(.hc) .ask-card { background: #252216; border: 1px solid #4E4735; }
html.dark:not(.hc) .ga-more > summary { background: #1C221E; color: #C7D9D1; }
html.dark:not(.hc) .wl2 .wl-go { background: #2F6B52 !important; color: #fff !important; border-color: #2F6B52 !important; }
html.dark:not(.hc) .wl2 .wl-go:disabled { background: #29302C !important; border-color: #424B46 !important; }
html.dark:not(.hc) .tm-card.tm-done { background: linear-gradient(130deg, #1C261F, #1D2419); }
html.dark:not(.hc) .tm-done h2 svg { color: #C7D9CF; }
html.dark:not(.hc) .bk-unlock { background: #2B2412; }
html.dark:not(.hc) .fb-set { border: 0; }
html.dark:not(.hc) .fb-tip a { color: #fff; text-decoration: underline; }
html.dark:not(.hc) .sus-card summary small { color: var(--muted); }
html.dark:not(.hc) .sus-card .qn-item { border: 0; }
html.dark:not(.hc) .vb-trans { background: #1B1D20; }
html.dark:not(.hc) .vbadge { background: #1B2620; color: #BEE6D2; }
html.dark:not(.hc) .stp-sci summary { color: var(--primary-2); }
@media print {
  html.dark:not(.hc), html.dark:not(.hc) body { background: #1B1B1B !important; }
  html.dark:not(.hc) .card { box-shadow: none !important; border: 1px solid #494949; }
}
html.dark:not(.hc) .mc-grid span { color: #C5C8CB; }
html.dark:not(.hc) .b-unknown .ga-num { color: #C5C8CB; }
html.dark:not(.hc) .wk-d.up { color: #BAE6CC; }
html.dark:not(.hc) .wk-d.dn { color: #EDC5AA; }
html.dark:not(.hc) .rp-actions .btn-wa { background: #157A3E; border-color: #157A3E; }
html.dark:not(.hc) .lang-menu { background: #1B1B1B; box-shadow: 0 12px 30px rgba(16,24,40,.18); }
html.dark:not(.hc) .lang-menu button { border: 0; background: transparent; color: var(--ink); }
html.dark:not(.hc) .lang-menu button:hover, html.dark:not(.hc) .lang-menu button:focus-visible { background: #1D2120; }
html.dark:not(.hc) .lang-menu button[aria-checked="true"] { color: #BEE6D2; }
html.dark:not(.hc) .svc-ver small { color: var(--muted); }
html.dark:not(.hc) .svc-table th, html.dark:not(.hc) .svc-table td { border-bottom: 1px solid var(--line, rgba(0,0,0,.1)); }
html.dark:not(.hc) .account-2fa { border-top: 1px solid #43393B; }
html.dark:not(.hc) .account-2fa .tag { background: #202020; color: #CECECE; }
html.dark:not(.hc) .account-2fa .tag.ok { background: #1B261B; color: #C7DDCF; }
html.dark:not(.hc) .account-qr { background: #1B1B1B; }
html.dark:not(.hc) .account-note { background: #2C2312; }
html.dark:not(.hc) .sus-prompt { border-inline-start: 4px solid #2F8E6A; }
html.dark:not(.hc) .kid-gate .btn-link { background: none; border: 0; color: var(--pri, #B2CEE1); text-decoration: underline; }
html.dark:not(.hc) .today-intro { color: var(--muted, #C5C8CB); }
html.dark:not(.hc) .need-box > small { color: var(--muted, #C5C8CB); }
html.dark:not(.hc) .ci-chosen small { color: var(--muted, #C5C8CB); }
html.dark:not(.hc) .task.now { box-shadow: inset 0 0 0 2px var(--c, #2C6E9B); }
html.dark:not(.hc) .pl-b, html.dark:not(.hc) .pl-main { background: none; box-shadow: none; }
html.dark:not(.hc) .pl-b i { background: rgba(27,27,27,0.16); }
html.dark:not(.hc) .pl-b.on i { background: #46391C; color: #C6C6DA; }
html.dark:not(.hc) .pl-b.on { background: none; color: #fff; }
html.dark:not(.hc) .pl-main i { background: #1B1B1B; color: #C6C6DA; box-shadow: 0 10px 30px rgba(0,0,0,.3); }
html.dark:not(.hc) .pl-b small { color: #fff; }
html.dark:not(.hc) .game-count { color: var(--c, #B2CEE1); }
html.dark:not(.hc) .game-pr-tag { color: #F6E1AE; }
html.dark:not(.hc) .say.on { outline: 2px solid currentColor; }
html.dark:not(.hc) .ex-hint { color: var(--muted, #C5C8CB); }
html.dark:not(.hc) .ex-fhint { color: var(--muted, #C5C8CB); }
html.dark:not(.hc) .ex-ferr { color: #E7ACA9; }
html.dark:not(.hc) .ev-what { color: var(--muted, #C5C8CB); }
html.dark:not(.hc) .tl-what summary { color: var(--pri, #B2CEE1); }
html.dark:not(.hc) .r-meta { color: var(--muted, #C5C8CB); }
html.dark:not(.hc) .oc-net { color: var(--muted, #C5C8CB); }
html.dark:not(.hc) .oc-soon .tag { background: #2F2713; color: #F7E5B6; }
html.dark:not(.hc) .res-risk { border-inline-start: 5px solid #B3261E; }
html.dark:not(.hc) .res-risk .res-word { color: #EAB6B2; }
html.dark:not(.hc) .ur-unsafe { background: #2F2713; }
html.dark:not(.hc) .kid-warn { color: #EAB6B2; }
html.dark:not(.hc) .vbadge.vb-part { background: #2D2412; color: #F6E0B2; }
html.dark:not(.hc) .validation-box.vb-part h4 { color: #F6E0B2; }
html.dark:not(.hc) .srch-risk { background: #281815; border: 1px solid #513833; }
html.dark:not(.hc) .srch-risk h2 { color: #E6B9B4; }
html.dark:not(.hc) .res-sos a { color: #E3B0AB; }
html.dark:not(.hc) .tm-reason { color: #C7D9D1; }
html.dark:not(.hc) .wl2-hint { color: #C7CACD; }
html.dark:not(.hc) .tb-prof .tb-me { color: #C4CBD0; }
html.dark:not(.hc) .res-redo a { color: #C4CBD0; }
html.dark:not(.hc) .stp-intro .stp-start { background: #2E7D57 !important; color: #fff !important; border-color: #2E7D57 !important; }
html.dark:not(.hc) .wl2-zoom { border: 1px solid #3E4548; background: #1B1B1B; color: #B9D4E7; }
html.dark:not(.hc) .wl-opt { color: #C7CACD; }
html.dark:not(.hc) .wl2 .wl2-acc .wl-account-link { color: #B9D4E7; }
html.dark:not(.hc) .hub-row .r-title svg { color: #C7D9D1; }
html.dark:not(.hc) .hub-more summary { color: #B9D4E7; }
html.dark:not(.hc) .tm-chg { border: 0; background: none; color: #B9D4E7; text-decoration: underline; }
html.dark:not(.hc) .ci-care { color: #C7D9D1; }
html.dark:not(.hc) .face-btn[data-mood="0"], html.dark:not(.hc) .face-btn[data-wm="0"], html.dark:not(.hc) .face-btn[data-postm="0"] { background: #2A1B18; }
html.dark:not(.hc) .face-btn[data-mood="1"], html.dark:not(.hc) .face-btn[data-wm="1"], html.dark:not(.hc) .face-btn[data-postm="1"] { background: #2B2016; }
html.dark:not(.hc) .face-btn[data-mood="2"], html.dark:not(.hc) .face-btn[data-wm="2"], html.dark:not(.hc) .face-btn[data-postm="2"] { background: #25241C; }
html.dark:not(.hc) .face-btn[data-mood="3"], html.dark:not(.hc) .face-btn[data-wm="3"], html.dark:not(.hc) .face-btn[data-postm="3"] { background: #1E261C; }
html.dark:not(.hc) .face-btn[data-mood="4"], html.dark:not(.hc) .face-btn[data-wm="4"], html.dark:not(.hc) .face-btn[data-postm="4"] { background: #1D2920; }
html.dark:not(.hc) .faces-row button[data-m="0"] { background: #2A1B18; }
html.dark:not(.hc) .faces-row button[data-m="1"] { background: #2B2016; }
html.dark:not(.hc) .faces-row button[data-m="2"] { background: #25241C; }
html.dark:not(.hc) .faces-row button[data-m="3"] { background: #1E261C; }
html.dark:not(.hc) .faces-row button[data-m="4"] { background: #1D2920; }
html.dark:not(.hc) .face-btn.on { outline: 3px solid #2F6B52; }
html.dark:not(.hc) body { background: var(--bg); }
html.dark:not(.hc) .ab-p svg, html.dark:not(.hc) .svc-card h3 svg, html.dark:not(.hc) .stat b svg { color: #B2CEE1; }
html.dark:not(.hc) .stat b svg { color: #C7D9D1; }
html.dark:not(.hc) .chip.act i { color: #B2CEE1; }
html.dark:not(.hc) .chip.act i svg, html.dark:not(.hc) .cr-l svg { color: #B2CEE1; }
html.dark:not(.hc) .chip.act.on i { color: inherit; }
html.dark:not(.hc) .ex-privacy::before { background: currentColor; }
html.dark:not(.hc) .pb-ic svg, html.dark:not(.hc) .pl-gi svg, html.dark:not(.hc) .kin-li svg { color: #B2CEE1; }
html.dark:not(.hc) .page-title .pl-svg, html.dark:not(.hc) .qz-h .pl-svg { color: #B2CEE1; }
html.dark:not(.hc) .tpath { background: #1B1B1B; box-shadow: var(--sh3, 0 2px 10px rgba(16,24,40,.06)); }
html.dark:not(.hc) .tp-top h2 { color: #D6DBDF; }
html.dark:not(.hc) .tp-top small { color: var(--muted); }
html.dark:not(.hc) .tp-row::before { background: #202422; }
html.dark:not(.hc) .tp-dot { background: #1B1B1B; border: 3px solid #3E4441; color: #C1C5C7; }
html.dark:not(.hc) .tp-s.ok .tp-dot { background: #2F6B52; border-color: #2F6B52; color: #fff; }
html.dark:not(.hc) .tp-s.cur .tp-dot { border-color: #2C6E9B; color: #B2CEE1; box-shadow: 0 0 0 4px rgba(44,110,155,.15); }
html.dark:not(.hc) .tp-l { color: #CFD4D8; }
html.dark:not(.hc) .tp-s.cur .tp-l { color: #D6DBDF; }
html.dark:not(.hc) .tp-note { color: var(--muted); }
html.dark:not(.hc) .tp-all .tp-note { color: #C7D9D1; }
html.dark:not(.hc) .tp-post .ee-mline { color: #C7D9D1; }
html.dark:not(.hc) .bt-ring { box-shadow: 0 0 0 4px #0D0D0D, 0 0 0 9999px rgba(20, 30, 36, .55); }
html.dark:not(.hc) .bt-card { background: #1B1B1B; box-shadow: 0 12px 34px rgba(0,0,0,.22); }
html.dark:not(.hc) .bt-body p { color: #D6DBDF; }
html.dark:not(.hc) .bt-foot small { color: var(--muted); }
html.dark:not(.hc) .bt-skip { border: 0; background: none; color: #C9CDD1; text-decoration: underline; }
html.dark:not(.hc) .gd-today h2 svg { color: #C7D9D1; }
html.dark:not(.hc) .gd-today .tpath { box-shadow: none; }
html.dark:not(.hc) .gt-t small { color: var(--muted); }
html.dark:not(.hc) .tm-alt { background: #1B1B1B; border: 1px solid #3C4340; text-decoration: none; color: #D6DBDF; }
html.dark:not(.hc) .tm-alt small { color: var(--muted); }
html.dark:not(.hc) .tm-skip { border: 0; background: none; color: #C9CDD1; text-decoration: underline; }
html.dark:not(.hc) .fb-opts .btn { background: #1B1B1B; border: 1px solid #3E4441; }
html.dark:not(.hc) .fb-opts .btn.on { background: #1C261F; border-color: #2F6B52; color: #D6DBDF; }
html.dark:not(.hc) .ee-fb .ee-mline { color: #C7D9D1; }
html.dark:not(.hc) .clar-card { background: #291E11; border: 1px solid #4F4333; }
html.dark:not(.hc) .clar-opts .btn { background: #1B1B1B; border: 1px solid #4D453A; }
html.dark:not(.hc) .clar-opts .btn.on { background: #2E2415; border-color: #C77700; }
html.dark:not(.hc) .clar-msg { color: #ECDABC; }
html.dark:not(.hc) .sum-seg button { border: 1px solid #3E4441; background: #1B1B1B; }
html.dark:not(.hc) .sum-seg button.on { background: #2F6B52; color: #fff; border-color: #2F6B52; }
html.dark:not(.hc) .tm-cap small { color: var(--muted); }
html.dark:not(.hc) .tm-cap .chip.on { background: #2F6B52; color: #fff; border-color: #2F6B52; }
html.dark:not(.hc) .tm-whyd > summary { color: #B2CEE1; text-decoration: underline; }
html.dark:not(.hc) .tm-off { color: #C9CDD1; }
html.dark:not(.hc) .mirror-line svg { color: #C7D9D1; }
html.dark:not(.hc) .rp-risk { background: #291614; border: 1px solid #533433; color: #EAB5B3; }
html.dark:not(.hc) .rp-risk-line { background: #291614; color: #EAB5B3; }
html.dark:not(.hc) .age-gate h2 { color: #EAB5B3; }
html.dark:not(.hc) .wl2-note { color: #C5CACC; }
html.dark:not(.hc) .wl2-note a { color: #BFD0D8; text-decoration: underline; }
html.dark:not(.hc) .call-bk { color: var(--garden, var(--ok)); }
html.dark:not(.hc) .call-off { color: var(--muted); }
html.dark:not(.hc) .call-ov { background: rgba(15, 25, 30, .55); }
html.dark:not(.hc) .call-sheet { background: var(--surface, #1B1B1B); color: var(--ink); box-shadow: 0 10px 40px rgba(0, 0, 0, .25); }
html.dark:not(.hc) .call-st { color: var(--muted); }
html.dark:not(.hc) .call-btns button { border: 1px solid var(--line); background: var(--surface-2, #191D21); color: var(--ink); }
html.dark:not(.hc) .call-btns .call-endb { background: var(--high, #C8443C); border-color: var(--high, #C8443C); color: #fff; }
html.dark:not(.hc) .call-btns .call-mute[aria-pressed="true"] { background: var(--ink); color: var(--surface, #fff); }
html.dark:not(.hc) .call-btns .call-ans { background: #2F6B52; border-color: #2F6B52; color: #fff; }
html.dark:not(.hc) .call-info { border: 0; background: transparent; color: var(--muted, #C7CACD); }
html.dark:not(.hc) .call-info:hover, html.dark:not(.hc) .call-info:focus-visible { background: var(--surface-2, #1B1F22); color: var(--ink); }
html.dark:not(.hc) .tabbar .tab.on, html.dark:not(.hc) .tabbar .tab[class*="t-"].on { background: var(--primary-tint); color: var(--primary); }
html.dark:not(.hc) .mi-ic, html.dark:not(.hc) .tl-ic, html.dark:not(.hc) .hp-list .hp-art, html.dark:not(.hc) .hp-yavar .hp-art, html.dark:not(.hc) .hp-talk .hp-art { background: var(--icon-bg) !important; color: var(--icon-fg) !important; }
html.dark:not(.hc) .hub-row .r-title svg { color: var(--icon-fg); }
html.dark:not(.hc) .me-head.me-line { background: var(--primary-tint); color: var(--ink); border: 1px solid #3A4740; box-shadow: none; }
html.dark:not(.hc) .me-line h1 { color: var(--ink); }
html.dark:not(.hc) .me-line .me-wk { color: var(--muted); }
html.dark:not(.hc) .me-gh h2 { color: var(--muted); }
html.dark:not(.hc) .me-more > summary { color: var(--primary); }
html.dark:not(.hc) .stp-info { border: 1px solid var(--line); background: #1B1B1B; color: var(--icon-fg); }
html.dark:not(.hc) .stp-dx { color: var(--ink); }
html.dark:not(.hc) .gd-sheet { background: none; box-shadow: none; border: 0; }
html.dark:not(.hc) .gd-sheet .gd-area { color: var(--muted); }
html.dark:not(.hc) .gd-links a { text-decoration: none; }
html.dark:not(.hc) .svc-card h2 svg { color: #B2CEE1; }
html.dark:not(.hc) .tabbar .tab.on, html.dark:not(.hc) .tabbar .tab[class*="t-"].on { color: var(--primary-2); }
html.dark:not(.hc) .gd-steps > summary { color: var(--primary); }
html.dark:not(.hc) .wl2-use input { accent-color: var(--primary); }
html.dark:not(.hc) .stp-qa { color: var(--ok); }
html.dark:not(.hc) .btn-success, html.dark:not(.hc) .btn-primary, html.dark:not(.hc) .tm-go { background: #2F7A5F !important; border-color: #2F7A5F !important; color: #FFFFFF !important; box-shadow: 0 6px 16px rgba(47, 122, 95, .26) !important; }
html.dark:not(.hc) .btn-success:hover, html.dark:not(.hc) .btn-primary:hover, html.dark:not(.hc) .tm-go:hover { background: #276B53 !important; border-color: #276B53 !important; }
html.dark:not(.hc) .btn-success:active, html.dark:not(.hc) .btn-primary:active, html.dark:not(.hc) .tm-go:active { box-shadow: 0 3px 8px rgba(47, 122, 95, .22) !important; }
html.dark:not(.hc) .btn-success:focus-visible, html.dark:not(.hc) .btn-primary:focus-visible, html.dark:not(.hc) .tm-go:focus-visible { outline: 3px solid #41544B; }
html.dark:not(.hc) .tm-go svg, html.dark:not(.hc) .btn-success.btn-lg > svg:first-child { background: rgba(27,27,27,0.2); }
html.dark:not(.hc) .tm-chg, html.dark:not(.hc) .tm-other, html.dark:not(.hc) .tm-whyd > summary, html.dark:not(.hc) .tm-why summary, html.dark:not(.hc) .wl2-note a, html.dark:not(.hc) .kid-gate .btn-link { text-decoration: none; }
html.dark:not(.hc) .hp-list .hp-row.hp-talk { background: #2F7A5F; border-color: #2F7A5F; box-shadow: 0 8px 20px rgba(47, 122, 95, .24); }
html.dark:not(.hc) .hp-list .hp-row.hp-talk b { color: #FFFFFF; }
html.dark:not(.hc) .hp-list .hp-row.hp-talk small { color: #F3FAF6; }
html.dark:not(.hc) .hp-list .hp-row.hp-talk .hp-art { background: rgba(27,27,27,0.2) !important; color: #FFFFFF !important; }
html.dark:not(.hc) .hp-list .hp-row.hp-talk .chev { color: #D7ECDF; }
html.dark:not(.hc) .tm-alist .tm-topic { background: #1A201C; }
html.dark:not(.hc) .tm-alist .tm-topic b { color: #C7D9D1; }
html.dark:not(.hc) .legal-links { color: var(--muted); }
html.dark:not(.hc) .legal-links a { color: #BFD0D8; text-decoration: none; }
html.dark:not(.hc) .brand { text-decoration: none; }
html.dark:not(.hc) .theme-set { border-bottom: 1px solid #3A423D; }
html.dark:not(.hc) .theme-set .chip.on { background: #2F6B52; color: #fff; border-color: #2F6B52; }
html.dark:not(.hc) .mc-grid span.on.m1, html.dark:not(.hc) .mc-grid span.on.m2, html.dark:not(.hc) .mc-grid span.on.m3, html.dark:not(.hc) .mc-grid span.on.m4 { color: #D9E4E0; }

html.dark:not(.hc) .gf-scene { background-image: url(../img/garden/scene-night.svg) !important; background-color: #14294A; box-shadow: 0 14px 34px rgba(0, 0, 0, .4); }
html.dark:not(.hc) .gf-p img { filter: brightness(.9) saturate(.92); }
html.dark:not(.hc) .wl2-lang button.on, html.dark:not(.hc) [data-lang].on, html.dark:not(.hc) [data-lang][aria-pressed="true"] { color: #FFFFFF; }
html.dark:not(.hc) .mc-grid span.on.m1, html.dark:not(.hc) .mc-grid span.on.m2, html.dark:not(.hc) .mc-grid span.on.m3, html.dark:not(.hc) .mc-grid span.on.m4 { color: #10201A; }