/* Wygenerowane przez tools/build-dark.js — nie edytuj ręcznie. Ciemny motyw: <html data-theme="dark">. */

/* styles.css */
:root[data-theme="dark"] body { background: linear-gradient(180deg, #1b1836 0%, #1b2538 100%); }
:root[data-theme="dark"] .overline.gold { color: #e6dac4; }
:root[data-theme="dark"] .flag { border: 3px solid #201d2a; }
:root[data-theme="dark"] .card { border: 1px solid rgba(38, 35, 53, 0.85); }
:root[data-theme="dark"] .gem-pill { background: #1e153f; }
:root[data-theme="dark"] .dot { background: #302d3e; }
:root[data-theme="dark"] .focus-top .card-title { color: #dddce3; }
:root[data-theme="dark"] .pnode { border: 4px solid #201d2a; }
:root[data-theme="dark"] .pnode.locked { background: #302d3e; color: #a4a1b4; }
:root[data-theme="dark"] .banner.unlock div, :root[data-theme="dark"] .banner.unlock span { color: #eee3d8; }
:root[data-theme="dark"] .badge-card { background: #473c15; }
:root[data-theme="dark"] .badge-card .gem-pill { background: #201d2a; }
:root[data-theme="dark"] .sc-icon { background: #422b13; }
:root[data-theme="dark"] .wday.done .wd-icon { background: #422b13; }
:root[data-theme="dark"] .wday.frozen .wd-icon { background: #132c42; }
:root[data-theme="dark"] .shop-icon { background: #132c42; }
:root[data-theme="dark"] .nav { background: #201d2a; border-top: 1px solid #272335; }
:root[data-theme="dark"] .nav button { color: #c3c1cd; }
:root[data-theme="dark"] .pp-stats > div { background: #201d2a; }
:root[data-theme="dark"] .pp-stats span { color: #918da6; }
:root[data-theme="dark"] .pp-exam.ok { background: #1e3927; color: #c8e0d1; }
:root[data-theme="dark"] .pp-exam.warn { background: #422b13; color: #e0cbbd; }
:root[data-theme="dark"] .switch span { background: #201d2a; }
:root[data-theme="dark"] .st-stop.on .st-dot { background: #201d2a; }

/* plan-hero.css */
:root[data-theme="dark"] .hero { color: #d4d7e5; background: radial-gradient(38% 55% at 14% 62%, rgba(22, 26, 71, 0.85) 0%, rgba(22, 26, 71, 0) 72%),
    radial-gradient(55% 70% at 0% 100%, rgba(32, 22, 71, 0.95) 0%, rgba(32, 22, 71, 0) 70%),
    radial-gradient(45% 60% at 100% 55%, rgba(42, 84, 83, 0.9) 0%, rgba(42, 84, 83, 0) 70%),
    linear-gradient(115deg, #182d4a 0%, #1c364b 45%, #224f4a 100%); }
:root[data-theme="dark"] .hero::before { border: 70px solid rgba(32, 29, 42, 0.2); }
:root[data-theme="dark"] .hero::after { border: 56px solid rgba(32, 29, 42, 0.18); }
:root[data-theme="dark"] .ph-title { color: #d4d7e5; }
:root[data-theme="dark"] .ph-mode { background: rgba(32, 29, 42, 0.75); }
:root[data-theme="dark"] .ph-mode:hover { background: #201d2a; }
:root[data-theme="dark"] .ph-settings { color: #d4d7e5; background: rgba(32, 29, 42, 0.7); }
:root[data-theme="dark"] .ph-settings:hover { background: #201d2a; }
:root[data-theme="dark"] .ph-task { background: #201d2a; }
:root[data-theme="dark"] .ph-label { color: #d8dae3; }
:root[data-theme="dark"] .ph-num { color: #c4c4ca; }
:root[data-theme="dark"] .ph-num b { color: #c4c4ca; }
:root[data-theme="dark"] .ph-bar i::before { background: rgba(32, 29, 42, 0.55); }
:root[data-theme="dark"] .ph-task.going .ph-bar i::after { background: #201d2a; }
:root[data-theme="dark"] .ph-cta::after { background: linear-gradient(100deg, transparent, rgba(32, 29, 42, 0.5), transparent); }
:root[data-theme="dark"] .ripple { background: rgba(32, 29, 42, 0.45); }
:root[data-theme="dark"] .hero .plan-focus { background: rgba(32, 29, 42, 0.55); }
:root[data-theme="dark"] .hero .plan-focus .focus-top .card-title { color: #d4d7e5; }
:root[data-theme="dark"] .ph-sq { box-shadow: inset 0 2px 0 rgba(32, 29, 42, 0.35), inset 0 -3px 0 rgba(0, 0, 0, 0.12), 0 4px 10px rgba(40, 60, 120, 0.18); }
:root[data-theme="dark"] .ph-art-icon { background: #473a15; }
:root[data-theme="dark"] .ph-sub { color: #b3b6c2; }
:root[data-theme="dark"] .ph-mode.static:hover { background: rgba(32, 29, 42, 0.75); }
:root[data-theme="dark"] .sh-sub { color: #7b82a6; }
:root[data-theme="dark"] .ln-art::before { background: radial-gradient(closest-side, rgba(32, 29, 42, 0.9), rgba(32, 29, 42, 0)); }
:root[data-theme="dark"] .ln-tile.done { background: linear-gradient(160deg, #201d2a -20%, #4c3e16 60%); box-shadow: inset 0 3px 0 rgba(32, 29, 42, 0.95), 0 8px 0 #f1d68c, 0 26px 40px -14px rgba(40, 60, 120, 0.4); }
:root[data-theme="dark"] .ln-new { box-shadow: 0 8px 16px -6px rgba(89, 110, 245, 0.8), inset 0 1px 0 rgba(32, 29, 42, 0.35); }
:root[data-theme="dark"] .ln-topic { color: #7b82a6; background: rgba(32, 29, 42, 0.78); }
:root[data-theme="dark"] .ln-en { color: #d4d7e5; }
:root[data-theme="dark"] .ln-say { background: #201d2a; }
:root[data-theme="dark"] .ln-pl { color: #a0a7bc; }
:root[data-theme="dark"] .ln-tile::after { background: linear-gradient(115deg, transparent 35%, rgba(32, 29, 42, 0.7) 50%, transparent 65%) no-repeat; }
:root[data-theme="dark"] .ln-rv { background: rgba(32, 29, 42, 0.55); }
:root[data-theme="dark"] .ln-rv-text { color: #d8dae3; }
:root[data-theme="dark"] .ln-rv-open { color: #a5aabc; }
:root[data-theme="dark"] .ln-rv-name { color: #d8dae3; }
:root[data-theme="dark"] .ln-rv-go { background: #201d2a; }
:root[data-theme="dark"] .ln-tile { box-shadow: 0 9px 0 -1px rgba(97, 67, 255, 0.28), 0 28px 44px -16px rgba(60, 50, 160, 0.45), inset 0 2px 0 rgba(32, 29, 42, 0.9); }
:root[data-theme="dark"] .ln-tile .ln-pic::after { background: linear-gradient(170deg, rgba(32, 29, 42, 0.38) 0%, rgba(32, 29, 42, 0) 38%); }
:root[data-theme="dark"] .ln-tile:hover { box-shadow: 0 9px 0 -1px rgba(97, 67, 255, 0.34), 0 34px 50px -16px rgba(60, 50, 160, 0.55), inset 0 2px 0 rgba(32, 29, 42, 0.9); }
:root[data-theme="dark"] .ln-tile.done { background: linear-gradient(160deg, #201d2a 10%, #4c3e16) padding-box, linear-gradient(135deg, #ffd24d, #ff9a1f) border-box; }
:root[data-theme="dark"] .ln-cefr { box-shadow: inset 0 1.5px 0 rgba(32, 29, 42, 0.45), inset 0 -2px 0 rgba(40, 20, 140, 0.25), 0 5px 12px -3px rgba(97, 67, 255, 0.55); }
:root[data-theme="dark"] .ln-topic { background: linear-gradient(180deg, #201d2a, #1c2134); box-shadow: inset 0 1.5px 0 #201d2a, 0 5px 12px -4px rgba(40, 70, 140, 0.25); color: #ccced5; }
:root[data-theme="dark"] .rd-test { background: rgba(32, 29, 42, 0.8); }
:root[data-theme="dark"] .rd-test b { color: #d8dae3; }
:root[data-theme="dark"] .rd-test small { color: #b3b6c2; }
:root[data-theme="dark"] .rd-test-ic { box-shadow: inset 0 2px 0 rgba(32, 29, 42, 0.4); }
:root[data-theme="dark"] .rd-circle { border: 5px solid #201d2a; }
:root[data-theme="dark"] .rd-node.lock .rd-circle { background: #2e2c3c; color: #c1bfcf; }
:root[data-theme="dark"] .rd-score { background: #201d2a; }
:root[data-theme="dark"] .rd-label small { color: #a5aabc; }
:root[data-theme="dark"] .rd-label b { color: #d4d7e5; }
:root[data-theme="dark"] .rd-label.lock b { color: #c1bfcf; }
:root[data-theme="dark"] .rd-finish { border: 4px solid #201d2a; }
:root[data-theme="dark"] .rd-empty { color: #a5aabc; }
:root[data-theme="dark"] .ln-rv-sub { color: #a5aabc; }

/* packs.css */
:root[data-theme="dark"] .pk-back { color: #d4d7e5; }
:root[data-theme="dark"] .pk-empty { color: #b3b6c2; }
:root[data-theme="dark"] .pk-card .ripple { background: rgba(32, 29, 42, 0.6); }
:root[data-theme="dark"] .pk-name { color: #d8dae3; }
:root[data-theme="dark"] .pk-chev { color: #d8dae3; }
:root[data-theme="dark"] .pk-count { color: #b5b7c3; }
:root[data-theme="dark"] .pk-pill svg { background: rgba(32, 29, 42, 0.3); }
:root[data-theme="dark"] .cv-pop { background: #201d2a; }
:root[data-theme="dark"] .cv-pop button { color: #d8dae3; }
:root[data-theme="dark"] .cv-pop button:hover:not(:disabled) { background: #1a123d; }
:root[data-theme="dark"] .wr-en b { color: #d8dae3; }
:root[data-theme="dark"] .wr-say:hover { background: #19123e; }
:root[data-theme="dark"] .wr-pl { color: #b3b6c2; }
:root[data-theme="dark"] .cv-cta { background: linear-gradient(180deg, rgba(27, 24, 54, 0), #1b1836 45%); }
:root[data-theme="dark"] .cv-learn::after { background: linear-gradient(100deg, transparent, rgba(32, 29, 42, 0.45), transparent); }
:root[data-theme="dark"] .cv-learn .ripple { background: rgba(32, 29, 42, 0.45); }
:root[data-theme="dark"] .rs-card { background: #201d2a; }
:root[data-theme="dark"] .rs-text b { color: #d4d7e5; }
:root[data-theme="dark"] .rs-text > span { color: #b3b6c2; }
:root[data-theme="dark"] .rs-go .ripple { background: rgba(32, 29, 42, 0.5); }
:root[data-theme="dark"] .pick-go::after { background: linear-gradient(100deg, transparent, rgba(32, 29, 42, 0.5), transparent); }
:root[data-theme="dark"] .pick-go .ripple { background: rgba(32, 29, 42, 0.5); }
:root[data-theme="dark"] .wd-actions > span { background: #2a2d37; }
:root[data-theme="dark"] .wd-link { color: #b8bed0; }
:root[data-theme="dark"] .wd-link:hover { background: #19123e; }
:root[data-theme="dark"] .pick-top h2 { color: #d4d7e5; }
:root[data-theme="dark"] .pick-count { background: #1d123f; }
:root[data-theme="dark"] .pick-label { color: #b8bed0; }
:root[data-theme="dark"] .pick-en { color: #d4d7e5; }
:root[data-theme="dark"] .pick-pl { color: #b8bed0; }
:root[data-theme="dark"] .wd-en { color: #d4d7e5; }
:root[data-theme="dark"] .wd-body { background: #201d2a; }
:root[data-theme="dark"] .wd-pl { border-bottom: 1px solid #222633; }
:root[data-theme="dark"] .wd-pl b { color: #d8dae3; }
:root[data-theme="dark"] .wd-topic { background: #212733; color: #b8bed0; }
:root[data-theme="dark"] .wd-topic:hover { background: #1e1445; }
:root[data-theme="dark"] .wd-block { border-bottom: 1px solid #23252f; }
:root[data-theme="dark"] .wd-block p { color: #d8dae3; }
:root[data-theme="dark"] .wd-cta { background: linear-gradient(180deg, rgba(32, 29, 42, 0), #201d2a 12px); }
:root[data-theme="dark"] .wd-state.learning { color: #abb2c6; background: #202633; }
:root[data-theme="dark"] dialog.ask { background: #201d2a; color: #d4d7e5; }
:root[data-theme="dark"] .ask-box p { color: #a9acbc; }
:root[data-theme="dark"] .ask-input { border: 2px solid #282439; background: #1d1934; color: #d4d7e5; }
:root[data-theme="dark"] .ask-input:focus { background: #201d2a; }
:root[data-theme="dark"] .ask-btn.ghost { color: #8e93ac; background: #222532; }
:root[data-theme="dark"] .backup-nag { background: #413213; border: 1.5px solid #5a441a; }
:root[data-theme="dark"] .bn-text b { color: #e9decc; }
:root[data-theme="dark"] .bn-close:hover { background: #4e3c17; }
:root[data-theme="dark"] .dv-count { background: #1d123f; }
:root[data-theme="dark"] .dv-row { border-bottom: 1px solid #24262f; }
:root[data-theme="dark"] .dv-img.empty { border: 2px dashed #2a273e; }
:root[data-theme="dark"] .dv-text b { color: #d8dae3; }
:root[data-theme="dark"] .dv-text span { color: #b3b6c2; }
:root[data-theme="dark"] .dv-btn { border: 1.5px solid #282439; background: #201d2a; color: #cccdd5; }
:root[data-theme="dark"] .dv-btn:hover:not(:disabled) { background: #19113c; }
:root[data-theme="dark"] .dv-spin { border: 3px solid #282439; }
:root[data-theme="dark"] .dv-hint { color: #a9acbc; }
:root[data-theme="dark"] .dv-select { border: 1.5px solid #282439; background: #201d2a; color: #d8dae3; }
:root[data-theme="dark"] .dv-err { background: #3d1212; }
:root[data-theme="dark"] .dv-snd { background: #24222f; }
:root[data-theme="dark"] .dv-snd.on { background: #1e3b28; }
:root[data-theme="dark"] .dv-snd.new { background: #1d123f; }
:root[data-theme="dark"] .toast-undo { background: rgba(32, 29, 42, 0.16); }
:root[data-theme="dark"] .toast-undo:hover { background: rgba(32, 29, 42, 0.26); }
:root[data-theme="dark"] .tf-tile { background: #151341; box-shadow: 0 6px 0 #1a1750; }
:root[data-theme="dark"] .tf-pl { color: #d8dae3; }
:root[data-theme="dark"] .tf-btn { border: 2px solid #252235; background: #201d2a; }
:root[data-theme="dark"] .tf-btn:hover:not(:disabled) { border-color: #252042; }
:root[data-theme="dark"] .pic-card kbd { background: rgba(32, 29, 42, 0.85); color: #9196b0; }
:root[data-theme="dark"] .ex-chip { border: 2px solid #272436; background: #111139; }
:root[data-theme="dark"] .ex-chip.on { background: #1c123e; }
:root[data-theme="dark"] .ex-tx b { color: #d8dae3; }
:root[data-theme="dark"] .ex-tx small { color: #b3b6c2; }
:root[data-theme="dark"] .ex-check { border: 2px solid #2f2c42; }
:root[data-theme="dark"] .tf-en .icon-btn:hover, :root[data-theme="dark"] .bw-say .icon-btn:hover { background: rgba(32, 29, 42, 0.7); }
:root[data-theme="dark"] .bw-level { color: #bfc2cf; }
:root[data-theme="dark"] .bw-slot { color: #d8dae3; }
:root[data-theme="dark"] .bw-fix { color: #bfc2cf; }
:root[data-theme="dark"] .bw-word { color: #d8dae3; }
:root[data-theme="dark"] .bw-slots.ok .bw-slot, :root[data-theme="dark"] .bw-slots.ok .bw-word { color: #c6e0d0; }
:root[data-theme="dark"] .bw-tile { border: 2px solid #252235; background: #201d2a; box-shadow: 0 6px 0 #282439; color: #d8dae3; }
:root[data-theme="dark"] .bw-tile:active:not(:disabled) { box-shadow: 0 3px 0 #282439; }
:root[data-theme="dark"] .pr-hint { color: #bfc2cf; }
:root[data-theme="dark"] .pr-btn { background: #201d2a; color: #d8dae3; }
:root[data-theme="dark"] .wd-step::before { background: #282439; }
:root[data-theme="dark"] .wd-step i { background: #201d2a; border: 3px solid #2a273e; }
:root[data-theme="dark"] .wd-level { color: #7b82a6; }
:root[data-theme="dark"] .wd-level b { color: #d8dae3; }
:root[data-theme="dark"] .wd-meta { color: #bfc2cf; }
:root[data-theme="dark"] .prompt-en .icon-btn, :root[data-theme="dark"] .word-en .icon-btn, :root[data-theme="dark"] .bw-say .icon-btn, :root[data-theme="dark"] .example .icon-btn, :root[data-theme="dark"] .mistake .icon-btn { color: #bfc2cf; }
:root[data-theme="dark"] .sync-ok { color: #c6e0d0; }
:root[data-theme="dark"] .sync-pin input { border: 1.5px solid #282439; }
:root[data-theme="dark"] .ph-art-icon:has(.art3d) { background: #473c15; }
:root[data-theme="dark"] .set-icon.glossy { box-shadow: inset 0 2px 0 rgba(32, 29, 42, 0.35), inset 0 -3px 0 rgba(0, 0, 0, 0.12), 0 4px 10px rgba(40, 60, 120, 0.16); }
:root[data-theme="dark"] .listen { box-shadow: inset 0 4px 0 rgba(32, 29, 42, 0.35), inset 0 -6px 0 rgba(40, 20, 120, 0.25), 0 16px 30px -10px rgba(99, 87, 250, 0.75); }
:root[data-theme="dark"] .listen:hover { box-shadow: inset 0 4px 0 rgba(32, 29, 42, 0.35), inset 0 -6px 0 rgba(40, 20, 120, 0.25), 0 22px 38px -10px rgba(99, 87, 250, 0.85); }
:root[data-theme="dark"] .opt { border: 2px solid #252037; background: #201d2a; box-shadow: 0 6px 0 #252036, 0 10px 22px -14px rgba(60, 60, 140, 0.35); }
:root[data-theme="dark"] .opt:hover:not(:disabled) { border-color: #251a58; box-shadow: 0 8px 0 #1e1445, 0 14px 26px -14px rgba(97, 67, 255, 0.45); }
:root[data-theme="dark"] .opt:active:not(:disabled) { box-shadow: 0 2px 0 #1e1445; }
:root[data-theme="dark"] .opt kbd { background: #19123e; box-shadow: inset 0 -2px 0 #1e1548; }
:root[data-theme="dark"] .opt.ok { box-shadow: 0 6px 0 #2b4835; }
:root[data-theme="dark"] .opt.bad { box-shadow: 0 6px 0 #492121; }
:root[data-theme="dark"] .opt.picked { box-shadow: 0 6px 0 #20154a; }
:root[data-theme="dark"] .study { background: linear-gradient(180deg, #201d2a 0%, #1a113b 100%); }
:root[data-theme="dark"] .promo { box-shadow: inset 0 2px 0 rgba(32, 29, 42, 0.7), 0 10px 24px -14px rgba(60, 60, 140, 0.35); }
:root[data-theme="dark"] .promo b { color: #d8dae3; }
:root[data-theme="dark"] .promo span { color: #a5a8bc; }
:root[data-theme="dark"] .promo-x { background: rgba(32, 29, 42, 0.6); color: #b3b6c2; }
:root[data-theme="dark"] .promo-x:hover { background: #201d2a; color: #d8dae3; }
:root[data-theme="dark"] .voc-menu { background: #201d2a; }
:root[data-theme="dark"] .voc-row + .voc-row { box-shadow: 0 -1px 0 #242132; }
:root[data-theme="dark"] .voc-row:hover { background: #19113c; }
:root[data-theme="dark"] .voc-row b { color: #d8dae3; }
:root[data-theme="dark"] .voc-n { color: #c4c4ca; }
:root[data-theme="dark"] .sh-empty { background: rgba(32, 29, 42, 0.6); color: #7b82a6; }
:root[data-theme="dark"] .pk-img.svg .pk-emoji { background: linear-gradient(160deg, #201d2a, #1c2134); }
:root[data-theme="dark"] .pc-dots i { background: #2b2e39; }
:root[data-theme="dark"] .pick-q { background: #1d123f; }
:root[data-theme="dark"] .pick-q:hover, :root[data-theme="dark"] .pick-q:focus { background: #201446; }
:root[data-theme="dark"] .sm-more:hover { background: #19123e; }
:root[data-theme="dark"] .cv-tabs { border-bottom: 1px solid #272536; }
:root[data-theme="dark"] .cv-tabs button { color: #bfc2cf; }
:root[data-theme="dark"] .cv-tabs button.on { color: #d4d7e5; }
:root[data-theme="dark"] .cv-links button:hover:not(:disabled) { background: #19123e; }
:root[data-theme="dark"] .lvl-chip { border: 2px solid #26213a; background: #201d2a; color: #bfc2cf; }
:root[data-theme="dark"] .lvl-chip.on { box-shadow: inset 0 1.5px 0 rgba(32, 29, 42, 0.4), 0 6px 14px -4px rgba(97, 67, 255, 0.55); }
:root[data-theme="dark"] .pg { background: #201d2a; }
:root[data-theme="dark"] .pg-ic { background: linear-gradient(180deg, #1d123e, #1d1443); box-shadow: inset 0 1.5px 0 rgba(32, 29, 42, 0.8); }
:root[data-theme="dark"] .pg-text b { color: #dcdde4; }
:root[data-theme="dark"] .pg-text > span:not(.pg-bar) { color: #bfc2cf; }
:root[data-theme="dark"] .pg-bar { background: #252235; }
:root[data-theme="dark"] .dv-zoom-card { background: #201d2a; }
:root[data-theme="dark"] .dv-zoom-card b { color: #dcdde4; }
:root[data-theme="dark"] .dv-zoom-card span { color: #bfc2cf; }
:root[data-theme="dark"] .dv-zoom-card small { color: #a2a5b6; }
:root[data-theme="dark"] .dv-review.good { background: #1f3a2b; color: #cae2d8; }
:root[data-theme="dark"] .dv-review.warn { background: #473a15; color: #e6dac4; }
:root[data-theme="dark"] .dv-review.bad { background: #431814; }
:root[data-theme="dark"] .dv-hint { color: #8e93aa; }
:root[data-theme="dark"] .rate-pop { background: #201d2a; }
:root[data-theme="dark"] .fb-sheet { background: #201d2a; }
:root[data-theme="dark"] .fb-mastered { background: #4b4016; color: #e6dac4; }
:root[data-theme="dark"] .pr-count { color: #bfc2cf; }
:root[data-theme="dark"] .pr-num { background: #1a123e; }
:root[data-theme="dark"] .pr-btn.sel { background: #213917; }
:root[data-theme="dark"] .pr-btn.hit { background: #184227; }
:root[data-theme="dark"] .pr-btn.bad { background: #3d1512; }
:root[data-theme="dark"] .fb-given.ok { color: #cae2d8; }
:root[data-theme="dark"] .prompt-hint { background: #433813; color: #e7dfc8; }
:root[data-theme="dark"] .tf-tile.bad { box-shadow: 0 6px 0 #492121, 0 0 0 4px rgba(220, 38, 38, 0.16); }
:root[data-theme="dark"] .tf-stamp { border: 4px solid #201d2a; }
:root[data-theme="dark"] .session-top .bar i.grew::after { background: linear-gradient(90deg, transparent, rgba(32, 29, 42, 0.65), transparent); }
:root[data-theme="dark"] .dunno-link { color: #bfc2cf; }
:root[data-theme="dark"] .fb-diff { background: rgba(32, 29, 42, 0.75); }
:root[data-theme="dark"] .fb-diff span { color: #bfc2cf; }
:root[data-theme="dark"] .fb-diff b { color: #d8dae3; }
:root[data-theme="dark"] .fb-diff mark.d-miss { color: #c6e0d0; }
:root[data-theme="dark"] dialog.wcard { background: #201d2a; color: #d4d7e5; }
:root[data-theme="dark"] .wc-x { background: rgba(32, 29, 42, 0.6); color: #d4d7e5; }
:root[data-theme="dark"] .wc-x:hover, :root[data-theme="dark"] .wc-x:focus-visible { background: #201d2a; }
:root[data-theme="dark"] .wc-pl { border-bottom: 1px solid #242732; }
:root[data-theme="dark"] .wc-pl small, :root[data-theme="dark"] .wc-mt small { color: #b4b7c5; }
:root[data-theme="dark"] .wc-mean.cur { background: #1b123d; }
:root[data-theme="dark"] .pc-card.cur::before { background: radial-gradient(circle, rgba(32, 29, 42, 0.75), transparent 68%); }
:root[data-theme="dark"] body:has(.pick-top) { background: radial-gradient(60% 34% at 12% 8%, rgba(150, 120, 255, 0.16), transparent 70%), radial-gradient(55% 30% at 92% 46%, rgba(110, 200, 255, 0.16), transparent 70%), radial-gradient(70% 26% at 30% 100%, rgba(120, 220, 120, 0.14), transparent 70%), #18123d; }
:root[data-theme="dark"] .pick-actions .wd-link { background: #201d2a; border: 2px solid #231f3c; box-shadow: 0 4px 0 #231f3c; color: #a6abc0; }
:root[data-theme="dark"] .pick-actions .wd-link:hover { background: #201d2a; border-color: #1f164d; box-shadow: 0 4px 0 #1f164d; }
:root[data-theme="dark"] .pick-actions .wd-link:active { box-shadow: 0 1px 0 #231f3c; }
:root[data-theme="dark"] .pick-actions .wd-link[data-act="pick-known"] { color: #c9dfc3; border-color: #304926; box-shadow: 0 4px 0 #304926; background: #1d3d12; }
:root[data-theme="dark"] .pick-actions .wd-link[data-act="pick-known"]:hover { color: #cfe4c9; }
:root[data-theme="dark"] .wc-top::before { background: radial-gradient(circle, rgba(32, 29, 42, 0.8), transparent 65%); }
:root[data-theme="dark"] .wc-pron { background: rgba(32, 29, 42, 0.7); }
:root[data-theme="dark"] .wc-sb { border: 2px solid #201d2a; background: rgba(32, 29, 42, 0.85); color: #c7cbd9; }
:root[data-theme="dark"] .wc-st { background: #1d2136; color: #7b82a6; }
:root[data-theme="dark"] .wc-st.learning { background: #132442; }
:root[data-theme="dark"] .wc-st.known { background: #4b4016; color: #e1d3be; }
:root[data-theme="dark"] .wc-note { background: #19113c; }
:root[data-theme="dark"] .wc-note.n-ex { background: #122a3f; }
:root[data-theme="dark"] .wc-note.n-mnemo { background: #453814; }
:root[data-theme="dark"] .wc-ni { background: #201d2a; }
:root[data-theme="dark"] .wc-expl { color: #a9acbc; }
:root[data-theme="dark"] .wc-exsay { background: #201d2a; }
:root[data-theme="dark"] .wc-act { border: 2px solid #231f3c; background: #201d2a; box-shadow: 0 4px 0 #231f3c; color: #7b82a6; }
:root[data-theme="dark"] .wc-act:hover { border-color: #1f164d; box-shadow: 0 4px 0 #1f164d; }
:root[data-theme="dark"] .wc-act:active { box-shadow: 0 1px 0 #231f3c; }
:root[data-theme="dark"] .wc-fav.on { border-color: #4e1726; box-shadow: 0 4px 0 #4e1726; background: #3d121e; }
:root[data-theme="dark"] .wc-ni { background: rgba(32, 29, 42, 0.9); }
:root[data-theme="dark"] .wc-act { box-shadow: 0 5px 0 #231f3c; }
:root[data-theme="dark"] .wc-act::after { background: linear-gradient(100deg, transparent, rgba(32, 29, 42, 0.85), transparent); }
:root[data-theme="dark"] .wc-act:hover { box-shadow: 0 7px 0 #1f164d; }
:root[data-theme="dark"] .wc-act:active { box-shadow: 0 1px 0 #231f3c; }
:root[data-theme="dark"] .wc-fav.on { box-shadow: 0 5px 0 #4e1726; }
:root[data-theme="dark"] .wc-fav.on:hover { box-shadow: 0 7px 0 #56192a; }
:root[data-theme="dark"] .session-top > .icon-btn { background: #201d2a; border: 2px solid #231e3c; box-shadow: 0 4px 0 #231e3c; color: #a6abc0; }
:root[data-theme="dark"] .session-top > .icon-btn:hover { background: #3b111e; }
:root[data-theme="dark"] .session-top > .icon-btn:active { box-shadow: 0 1px 0 #231e3c; }
:root[data-theme="dark"] .session-top .bar.thick i:not([style*="width:0%"])::before { background: rgba(32, 29, 42, 0.55); }
:root[data-theme="dark"] .session-top .bar.thick i::after { background: repeating-linear-gradient(115deg, transparent 0 10px, rgba(32, 29, 42, 0.16) 10px 20px); }
:root[data-theme="dark"] .gem-count { background: #1d123f; }
:root[data-theme="dark"] .card.study { border: 2px solid #211c3a; background: linear-gradient(180deg, #201d2a, #1a113b); box-shadow: 0 6px 0 #231e3c, 0 20px 34px -22px rgba(80, 60, 190, 0.45); }
:root[data-theme="dark"] .card.study > .badge { background: #1d123f; }
:root[data-theme="dark"] .dunno-link { border: 2px solid #231e3c; background: #201d2a; box-shadow: 0 4px 0 #231e3c; color: #a6abc0; }
:root[data-theme="dark"] .dunno-link:hover { background: #201d2a; border-color: #1f164d; box-shadow: 0 4px 0 #1f164d; }
:root[data-theme="dark"] .dunno-link:active { box-shadow: 0 1px 0 #231e3c; }
:root[data-theme="dark"] .fb-sheet { background: linear-gradient(180deg, #201d2a, #1a113b); box-shadow: 0 8px 0 rgba(32, 29, 42, 0.35), 0 28px 70px -20px rgba(20, 18, 60, 0.6); }
:root[data-theme="dark"] .fb-sheet .feedback.ok { border-color: #2b4835; box-shadow: 0 5px 0 #2b4835; }
:root[data-theme="dark"] .fb-sheet .feedback.bad { border-color: #492121; box-shadow: 0 5px 0 #492121; }
:root[data-theme="dark"] .fb-sheet .feedback.typo { border-color: #513c20; box-shadow: 0 5px 0 #513c20; }
:root[data-theme="dark"] .fb-sheet .feedback::before { background: radial-gradient(circle, rgba(32, 29, 42, 0.85), transparent 70%); }
:root[data-theme="dark"] .fb-sheet .gain { background: #201d2a; }
:root[data-theme="dark"] .fb-sheet .pron { background: rgba(32, 29, 42, 0.75); }
:root[data-theme="dark"] .fb-sheet .btn.wide::after { background: linear-gradient(100deg, transparent, rgba(32, 29, 42, 0.5), transparent); }
:root[data-theme="dark"] dialog.ask { background: linear-gradient(180deg, #201d2a, #1a113b); box-shadow: 0 8px 0 rgba(32, 29, 42, 0.3), 0 30px 70px rgba(20, 20, 60, 0.4); }
:root[data-theme="dark"] .ask-btn:not(.ghost)::after { background: linear-gradient(100deg, transparent, rgba(32, 29, 42, 0.5), transparent); }
:root[data-theme="dark"] .ask-btn.ghost { color: #a6abc0; background: #201d2a; border: 2px solid #231f3c; box-shadow: 0 5px 0 #231f3c; }
:root[data-theme="dark"] .ask-btn.ghost:hover { border-color: #1f164d; box-shadow: 0 5px 0 #1f164d; }
:root[data-theme="dark"] .ask-btn.ghost:active { box-shadow: 0 1px 0 #231f3c; }
:root[data-theme="dark"] .fb-sheet .mnemo { background: rgba(69, 56, 20, 0.9); }
:root[data-theme="dark"] .fb-sheet .example.fb-ex { background: rgba(18, 42, 63, 0.9); }
:root[data-theme="dark"] .ex-pl { color: #a9acbc; }
:root[data-theme="dark"] .fb-tool { border: 2px solid rgba(32, 29, 42, 0.9); background: rgba(32, 29, 42, 0.8); color: #7b82a6; }
:root[data-theme="dark"] .fb-fav.on { background: #3d121e; }
:root[data-theme="dark"] .tf-btns .tf-btn:not(:disabled)::before { background: linear-gradient(100deg, transparent, rgba(32, 29, 42, 0.45), transparent); }
:root[data-theme="dark"] .card.study .tf-tile { background: linear-gradient(180deg, #17123f, #1b1841); }
:root[data-theme="dark"] .pic-card { border: 4px solid #201d2a; }
:root[data-theme="dark"] .pic-card::after { background: linear-gradient(180deg, rgba(32, 29, 42, 0.22), transparent 35%); }
:root[data-theme="dark"] .pic-card kbd { background: #201d2a; box-shadow: 0 2px 0 #1e1548; }
:root[data-theme="dark"] .pr-btn { border: 2px solid #1f1a3f; background: linear-gradient(180deg, #201d2a, #16113a); box-shadow: 0 5px 0 #251e42, 0 12px 18px -12px rgba(60, 50, 140, 0.4); }
:root[data-theme="dark"] .pr-col + .pr-col .pr-btn { border-color: #432d1f; background: linear-gradient(180deg, #201d2a, #3b2411); box-shadow: 0 5px 0 #483224, 0 12px 18px -12px rgba(160, 90, 40, 0.35); }
:root[data-theme="dark"] .pr-col + .pr-col .pr-num { background: #412513; }
:root[data-theme="dark"] .pr-btn:active:not(:disabled) { box-shadow: 0 1px 0 #251e42; }
:root[data-theme="dark"] .pr-btn.sel { background: linear-gradient(180deg, #213d12, #263f1a); }
:root[data-theme="dark"] .pr-btn.hit, :root[data-theme="dark"] .pr-btn.done { background: #1e3b26; }
:root[data-theme="dark"] .pr-btn.bad { background: #3d1512; box-shadow: 0 5px 0 #492121; }
:root[data-theme="dark"] .pr-count { background: #201d2a; box-shadow: 0 3px 0 #231e3c; color: #a6abc0; }
:root[data-theme="dark"] .prompt-hint { border: 2px solid #5b4a1a; background: linear-gradient(180deg, #403813, #4b4016); box-shadow: 0 4px 0 #5b4a1a; }
:root[data-theme="dark"] .type-box input { border: 2px solid #282439; background: #201d2a; box-shadow: 0 5px 0 #231e3c; }
:root[data-theme="dark"] .type-actions .btn.ghost { border: 2px solid #231e3c; background: #201d2a; color: #a6abc0; box-shadow: 0 5px 0 #231e3c; }
:root[data-theme="dark"] .type-actions .btn.ghost:hover { border-color: #1f164d; box-shadow: 0 5px 0 #1f164d; }
:root[data-theme="dark"] .type-box input:focus { box-shadow: 0 5px 0 #21164a, 0 0 0 5px rgba(97, 67, 255, 0.14); }
:root[data-theme="dark"] .type-actions .btn.primary::after { background: linear-gradient(100deg, transparent, rgba(32, 29, 42, 0.5), transparent); }
:root[data-theme="dark"] .bgfx-veil { background: linear-gradient(180deg, rgba(25, 17, 60, 0.72), rgba(25, 17, 60, 0.5) 60%, rgba(25, 17, 60, 0.66)); }
:root[data-theme="dark"] [data-scene="doodle"] .bgfx-veil { background: linear-gradient(180deg, rgba(25, 17, 60, 0.5), rgba(25, 17, 60, 0.3)); }
:root[data-theme="dark"] .sx-hero { background: linear-gradient(160deg, #20123f, #131c42 60%, #143244); border: 2px solid #201d2a; box-shadow: 0 7px 0 #251e44, 0 24px 34px -22px rgba(80, 60, 190, 0.5); }
:root[data-theme="dark"] .sx-rays { background: repeating-conic-gradient(from 0deg, rgba(32, 29, 42, 0.55) 0 10deg, transparent 10deg 24deg); }
:root[data-theme="dark"] .sx-title { color: #d4d7e5; text-shadow: 0 3px 0 rgba(32, 29, 42, 0.9); }
:root[data-theme="dark"] .sx-chips span { background: rgba(32, 29, 42, 0.85); color: #8e93ac; }
:root[data-theme="dark"] .sx-chips b { color: #d4d7e5; }
:root[data-theme="dark"] .sx-h { color: #d4d7e5; }
:root[data-theme="dark"] .sx-tile { background: #201d2a; border: 2px solid #211c3a; box-shadow: 0 6px 0 #211b40, 0 16px 22px -16px rgba(60, 50, 140, 0.45); }
:root[data-theme="dark"] .sx-tile:hover { box-shadow: 0 10px 0 #211b40, 0 20px 26px -16px rgba(60, 50, 140, 0.5); }
:root[data-theme="dark"] .sx-tl { color: #a9acbc; }
:root[data-theme="dark"] .sx-card, :root[data-theme="dark"] .sx-mini { background: #201d2a; border: 2px solid #211c3a; box-shadow: 0 6px 0 #211b40, 0 16px 22px -16px rgba(60, 50, 140, 0.4); }
:root[data-theme="dark"] .sx-lang { background: linear-gradient(160deg, #1d3d12, #201d2a); border-color: #304624; box-shadow: 0 6px 0 #354929, 0 16px 22px -16px rgba(60, 150, 30, 0.35); }
:root[data-theme="dark"] .sx-flag { border: 3px solid #201d2a; }
:root[data-theme="dark"] .sx-lrow h3 { color: #d4d7e5; }
:root[data-theme="dark"] .sx-lang small { color: #b4b7c5; }
:root[data-theme="dark"] .sx-head h3 { color: #d4d7e5; }
:root[data-theme="dark"] .sx-head b { background: #1d123f; }
:root[data-theme="dark"] .sx-streak { background: linear-gradient(160deg, #3f2c12, #201d2a); border-color: #533918; box-shadow: 0 6px 0 #593d1a, 0 16px 22px -16px rgba(220, 130, 30, 0.4); }
:root[data-theme="dark"] .sx-streak .sx-head b { background: #4a3215; }
:root[data-theme="dark"] .sx-day i { background: #201d2a; border: 2px solid #40372a; box-shadow: 0 4px 0 #40372a; }
:root[data-theme="dark"] .sx-day.now i { box-shadow: 0 4px 0 #5f3f1c, 0 0 0 4px rgba(255, 180, 92, 0.25); }
:root[data-theme="dark"] .sx-day.done i { background: linear-gradient(180deg, #453214, #533918); }
:root[data-theme="dark"] .sx-day.prize i { background: #1e123f; border-color: #21164a; box-shadow: 0 4px 0 #21164a; }
:root[data-theme="dark"] .sx-day small { color: #cbc1b4; }
:root[data-theme="dark"] .sx-note { background: #453114; color: #e3d3be; }
:root[data-theme="dark"] .sx-mini h4 { color: #d4d7e5; }
:root[data-theme="dark"] .sx-mrows span { color: #b4b7c5; }
:root[data-theme="dark"] .sx-chips span.prize { background: linear-gradient(180deg, #473c15, #59491a); color: #e6dac4; }
:root[data-theme="dark"] .sx-cta { background: linear-gradient(to top, rgba(26, 18, 61, 0.92) 70%, transparent); }
:root[data-theme="dark"] .wd-hero::before { background: radial-gradient(circle, rgba(32, 29, 42, 0.8), transparent 65%); }
:root[data-theme="dark"] .wd-bar .pk-back { background: #201d2a; border: 2px solid rgba(32, 29, 42, 0.9); }
:root[data-theme="dark"] .wd-pron { background: rgba(32, 29, 42, 0.7); }
:root[data-theme="dark"] .wd-sb { border: 2px solid #201d2a; background: rgba(32, 29, 42, 0.9); color: #c7cbd9; }
:root[data-theme="dark"] .wd-topic { border: 2px solid #231e3c; background: #201d2a; box-shadow: 0 4px 0 #231e3c; }
:root[data-theme="dark"] .wd-topic:hover { background: #201d2a; border-color: #1f164d; box-shadow: 0 6px 0 #1f164d; }
:root[data-theme="dark"] .wd-block.wd-prog { border: 2px solid #211c3a; background: linear-gradient(160deg, #1d113a, #201d2a); box-shadow: 0 5px 0 #211b40; }
:root[data-theme="dark"] .wd-cta .wd-link { border: 2px solid #231f3c; background: #201d2a; box-shadow: 0 5px 0 #231f3c; }
:root[data-theme="dark"] .wd-cta .wd-link:hover { border-color: #1f164d; box-shadow: 0 7px 0 #1f164d; background: #201d2a; }
:root[data-theme="dark"] .wd-cta .wd-link:active { box-shadow: 0 1px 0 #231f3c; }
:root[data-theme="dark"] .wd-badges .ln-cefr::after { background: linear-gradient(100deg, transparent, rgba(32, 29, 42, 0.6), transparent); }
:root[data-theme="dark"] .wd-step::before { background: #231e3c; }
:root[data-theme="dark"] .wd-step i { border: 3px solid #2a273e; background: #201d2a; box-shadow: 0 3px 0 #211b40; }
:root[data-theme="dark"] .wd-step.cur::before { background: linear-gradient(90deg, #3fc40f, #231e3c); }
:root[data-theme="dark"] .wd-step.done i { border-color: #201d2a; }
:root[data-theme="dark"] .wd-step.cur i { border-color: #201d2a; }
:root[data-theme="dark"] .wd-step.cur i::after { background: #201d2a; }
:root[data-theme="dark"] .wd-level { background: #1a123e; color: #7b82a6; }
:root[data-theme="dark"] .wd-meta span { background: #201d2a; border: 2px solid #211c3a; box-shadow: 0 4px 0 #211b40; color: #bfc2cf; }
:root[data-theme="dark"] .wd-block .chip { border: 2px solid #231e3c; background: #201d2a; box-shadow: 0 4px 0 #231e3c; color: #7b82a6; }
:root[data-theme="dark"] .wd-block .chip:hover { box-shadow: 0 6px 0 #1f164d; border-color: #1f164d; }
:root[data-theme="dark"] .wd-block .chip:active { box-shadow: 0 1px 0 #231e3c; }
:root[data-theme="dark"] .wd-block .chip.dashed { color: #bfc2cf; }
:root[data-theme="dark"] .wd-state.learning::after { background: linear-gradient(100deg, transparent, rgba(32, 29, 42, 0.45), transparent); }
:root[data-theme="dark"] .wd-state.learning .wd-ring { box-shadow: 0 0 0 3px rgba(32, 29, 42, 0.25); }
:root[data-theme="dark"] .wd-state.known::after { background: linear-gradient(100deg, transparent, rgba(32, 29, 42, 0.45), transparent); }
:root[data-theme="dark"] .pg { border: 2px solid #211c3a; box-shadow: 0 6px 0 #211b40, 0 16px 22px -16px rgba(60, 50, 140, 0.4); }
:root[data-theme="dark"] .pg:hover { box-shadow: 0 8px 0 #211b40, 0 20px 26px -16px rgba(60, 50, 140, 0.45); }
:root[data-theme="dark"] .pg.open { border-color: #1f164d; box-shadow: 0 6px 0 #1f164d, 0 16px 22px -16px rgba(97, 67, 255, 0.45); }
:root[data-theme="dark"] .pg-ic { background: linear-gradient(160deg, #1f123c, #1f1343); box-shadow: inset 0 -3px 0 rgba(97, 67, 255, 0.12), 0 3px 0 #211b40; }
:root[data-theme="dark"] .pg.open .pg-ic { background: linear-gradient(160deg, #211340, #211549); }
:root[data-theme="dark"] .pg-chev { background: #201d2a; border: 2px solid #231e3c; box-shadow: 0 3px 0 #231e3c; }
:root[data-theme="dark"] .pg-head:hover .pg-chev { background: #201d2a; border-color: #1f164d; box-shadow: 0 3px 0 #1f164d; }
:root[data-theme="dark"] .pk-card { border: 2px solid rgba(32, 29, 42, 0.85); }
:root[data-theme="dark"] .pk-card::before { background: radial-gradient(circle at 12% 88%, rgba(32, 29, 42, 0.35) 0 16px, transparent 17px), radial-gradient(circle at 60% 12%, rgba(32, 29, 42, 0.3) 0 9px, transparent 10px), radial-gradient(circle at 96% 78%, rgba(32, 29, 42, 0.3) 0 22px, transparent 23px); }
:root[data-theme="dark"] .pk-card::after { background: linear-gradient(100deg, transparent, rgba(32, 29, 42, 0.5), transparent); }
:root[data-theme="dark"] .pk-name { text-shadow: 0 2px 0 rgba(32, 29, 42, 0.5); }
:root[data-theme="dark"] .pk-count { color: #979db6; }
:root[data-theme="dark"] .pk-pill { border: 2px solid rgba(32, 29, 42, 0.9); }
:root[data-theme="dark"] .sub-hero { background: radial-gradient(38% 55% at 14% 62%, rgba(22, 26, 71, 0.85), transparent 72%), radial-gradient(55% 70% at 0% 100%, rgba(32, 22, 71, 0.95), transparent 70%), radial-gradient(45% 60% at 100% 55%, rgba(42, 84, 83, 0.9), transparent 70%), linear-gradient(115deg, #182d4a 0%, #1a2d4a 45%, #234643 100%); }
:root[data-theme="dark"] .sub-hero .sh-back { background: #201d2a; border: 2px solid rgba(32, 29, 42, 0.9); }
:root[data-theme="dark"] .sub-hero .ph-title { text-shadow: 0 3px 0 rgba(32, 29, 42, 0.7); }
:root[data-theme="dark"] .sub-hero .ph-task { border: 2px solid #201d2a; background: linear-gradient(180deg, #201d2a, #1a113b); }
:root[data-theme="dark"] .sub-hero .ph-task.sel { background: linear-gradient(180deg, #20113c, #201341); }
:root[data-theme="dark"] .sub-hero .ph-num { background: #1a123e; box-shadow: 0 3px 0 #211b40; }
:root[data-theme="dark"] .sub-hero .ph-task.going .ph-num { background: #132943; box-shadow: 0 3px 0 #1b2f49; }
:root[data-theme="dark"] .card.study.intro .pron { background: #1d123f; }
:root[data-theme="dark"] .card.study.intro .word-pl { color: #d4d7e5; }
:root[data-theme="dark"] .card.study.intro .mnemo { background: #453814; border: 2px solid #5b4a1a; box-shadow: 0 4px 0 #5b4a1a; }
:root[data-theme="dark"] .card.study.intro .example.fb-ex { background: #122a3f; border: 2px solid #1a3247; box-shadow: 0 4px 0 #1a3247; }
:root[data-theme="dark"] .card.study.intro .fb-ex .icon-btn { background: #201d2a url(assets/ui/btn-speaker.png) center / 28px no-repeat; }
:root[data-theme="dark"] .card.study.intro .fb-ex .icon-btn:hover { background-color: #201d2a; }
:root[data-theme="dark"] .card.study.intro > .muted.small { background: #1a123e; }
:root[data-theme="dark"] .card.study.intro ~ .btn.wide::after { background: linear-gradient(100deg, transparent, rgba(32, 29, 42, 0.5), transparent); }
:root[data-theme="dark"] .intro-actions .wd-link { background: #201d2a; border: 2px solid #231f3c; box-shadow: 0 4px 0 #231f3c; color: #a6abc0; }
:root[data-theme="dark"] .intro-actions .wd-link:hover { background: #201d2a; border-color: #1f164d; box-shadow: 0 4px 0 #1f164d; }
:root[data-theme="dark"] .intro-actions .wd-link:active { box-shadow: 0 1px 0 #231f3c; }
:root[data-theme="dark"] .intro-actions .wd-link[data-act="intro-known"] { color: #c9dfc3; border-color: #304926; box-shadow: 0 4px 0 #304926; background: #1d3d12; }
:root[data-theme="dark"] .cx-hero::before { border: 46px solid rgba(32, 29, 42, 0.28); }
:root[data-theme="dark"] .cx-hero::after { border: 38px solid rgba(32, 29, 42, 0.24); }
:root[data-theme="dark"] .cx-btn { border: 2px solid rgba(32, 29, 42, 0.95); background: #201d2a; color: #d4d7e5; }
:root[data-theme="dark"] .cx-pop { border: 2px solid #211c3a; background: #201d2a; box-shadow: 0 6px 0 #211b40, 0 24px 34px -14px rgba(50, 40, 120, 0.55); }
:root[data-theme="dark"] .cx-pop button { color: #c7cbd9; }
:root[data-theme="dark"] .cx-pop button:hover:not(:disabled) { background: #1a123d; }
:root[data-theme="dark"] .cx-title { color: #d4d7e5; text-shadow: 0 3px 0 rgba(32, 29, 42, 0.7); }
:root[data-theme="dark"] .cx-chips span { background: rgba(32, 29, 42, 0.88); color: #8e93ac; }
:root[data-theme="dark"] .cx-chips b { color: #d4d7e5; }
:root[data-theme="dark"] .cx-chips .ok { background: linear-gradient(180deg, #473c15, #59491a); color: #e6dac4; }
:root[data-theme="dark"] .cx-prog { background: rgba(32, 29, 42, 0.6); }
:root[data-theme="dark"] .cx-prog b { color: #c7cbd9; }
:root[data-theme="dark"] .cx-desc { color: #7b82a6; }
:root[data-theme="dark"] .cx-search { border: 2px solid #231e3c; background: #201d2a; box-shadow: 0 5px 0 #231e3c; }
:root[data-theme="dark"] .cx-search:focus-within { box-shadow: 0 5px 0 #21164a, 0 0 0 5px rgba(97, 67, 255, 0.12); background: #201d2a; }
:root[data-theme="dark"] .cx-search input { color: #d4d7e5; }
:root[data-theme="dark"] .cx-sort { border: 2px solid #231e3c; background: #201d2a; box-shadow: 0 5px 0 #231e3c; color: #7b82a6; }
:root[data-theme="dark"] .cx-sort.on { background: #20113c; }
:root[data-theme="dark"] .cx-sort:hover { box-shadow: 0 7px 0 #231e3c; }
:root[data-theme="dark"] .cx-sort:active { box-shadow: 0 1px 0 #231e3c; }
:root[data-theme="dark"] .cx-filters .chip { border: 2px solid #231e3c; background: #201d2a; box-shadow: 0 4px 0 #231e3c; color: #7b82a6; }
:root[data-theme="dark"] .cx-filters .chip:hover { box-shadow: 0 6px 0 #1f164d; border-color: #1f164d; }
:root[data-theme="dark"] .cx-filters .segmented { background: #201d2a; border: 2px solid #231e3c; box-shadow: 0 4px 0 #231e3c; }
:root[data-theme="dark"] .cx-tabs button { border: 2px solid #231e3c; background: #201d2a; box-shadow: 0 4px 0 #231e3c; color: #7b82a6; }
:root[data-theme="dark"] .cx-note { background: #453814; border: 2px solid #5b4a1a; color: #e6dac4; }
:root[data-theme="dark"] .cx-list .word-row { border: 2px solid #211c3a; background: linear-gradient(180deg, #201d2a, #18113a); box-shadow: 0 5px 0 #211b40, 0 14px 20px -16px rgba(60, 50, 140, 0.4); }
:root[data-theme="dark"] .cx-list .word-row:hover { background: linear-gradient(180deg, #201d2a, #1f123c); box-shadow: 0 8px 0 #211b40, 0 20px 26px -16px rgba(60, 50, 140, 0.5); }
:root[data-theme="dark"] .cx-list .word-row:active { box-shadow: 0 1px 0 #211b40; }
:root[data-theme="dark"] .cx-list .wr-img { border: 2px solid #201d2a; }
:root[data-theme="dark"] .cx-list .wr-emoji { border: 2px solid #201d2a; }
:root[data-theme="dark"] .wr-due { background: #132340; }
:root[data-theme="dark"] .wr-due.now { background: #493015; }
:root[data-theme="dark"] .cx-list .wr-lvl.dots { background: #1a123e; }
:root[data-theme="dark"] .cx-list .wr-lvl.dots i { background: #2a273e; }
:root[data-theme="dark"] .wr-chev { background: #1a123e; }
:root[data-theme="dark"] .word-row:hover .wr-chev { background: #1e1445; }
:root[data-theme="dark"] .cx-empty { color: #b4b7c5; }
:root[data-theme="dark"] .cx-empty b { color: #d4d7e5; }
:root[data-theme="dark"] .cx-links button { border: 2px solid #231e3c; background: #201d2a; box-shadow: 0 5px 0 #231e3c; color: #7b82a6; }
:root[data-theme="dark"] .cx-links button:hover:not(:disabled) { background: #201d2a; box-shadow: 0 7px 0 #1f164d; border-color: #1f164d; }
:root[data-theme="dark"] .cx-links button:active:not(:disabled) { box-shadow: 0 1px 0 #231e3c; }
:root[data-theme="dark"] .ln-rv-sel { background-color: #201d2a; box-shadow: 0 3px 0 #211b40; }
:root[data-theme="dark"] .ln-rv-sel:hover { background-color: #1a123d; box-shadow: 0 4px 0 #1f164d; }
:root[data-theme="dark"] .ln-rv-sel:active { box-shadow: 0 1px 0 #211b40; }
:root[data-theme="dark"] .rg-opt { border: 2px solid #231e3c; background: #201d2a; box-shadow: 0 5px 0 #231e3c; color: #c7cbd9; }
:root[data-theme="dark"] .rg-opt:hover { border-color: #1f164d; box-shadow: 0 7px 0 #1f164d; }
:root[data-theme="dark"] .rg-opt:active { box-shadow: 0 1px 0 #231e3c; }
:root[data-theme="dark"] .rg-opt.on { background: linear-gradient(180deg, #1d3d12, #263f1a); }
:root[data-theme="dark"] .cx-sortpop button.sel { background: #1a123d; }
:root[data-theme="dark"] .gm-mini { border: 2px solid rgba(32, 29, 42, 0.9); }
:root[data-theme="dark"] .gm-mini::after { background: linear-gradient(100deg, transparent, rgba(32, 29, 42, 0.5), transparent); }
:root[data-theme="dark"] .gm-mini b { color: #d4d7e5; text-shadow: 0 2px 0 rgba(32, 29, 42, 0.5); }
:root[data-theme="dark"] .gm-mini span { color: #979db6; }
:root[data-theme="dark"] .gm-pill { border: 2px solid rgba(32, 29, 42, 0.9); }
:root[data-theme="dark"] .gm-hint { color: #979db6; }
:root[data-theme="dark"] .gm-stats { color: #b4b7c5; }
:root[data-theme="dark"] .gm-float { text-shadow: 0 3px 0 rgba(32, 29, 42, 0.8); }
:root[data-theme="dark"] .gm-float.ok { color: #c7e0be; }
:root[data-theme="dark"] .mm-back, :root[data-theme="dark"] .mm-front { border: 3px solid #201d2a; }
:root[data-theme="dark"] .mm-front { background: linear-gradient(180deg, #201d2a, #1d123d); box-shadow: 0 6px 0 #251e44, 0 14px 18px -10px rgba(60, 50, 140, 0.5); }
:root[data-theme="dark"] .mm-front.pl { background: linear-gradient(180deg, #3c2a11, #453014); box-shadow: 0 6px 0 #554325, 0 14px 18px -10px rgba(160, 100, 30, 0.45); }
:root[data-theme="dark"] .mm-front b { color: #d4d7e5; }
:root[data-theme="dark"] .mm-front small { color: #bfc2cf; }
:root[data-theme="dark"] .mm-card.ok .mm-front { background: linear-gradient(180deg, #1d3d12, #28411d); }
:root[data-theme="dark"] .mm-card.miss .mm-front { background: linear-gradient(180deg, #3c1511, #431814); box-shadow: 0 6px 0 #492121; }
:root[data-theme="dark"] .sp-time, :root[data-theme="dark"] .sn-solved, :root[data-theme="dark"] .hm-round { background: #201d2a; border: 2px solid #211c3a; box-shadow: 0 3px 0 #211b40; color: #979db6; }
:root[data-theme="dark"] .sp-time b, :root[data-theme="dark"] .sn-solved b, :root[data-theme="dark"] .hm-round b { color: #d4d7e5; }
:root[data-theme="dark"] .sp-mult { background: #1d123f; }
:root[data-theme="dark"] .sp-mult.hot { background: linear-gradient(180deg, #4a3215, #5e411b); }
:root[data-theme="dark"] .sp-card, :root[data-theme="dark"] .hm-card, :root[data-theme="dark"] .sn-card { border: 2px solid #211c3a; background: linear-gradient(180deg, #201d2a, #1a113b); box-shadow: 0 6px 0 #211b40, 0 20px 30px -22px rgba(80, 60, 190, 0.5); }
:root[data-theme="dark"] .sp-card.bad { box-shadow: 0 6px 0 #492121, 0 0 0 5px rgba(240, 72, 58, 0.18); }
:root[data-theme="dark"] .sp-en { color: #d4d7e5; }
:root[data-theme="dark"] .sp-pl { background: #453014; box-shadow: 0 3px 0 #554325; color: #e0cbbd; }
:root[data-theme="dark"] .hm-pl { color: #d4d7e5; }
:root[data-theme="dark"] .hm-slot { background: #1a123e; border: 2px solid #211b40; box-shadow: 0 3px 0 #211b40; color: #d4d7e5; }
:root[data-theme="dark"] .hm-slot.on { background: #201d2a; box-shadow: 0 3px 0 #1f164d; }
:root[data-theme="dark"] .hm-slot.lost { background: #431814; box-shadow: 0 3px 0 #492121; }
:root[data-theme="dark"] .hm-card.win .hm-slot { background: #1e3b26; }
:root[data-theme="dark"] .hm-key { border: 2px solid #211b40; background: #201d2a; box-shadow: 0 4px 0 #211b40; color: #c7cbd9; }
:root[data-theme="dark"] .hm-key:hover:not(:disabled) { border-color: #1f164d; box-shadow: 0 6px 0 #1f164d; }
:root[data-theme="dark"] .hm-key:active:not(:disabled) { box-shadow: 0 1px 0 #211b40; }
:root[data-theme="dark"] .hm-key.miss { background: #24242e; }
:root[data-theme="dark"] .hm-hint { border: 2px solid #5b4a1a; background: #433813; box-shadow: 0 4px 0 #5b4a1a; color: #e6dac4; }
:root[data-theme="dark"] .hm-hint:hover { box-shadow: 0 6px 0 #5b4a1a; }
:root[data-theme="dark"] .hm-hint:active { box-shadow: 0 1px 0 #5b4a1a; }
:root[data-theme="dark"] .sn-snake { background: linear-gradient(180deg, #1a3b1c, #204225); }
:root[data-theme="dark"] .sn-tile { border: 2px solid #201d2a; }
:root[data-theme="dark"] .sn-btn { border: 2px solid #231e3c; background: #201d2a; box-shadow: 0 5px 0 #231e3c; color: #7b82a6; }
:root[data-theme="dark"] .sn-btn:hover { box-shadow: 0 7px 0 #1f164d; border-color: #1f164d; }
:root[data-theme="dark"] .sn-btn:active { box-shadow: 0 1px 0 #231e3c; }
:root[data-theme="dark"] .gm-result { background: linear-gradient(160deg, #20123f, #131c42 60%, #143244); border: 2px solid #201d2a; box-shadow: 0 7px 0 #251e44, 0 24px 34px -22px rgba(80, 60, 190, 0.5); }
:root[data-theme="dark"] .gm-result h2 { color: #d4d7e5; text-shadow: 0 3px 0 rgba(32, 29, 42, 0.8); }
:root[data-theme="dark"] .gm-newbest { background: linear-gradient(180deg, #473c15, #59491a); color: #e6dac4; }
:root[data-theme="dark"] .gm-big span { color: #b4b7c5; }
:root[data-theme="dark"] .gm-lines { color: #7b82a6; }
:root[data-theme="dark"] .gm-lines li { background: rgba(32, 29, 42, 0.7); }
:root[data-theme="dark"] .gm-prize { background: linear-gradient(180deg, #473c15, #59491a); color: #e6dac4; }
:root[data-theme="dark"] .gm-cap { color: #bfc2cf; }
:root[data-theme="dark"] .gm-back { border: 2px solid #231e3c; background: #201d2a; box-shadow: 0 5px 0 #231e3c; color: #7b82a6; }
:root[data-theme="dark"] .gm-back:hover { box-shadow: 0 7px 0 #1f164d; border-color: #1f164d; }
:root[data-theme="dark"] .gm-back:active { box-shadow: 0 1px 0 #231e3c; }
@media (hover: hover) and (pointer: fine) {
  :root[data-theme="dark"] .row-arr { border: 2px solid rgba(32, 29, 42, 0.95); background: #201d2a; }
}
:root[data-theme="dark"] .dl-setup h2 { color: #d4d7e5; text-shadow: 0 3px 0 rgba(32, 29, 42, 0.8); }
:root[data-theme="dark"] .dl-setup > p { color: #979db6; }
:root[data-theme="dark"] .dl-bot { border: 2px solid rgba(32, 29, 42, 0.95); }
:root[data-theme="dark"] .dl-bot::after { background: linear-gradient(100deg, transparent, rgba(32, 29, 42, 0.5), transparent); }
:root[data-theme="dark"] .dl-bot-text b { color: #d4d7e5; }
:root[data-theme="dark"] .dl-bot-text small { color: #7b82a6; }
:root[data-theme="dark"] .dl-bot-gem { background: #201d2a; }
:root[data-theme="dark"] .dl-side { background: #201d2a; border: 2px solid #211c3a; box-shadow: 0 5px 0 #211b40; }
:root[data-theme="dark"] .dl-side.bot.lv-easy { background: linear-gradient(180deg, #203819, #253d1f); border-color: #2c4928; }
:root[data-theme="dark"] .dl-side.bot.lv-mid { background: linear-gradient(180deg, #12243d, #142a44); border-color: #1b324d; box-shadow: 0 5px 0 #233955; }
:root[data-theme="dark"] .dl-side.bot.lv-hard { background: linear-gradient(180deg, #3e1f12, #472315); border-color: #532618; }
:root[data-theme="dark"] .dl-side.you { background: linear-gradient(180deg, #20113c, #201341); border-color: #21164a; box-shadow: 0 5px 0 #1f164d; }
:root[data-theme="dark"] .dl-side b { color: #d4d7e5; }
:root[data-theme="dark"] .dl-vs { border: 3px solid #201d2a; }
:root[data-theme="dark"] .dl-tug { background: #5e2d1b; }
:root[data-theme="dark"] .dl-mid small { color: #b4b7c5; }
:root[data-theme="dark"] .dl-mid small b { color: #d4d7e5; }
:root[data-theme="dark"] .dl-timer b { color: #c7cbd9; }
:root[data-theme="dark"] .dl-card { border: 2px solid #211c3a; background: linear-gradient(180deg, #201d2a, #1a113b); box-shadow: 0 6px 0 #211b40, 0 20px 30px -22px rgba(80, 60, 190, 0.5); }
:root[data-theme="dark"] .dl-card.bad { box-shadow: 0 6px 0 #492121, 0 0 0 5px rgba(240, 72, 58, 0.18); }
:root[data-theme="dark"] .dl-word { color: #d4d7e5; }
:root[data-theme="dark"] .dl-opt { border: 2px solid #231e3c; background: #201d2a; box-shadow: 0 5px 0 #231e3c; color: #c7cbd9; }
:root[data-theme="dark"] .dl-opt kbd { background: #19123e; box-shadow: inset 0 -2px 0 #1e1548; }
:root[data-theme="dark"] .dl-opt:hover:not(:disabled) { border-color: #1f164d; box-shadow: 0 7px 0 #1f164d; }
:root[data-theme="dark"] .dl-opt:active:not(:disabled) { box-shadow: 0 1px 0 #231e3c; }
:root[data-theme="dark"] .dl-opt.picked { background: #1f123e; box-shadow: 0 5px 0 #1f164d; }
:root[data-theme="dark"] .dl-opt.ok { background: linear-gradient(180deg, #1d3d12, #28411d); }
:root[data-theme="dark"] .dl-opt.bad { background: #3d1512; box-shadow: 0 5px 0 #492121; }
:root[data-theme="dark"] .rn-lives { background: #201d2a; border: 2px solid #211c3a; box-shadow: 0 3px 0 #211b40; }
:root[data-theme="dark"] .rn-gates { color: #b4b7c5; }
:root[data-theme="dark"] .rn-gates b { color: #d4d7e5; }
:root[data-theme="dark"] .rn-ask { background: #201d2a; border: 2px solid #231e3c; box-shadow: 0 5px 0 #231e3c; }
:root[data-theme="dark"] .rn-ask.bad { box-shadow: 0 5px 0 #492121, 0 0 0 4px rgba(240, 72, 58, 0.16); }
:root[data-theme="dark"] .rn-ask-txt b { color: #d4d7e5; }
:root[data-theme="dark"] .rn-stage { border: 3px solid #201d2a; background: linear-gradient(180deg, #4fa9fb 0%, #1b405d 12%, #143244 21.4%, #7ed957 21.6%); box-shadow: 0 8px 0 #272044, 0 22px 34px -16px rgba(70, 50, 150, 0.55); }
:root[data-theme="dark"] .rn-tile span { color: #d8dae3; }
:root[data-theme="dark"] .rn-stage.hot::after { background: repeating-conic-gradient(from 0deg at 50% 50%, rgba(32, 29, 42, 0.3) 0 1.3deg, transparent 1.3deg 10deg); }
:root[data-theme="dark"] .rn-tip kbd { background: #19123e; box-shadow: inset 0 -2px 0 #1e1548; }
:root[data-theme="dark"] .bb-stage { border: 3px solid #201d2a; background: radial-gradient(circle at 18% 12%, rgba(32, 29, 42, 0.75), transparent 42%), linear-gradient(180deg, #183e53 0%, #153347 48%, #43132b 100%); box-shadow: 0 8px 0 #272044, 0 22px 34px -16px rgba(70, 50, 150, 0.55); }
:root[data-theme="dark"] .bb-deco { background: radial-gradient(circle at 30% 28%, rgba(32, 29, 42, 0.95), rgba(32, 29, 42, 0.2) 45%, rgba(130, 190, 255, 0.28)); }
:root[data-theme="dark"] .bb-face { border: 2px solid rgba(32, 29, 42, 0.75); }
:root[data-theme="dark"] .bb-b.aimed .bb-face { outline: 3px solid #201d2a; }
:root[data-theme="dark"] .bb-ammo .bb-face { box-shadow: inset 0 -5px 8px rgba(0, 0, 0, 0.16), inset 0 3px 6px rgba(32, 29, 42, 0.5), 0 0 0 4px #ffd166, 0 0 16px 5px rgba(255, 200, 60, 0.65); }
:root[data-theme="dark"] .bb-ring { border: 4px solid rgba(32, 29, 42, 0.95); }
:root[data-theme="dark"] .bb-x { text-shadow: 0 3px 0 rgba(32, 29, 42, 0.9); }
:root[data-theme="dark"] .hm-tasks { border: 2px solid #26402e; background: linear-gradient(135deg, #1a3624 0%, #21382c 48%, #131f40 100%); box-shadow: 0 6px 0 #2c4535, 0 16px 24px -16px rgba(30, 120, 80, 0.55); }
:root[data-theme="dark"] .hm-tasks::after { background: linear-gradient(100deg, transparent, rgba(32, 29, 42, 0.75), transparent); }
:root[data-theme="dark"] .hm-tasks:hover { box-shadow: 0 8px 0 #2c4535, 0 20px 28px -16px rgba(30, 120, 80, 0.55); }
:root[data-theme="dark"] .hm-tasks:active { box-shadow: 0 2px 0 #2c4535; }
:root[data-theme="dark"] .ht-art { background: radial-gradient(circle at 30% 24%, #201d2a, #25412f); }
:root[data-theme="dark"] .ht-spark.s2 { background: #1d4763; }
:root[data-theme="dark"] .ht-text b { color: #d4d7e5; }
:root[data-theme="dark"] .ht-text > span { color: #919eb0; }
:root[data-theme="dark"] .ht-pills em { background: #201d2a; border: 1.5px solid #2b4234; color: #c8ddd2; }
:root[data-theme="dark"] .ht-pills em.best { background: #493c15; color: #e4d5c0; }
:root[data-theme="dark"] .flag.gear { background: #201d2a; border-color: #201d2a; }
:root[data-theme="dark"] .ai-hello b { color: #d4d7e5; }
:root[data-theme="dark"] .ai-hello > span { color: #a9acbc; }
:root[data-theme="dark"] .ai-chips button { border: 2px solid #231e3c; background: #201d2a; box-shadow: 0 4px 0 #231e3c; color: #c7cbd9; }
:root[data-theme="dark"] .ai-chips button:hover { box-shadow: 0 6px 0 #1f164d; }
:root[data-theme="dark"] .ai-chips button:active { box-shadow: 0 1px 0 #231e3c; }
:root[data-theme="dark"] .ai-bub { color: #d8dae3; background: #201d2a; box-shadow: 0 3px 0 #231e3c; }
:root[data-theme="dark"] .ai-bar { background: #201d2a; border: 2px solid #231e3c; }
:root[data-theme="dark"] .ai-bar input { color: #d8dae3; }
:root[data-theme="dark"] .gr-lv { background: #201d2a; }
:root[data-theme="dark"] .gr-row.done .gr-num { box-shadow: 0 4px 0 #1f8a10, inset 0 2px 0 rgba(32, 29, 42, 0.35); }
:root[data-theme="dark"] .gr-text b { color: #d4d7e5; }
:root[data-theme="dark"] .gr-text small { color: #a9acbc; }
:root[data-theme="dark"] .gr-title h2 { color: #d4d7e5; }
:root[data-theme="dark"] .gr-body { background: #201d2a; box-shadow: 0 5px 0 #231e3c; color: #d5d6dd; }
:root[data-theme="dark"] .gr-body h4 { color: #d4d7e5; }
:root[data-theme="dark"] .gr-pn { border: 2px solid #231e3c; background: #201d2a; box-shadow: 0 4px 0 #231e3c; }
:root[data-theme="dark"] .gr-pn:active { box-shadow: 0 1px 0 #231e3c; }
:root[data-theme="dark"] .gr-row.locked .gr-num { box-shadow: 0 4px 0 #676378, inset 0 2px 0 rgba(32, 29, 42, 0.3); }
:root[data-theme="dark"] .gr-trainer { background: #201d2a; box-shadow: 0 6px 0 #231e3c; border: 2px solid #231e3c; }
:root[data-theme="dark"] .gr-trainer.locked { background: #3b1e11; border-color: #4f2417; box-shadow: 0 6px 0 #4f2417; }
:root[data-theme="dark"] .gr-trainer-badge { background: #121c3e; }
:root[data-theme="dark"] .gr-trainer-badge.ok { background: #1d3a28; color: #cee2d5; }
:root[data-theme="dark"] .gr-trainer-desc { color: #ccced1; }
:root[data-theme="dark"] .gr-cheat-card { background: linear-gradient(165deg, #201d2a 0%, #191139 60%, #1d123d 100%); border: 2px solid #251b44; box-shadow: 0 8px 0 #251b44, 0 16px 28px -12px rgba(97, 67, 255, 0.18); }
:root[data-theme="dark"] .gr-cheat-pill { background: #4c4217; }
:root[data-theme="dark"] .gr-cheat-badge { background: #281340; }
:root[data-theme="dark"] .gr-cheat-title { color: #dedde7; }
:root[data-theme="dark"] .gr-cheat-subtitle { color: #9da8b8; }
:root[data-theme="dark"] .gr-cheat-visual { background: #1e262f; border: 1px dashed #303740; }
:root[data-theme="dark"] .gr-cheat-rule-box { background: #3f3612; }
:root[data-theme="dark"] .gr-cheat-rule-text { color: #e0cdc2; }
:root[data-theme="dark"] .gr-cheat-box.bad { background: #3b1111; border-color: #4b1717; box-shadow: 0 4px 0 #411515; }
:root[data-theme="dark"] .gr-cheat-box.good { background: #173921; border-color: #1f4e30; box-shadow: 0 4px 0 #184227; }
:root[data-theme="dark"] .gr-cheat-ex.good { color: #d2e4d9; }
:root[data-theme="dark"] .gr-cheat-expl { color: #ccced1; }
:root[data-theme="dark"] .gr-cheat-punchline { background: #121c3e; border: 1px solid #17224c; }
:root[data-theme="dark"] .btn.danger-soft { background: #3d1512; box-shadow: 0 4px 0 #492121; }
:root[data-theme="dark"] .au-mode { border: 2px solid rgba(32, 29, 42, 0.9); background: linear-gradient(160deg, #132643, #16294c); box-shadow: 0 6px 0 #223356, 0 16px 22px -14px rgba(50, 90, 200, 0.6); }
:root[data-theme="dark"] .au-mode.speak { background: linear-gradient(160deg, #421326, #4c1629); box-shadow: 0 6px 0 #562437, 0 16px 22px -14px rgba(220, 60, 120, 0.55); }
:root[data-theme="dark"] .au-mode::after { background: linear-gradient(100deg, transparent, rgba(32, 29, 42, 0.7), transparent); }
:root[data-theme="dark"] .au-mode:active:not(:disabled) { box-shadow: 0 2px 0 #223356; }
:root[data-theme="dark"] .au-mode b { color: #d4d7e5; }
:root[data-theme="dark"] .au-mode span { color: #8994b0; }
:root[data-theme="dark"] .au-set { background: #201d2a; border: 2px solid #1f1a3a; box-shadow: 0 4px 0 #231e3c; }
:root[data-theme="dark"] .au-set-text b { color: #d4d7e5; }
:root[data-theme="dark"] .au-set-text small { color: #a9acbc; }
:root[data-theme="dark"] .au-pl { border: 2px solid #152748; background: #12213e; box-shadow: 0 4px 0 #1b2c4d; }
:root[data-theme="dark"] .au-pl.mic { border-color: #4a1527; background: #3d1220; box-shadow: 0 4px 0 #4e2030; }
:root[data-theme="dark"] .au-pl:active { box-shadow: 0 1px 0 #1b2c4d; }
:root[data-theme="dark"] .au-pack-text b { color: #d4d7e5; }
:root[data-theme="dark"] .au-pack-text small { color: #9199b0; }
:root[data-theme="dark"] .au-quiz { background: linear-gradient(135deg, #24403f, #152b4a); box-shadow: 0 5px 0 #2c434e; }
:root[data-theme="dark"] .au-quiz-text b { color: #cddde4; }
:root[data-theme="dark"] .au-quiz-text small { color: #719fb8; }
:root[data-theme="dark"] .au-quiz-go { background: #201d2a; color: #c4d9e1; }
:root[data-theme="dark"] .ap-title b { color: #d4d7e5; }
:root[data-theme="dark"] .ap-title small { color: #b4b7c5; }
:root[data-theme="dark"] .ap-seg { background: #1f1a3a; }
:root[data-theme="dark"] .ap-seg button { color: #b4b7c5; }
:root[data-theme="dark"] .ap-seg button.on { background: #201d2a; color: #d4d7e5; box-shadow: 0 3px 0 #282343, 0 6px 12px -6px rgba(60, 40, 140, 0.4); }
:root[data-theme="dark"] .ap-prog { background: #231e3c; }
:root[data-theme="dark"] .ap-en { color: #d4d7e5; }
:root[data-theme="dark"] .ap-say { background: #1d123f; box-shadow: 0 3px 0 #1e1548; }
:root[data-theme="dark"] .ap-en.letters span.ok { color: #c7e0be; }
:root[data-theme="dark"] .ap-pl { color: #a9acbc; }
:root[data-theme="dark"] .ap-status { color: #b4b7c5; }
:root[data-theme="dark"] .ap-result b { background: #201d2a; }
:root[data-theme="dark"] .ap-result.ok { background: #28411d; color: #cee2c7; }
:root[data-theme="dark"] .ap-result.close { background: #493c15; color: #e4d5c0; }
:root[data-theme="dark"] .ap-result.no { background: #411813; }
:root[data-theme="dark"] .ap-heard { color: #b4b7c5; }
:root[data-theme="dark"] .ap-side { color: #b4b7c5; }
:root[data-theme="dark"] .ap-listic { background: #1d123f; box-shadow: 0 3px 0 #1e1548; }
:root[data-theme="dark"] .ap-ico { border: 2px solid #231e3c; background: #201d2a; box-shadow: 0 4px 0 #231e3c; }
:root[data-theme="dark"] .ap-ico:active:not(:disabled) { box-shadow: 0 1px 0 #231e3c; }
:root[data-theme="dark"] .ap-big.mic { background: radial-gradient(circle at 32% 26%, #5d1b37, #f0488b 60%, #d02870); }
:root[data-theme="dark"] .ap-model { border: 2px solid #152748; background: #12213e; box-shadow: 0 4px 0 #1b2c4d; }
:root[data-theme="dark"] .ap-model:active { box-shadow: 0 1px 0 #1b2c4d; }
:root[data-theme="dark"] .ap-min { border: 2px solid #231e3c; background: #201d2a; color: #c7cbd9; box-shadow: 0 3px 0 #231e3c; }
:root[data-theme="dark"] .ap-min small { color: #b4b7c5; }
:root[data-theme="dark"] .ap-list h2 small { color: #b4b7c5; }
:root[data-theme="dark"] .ap-row:hover { background: #1b123d; }
:root[data-theme="dark"] .ap-row.cur { background: #1d123f; box-shadow: inset 0 0 0 2px #1f164d; }
:root[data-theme="dark"] .ap-row-text b { color: #d4d7e5; }
:root[data-theme="dark"] .ap-row-text small { color: #b4b7c5; }
:root[data-theme="dark"] .ap-row-say { background: #1d123f; }
:root[data-theme="dark"] .ap-more { color: #b4b7c5; }
:root[data-theme="dark"] .toast, :root[data-theme="dark"] .toast.has-undo { border: 2px solid #231e3c; background: #201d2a; color: #d4d7e5; box-shadow: 0 5px 0 #231e3c, 0 18px 30px -12px rgba(50, 30, 130, 0.45); }
:root[data-theme="dark"] .toast-ic { background: radial-gradient(circle at 30% 25%, #201d2a, #1e1341); }
:root[data-theme="dark"] .toast-undo, :root[data-theme="dark"] .toast.has-undo .toast-undo { background: #1d123f; box-shadow: 0 3px 0 #1e1548; }
:root[data-theme="dark"] .toast-undo:hover { background: #1f1445; }
:root[data-theme="dark"] .ap-big.mic { background: radial-gradient(circle at 32% 24%, #201d2a, #451427 62%, #4f172c); }
:root[data-theme="dark"] .gm-daily { color: #e7dbc8; }
:root[data-theme="dark"] .hm-tasks.gram { border-color: #15244a; background: linear-gradient(135deg, #121e3d 0%, #132142 50%, #1f1340 100%); box-shadow: 0 6px 0 #222e4d, 0 16px 24px -16px rgba(50, 80, 190, 0.55); }
:root[data-theme="dark"] .hm-tasks.gram:hover { box-shadow: 0 8px 0 #222e4d, 0 20px 28px -16px rgba(50, 80, 190, 0.55); }
:root[data-theme="dark"] .hm-tasks.gram:active { box-shadow: 0 2px 0 #222e4d; }
:root[data-theme="dark"] .hm-tasks.gram .ht-art { background: radial-gradient(circle at 30% 24%, #201d2a, #152347); }
:root[data-theme="dark"] .hm-tasks.gram .ht-pills em { border-color: #1b294c; }
:root[data-theme="dark"] .pl-card { background: #201d2a; border: 3px solid #201d2a; box-shadow: 0 6px 0 #231e3c, 0 18px 30px -18px rgba(70, 50, 150, 0.5); }
:root[data-theme="dark"] .pl-word { color: #d4d7e5; }
:root[data-theme="dark"] .pl-opt { border: 2px solid #231e3c; background: #201d2a; box-shadow: 0 5px 0 #231e3c; color: #c7cbd9; }
:root[data-theme="dark"] .pl-opt kbd { background: #19123e; box-shadow: inset 0 -2px 0 #1e1548; }
:root[data-theme="dark"] .pl-opt:hover:not(:disabled) { border-color: #1f164d; box-shadow: 0 7px 0 #1f164d; }
:root[data-theme="dark"] .pl-opt:active:not(:disabled) { box-shadow: 0 1px 0 #231e3c; }
:root[data-theme="dark"] .pl-opt.ok { background: linear-gradient(180deg, #1d3d12, #28411d); }
:root[data-theme="dark"] .pl-opt.bad { background: #3d1512; box-shadow: 0 5px 0 #492121; }
:root[data-theme="dark"] .pl-dk { color: #b4b7c5; }
:root[data-theme="dark"] .pl-dk:hover:not(:disabled) { background: #19123e; }
:root[data-theme="dark"] .pl-sub { color: #b4b7c5; }
:root[data-theme="dark"] .pl-bar { background: rgba(32, 29, 42, 0.6); color: #8994b0; }
:root[data-theme="dark"] .pl-bar.me { background: #1d123f; box-shadow: inset 0 0 0 2px #1f164d; }
:root[data-theme="dark"] .pl-bar span { background: #231e3c; }
:root[data-theme="dark"] .pl-none { color: #b4b7c5; }
:root[data-theme="dark"] .pl-banner { background: linear-gradient(135deg, #1f1340, #142344); border: 2px solid #1f154a; box-shadow: 0 6px 0 #2b214d, 0 16px 24px -16px rgba(90, 63, 224, 0.55); }
:root[data-theme="dark"] .pl-banner-text b { color: #d4d7e5; }
:root[data-theme="dark"] .pl-banner-text small { color: #9199b0; }
:root[data-theme="dark"] .pl-later { color: #b4b7c5; }
:root[data-theme="dark"] .hm-tasks.stats { border-color: #533918; background: linear-gradient(135deg, #3f2e12 0%, #463114 50%, #422913 100%); box-shadow: 0 6px 0 #574224, 0 16px 24px -16px rgba(200, 120, 20, 0.5); }
:root[data-theme="dark"] .hm-tasks.stats:hover { box-shadow: 0 8px 0 #574224, 0 20px 28px -16px rgba(200, 120, 20, 0.5); }
:root[data-theme="dark"] .hm-tasks.stats:active { box-shadow: 0 2px 0 #574224; }
:root[data-theme="dark"] .hm-tasks.stats .ht-art { background: radial-gradient(circle at 30% 24%, #201d2a, #4f3817); }
:root[data-theme="dark"] .hm-tasks.stats .ht-pills em { border-color: #574322; color: #e4d5c0; }
:root[data-theme="dark"] .st-bar i { box-shadow: inset 0 2px 0 rgba(32, 29, 42, 0.4); }
:root[data-theme="dark"] .st-col.zero .st-bar i { background: #231e3c; }
:root[data-theme="dark"] .st-col b { color: #b4b7c5; }
:root[data-theme="dark"] .st-tile { background: #201d2a; border: 2px solid #1f1a3a; box-shadow: 0 4px 0 #231e3c; }
:root[data-theme="dark"] .st-tile b { color: #d4d7e5; }
:root[data-theme="dark"] .st-tile b small { color: #b4b7c5; }
:root[data-theme="dark"] .st-tile span { color: #a9acbc; }
:root[data-theme="dark"] .st-tile small.up { color: #c7e0be; }
:root[data-theme="dark"] .st-tile.ring::before { background: #201d2a; }
:root[data-theme="dark"] .st-lv b { color: #d4d7e5; }
:root[data-theme="dark"] .st-lv small { color: #a9acbc; }
:root[data-theme="dark"] .sl-note { background: linear-gradient(135deg, #1f123e, #132341); border: 2px solid #211548; box-shadow: 0 5px 0 #2a204a; }
:root[data-theme="dark"] .sl-note b { color: #d4d7e5; }
:root[data-theme="dark"] .sl-note small { color: #9199b0; }
:root[data-theme="dark"] .gp-crumb { color: #b4b7c5; }
:root[data-theme="dark"] .gp-crumb b { background: #1d123f; }
:root[data-theme="dark"] .gp-sentence { color: #d4d7e5; }
:root[data-theme="dark"] .gp-gap.ok { color: #c6e0d0; }
:root[data-theme="dark"] .gp-word { color: #b4b7c5; }
:root[data-theme="dark"] .gp-sub { color: #a9acbc; }
:root[data-theme="dark"] .gp-wrong { border: 2px dashed #492121; }
:root[data-theme="dark"] .gp-pl-q .pl-line { color: #d4d7e5; }
:root[data-theme="dark"] .gp-build .bw-tile { box-shadow: 0 4px 0 #282439; }
:root[data-theme="dark"] .gp-build .bw-tile:active:not(:disabled) { box-shadow: 0 2px 0 #282439; }
:root[data-theme="dark"] .gp-right { color: #cae2d8; }
:root[data-theme="dark"] .gp-full { color: #d4d7e5; }
:root[data-theme="dark"] .gp-pl { color: #a9acbc; }
:root[data-theme="dark"] .gp-expl { color: #797fa1; }
:root[data-theme="dark"] .gp-sum-note { background: rgba(32, 29, 42, 0.7); color: #a9acbc; }
:root[data-theme="dark"] .gp-sum-note.ok { color: #cae2d8; }
:root[data-theme="dark"] .gp-miss-main b { color: #d4d7e5; }
:root[data-theme="dark"] .gp-miss-main span { color: #a9acbc; }
:root[data-theme="dark"] .gp-back-link { color: #a9acbc; }
:root[data-theme="dark"] .gp-top-cta b { color: #d4d7e5; }
:root[data-theme="dark"] .gp-top-cta small { color: #b4b7c5; }
:root[data-theme="dark"] .gp-cta-text b { color: #d4d7e5; }
:root[data-theme="dark"] .gp-cta-text span { color: #a9acbc; }
:root[data-theme="dark"] .gr-hero-n { background: rgba(32, 29, 42, 0.92); }
:root[data-theme="dark"] .gr-sec-t h4 { color: #d4d7e5; }
:root[data-theme="dark"] .gr-sec .gr-table { background: #201d2a; }
:root[data-theme="dark"] .gr-trap { border: 2px solid #481515; background: #201d2a; box-shadow: 0 3px 0 #481515; }
:root[data-theme="dark"] .gr-sec.s6 ol > li { background: #201d2a; }
:root[data-theme="dark"] .gr-sec details { background: #201d2a; }
:root[data-theme="dark"] .gr-num::after { background: rgba(32, 29, 42, 0.38); }
:root[data-theme="dark"] .gr-row.done .gr-num { border: 2px solid #284d32; background: linear-gradient(180deg, #201d2a, #1d3d26); }
:root[data-theme="dark"] .gp-top-cta::after { background: linear-gradient(100deg, transparent, rgba(32, 29, 42, 0.6), transparent); }
:root[data-theme="dark"] .gr-cheat-pill { box-shadow: 0 3px 0 #d98200, inset 0 1px 0 rgba(32, 29, 42, 0.6); color: #e9dccc; }
:root[data-theme="dark"] .gr-cheat-pill::after { background: linear-gradient(100deg, transparent, rgba(32, 29, 42, 0.7), transparent); }
:root[data-theme="dark"] .gr-cheat-pill { background: linear-gradient(180deg, #3d2f12, #4a3a15); box-shadow: 0 2px 0 #564825, inset 0 0 0 1px #4f4320; color: #e0d2be; }
:root[data-theme="dark"] .gr-row.done .gr-num { background: radial-gradient(circle at 30% 24%, #201d2a, #1f3a27); }
:root[data-theme="dark"] .gr-row.locked .gr-num { background: radial-gradient(circle at 30% 24%, #201d2a, #272632); color: #c3c1cd; }
:root[data-theme="dark"] .gr-row .gr-lvl { background: #201d2a; }
:root[data-theme="dark"] .gr-cheat-pill { background: #493c15; color: #e4d5c0; }
:root[data-theme="dark"] .gr-cheat-pill { color: #c7cbd9; }
:root[data-theme="dark"] .gp-top-cta.ai { border-color: #22164b; background: linear-gradient(135deg, #201d2a, #1f1340); box-shadow: 0 5px 0 #211548; }
:root[data-theme="dark"] .gp-top-cta.ai:hover { box-shadow: 0 7px 0 #23174e; }
:root[data-theme="dark"] .gp-top-cta.ai:active { box-shadow: 0 1px 0 #211548; }
:root[data-theme="dark"] .gp-tip { background: #493c15; color: #e7ddc8; }
:root[data-theme="dark"] .gp-pl.main { color: #8e93ac; }
:root[data-theme="dark"] .gp-lesson h5 { color: #a9acbc; }
:root[data-theme="dark"] .gp-rule { background: #1d123f; }
:root[data-theme="dark"] .gp-rule span { color: #a9acbc; }
:root[data-theme="dark"] .gp-why, :root[data-theme="dark"] .gp-ex { background: rgba(32, 29, 42, 0.75); }
:root[data-theme="dark"] .gp-why ol { color: #d3d4dc; }
:root[data-theme="dark"] .gp-why p { color: #d3d4dc; }
:root[data-theme="dark"] .gp-ex p { color: #d3d4dc; }
:root[data-theme="dark"] .gp-ex p.pl { color: #a9acbc; }
:root[data-theme="dark"] .ask-btn.ghost { color: #8e93ac; background: #222532; box-shadow: 0 3px 0 #2a2d3a; }
:root[data-theme="dark"] .pick-go::after, :root[data-theme="dark"] .cx-go::after, :root[data-theme="dark"] .gm-again::after, :root[data-theme="dark"] .sx-cta .sm-go::after, :root[data-theme="dark"] .wd-cta .pick-go::after, :root[data-theme="dark"] .card.study.intro ~ .btn.wide::after, :root[data-theme="dark"] .gp-cta .pick-go::after, :root[data-theme="dark"] .gr-nav .gr-done::after, :root[data-theme="dark"] .ph-cta::after, :root[data-theme="dark"] .cv-learn::after, :root[data-theme="dark"] .fb-sheet .btn.wide::after { background: linear-gradient(100deg, transparent, rgba(32, 29, 42, 0.3), transparent); }
:root[data-theme="dark"] .type-actions .btn.ghost, :root[data-theme="dark"] .wc-act, :root[data-theme="dark"] .btn.ghost-line, :root[data-theme="dark"] .gr-pn { border: 2px solid #231e3c; background: #201d2a; color: #9196b5; box-shadow: 0 3px 0 #231e3c; }
:root[data-theme="dark"] .type-actions .btn.ghost:hover, :root[data-theme="dark"] .wc-act:hover, :root[data-theme="dark"] .btn.ghost-line:hover, :root[data-theme="dark"] .gr-pn:hover { border-color: #1f164d; box-shadow: 0 3px 0 #1f164d; }
:root[data-theme="dark"] .type-actions .btn.ghost:active, :root[data-theme="dark"] .wc-act:active, :root[data-theme="dark"] .btn.ghost-line:active, :root[data-theme="dark"] .gr-pn:active { box-shadow: 0 1px 0 #231e3c; }
:root[data-theme="dark"] .hm-today { border: 2px solid #15244a; background: linear-gradient(135deg, #121e3d 0%, #132142 50%, #1f1340 100%); box-shadow: 0 6px 0 #222e4d, 0 16px 24px -16px rgba(50, 80, 190, 0.55); }
:root[data-theme="dark"] .hm-today.all { border-color: #264233; background: linear-gradient(135deg, #1a3624 0%, #21382c 50%, #122a3f 100%); box-shadow: 0 6px 0 #2c4535, 0 16px 24px -16px rgba(30, 120, 80, 0.5); }
:root[data-theme="dark"] .td-art { background: radial-gradient(circle at 30% 24%, #201d2a, #152347); }
:root[data-theme="dark"] .hm-today.all .td-art { background: radial-gradient(circle at 30% 24%, #201d2a, #25412f); }
:root[data-theme="dark"] .td-ht b { color: #d4d7e5; }
:root[data-theme="dark"] .td-ht span { color: #919eb0; }
:root[data-theme="dark"] .td-prog { border: 1.5px solid #1b294c; background: #201d2a; }
:root[data-theme="dark"] .td-dots i { background: #222b41; }
:root[data-theme="dark"] .td-step { border: 2px solid #1a2542; background: #201d2a; box-shadow: 0 3px 0 #1a2542; }
:root[data-theme="dark"] .td-step:hover { border-color: #222e4e; box-shadow: 0 4px 0 #1e2b45; }
:root[data-theme="dark"] .td-step:active { box-shadow: 0 1px 0 #1a2542; }
:root[data-theme="dark"] .td-step.now { box-shadow: 0 3px 0 #1a2859; }
:root[data-theme="dark"] .td-step.now:hover { box-shadow: 0 4px 0 #1a2859; }
:root[data-theme="dark"] .td-step.now:active { box-shadow: 0 1px 0 #1a2859; }
:root[data-theme="dark"] .td-step.done { border-color: #18233f; background: #11213a; box-shadow: 0 3px 0 #18233f; }
:root[data-theme="dark"] .td-step.done .td-tx b { color: #a7aec0; }
:root[data-theme="dark"] .td-step.extra { background: rgba(32, 29, 42, 0.62); }
:root[data-theme="dark"] .td-tx b { color: #d4d7e5; }
:root[data-theme="dark"] .td-tx small { color: #919eb0; }
:root[data-theme="dark"] .td-tx .td-note { color: #e2cfba; }
:root[data-theme="dark"] .td-tag { background: #493c15; color: #e4d5c0; }
:root[data-theme="dark"] .td-next .td-tag { border-color: #1b294c; background: #121f3f; }
:root[data-theme="dark"] .gr-srs { border: 2px solid #25203c; background: #201d2a; box-shadow: 0 3px 0 #25203c; }
:root[data-theme="dark"] .gr-srs.due { border-color: #5c401b; background: linear-gradient(135deg, #3f2e12, #463114); box-shadow: 0 3px 0 #574224; }
:root[data-theme="dark"] .gr-srs.done { border-color: #264233; background: linear-gradient(135deg, #1a3624, #21382c); box-shadow: 0 3px 0 #2c4535; }
:root[data-theme="dark"] .gr-srs.rec { border-color: #23164b; background: linear-gradient(135deg, #21123d, #221342); box-shadow: 0 3px 0 #23164b; }
:root[data-theme="dark"] .gr-srs-tx b { color: #d4d7e5; }
:root[data-theme="dark"] .gr-srs-tx small { color: #919eb0; }
:root[data-theme="dark"] .gr-pips i { background: #222532; box-shadow: 0 2px 0 #262a39; color: #bcc1d2; }
:root[data-theme="dark"] .gr-pips i.cur { background: #493c15; color: #e4d5c0; }
:root[data-theme="dark"] .gr-pips small { color: #bcc1d2; }
:root[data-theme="dark"] .gp-sum-note.srs.mastered, :root[data-theme="dark"] .gp-sum-note.srs.pass { color: #cae2d8; }
:root[data-theme="dark"] .gp-sum-note.srs.fail, :root[data-theme="dark"] .gp-sum-note.srs.weak { color: #e4d5c0; }
:root[data-theme="dark"] .gr-lessons { border: 2px solid #28372f; background: linear-gradient(135deg, #201d2a, #1a3624); box-shadow: 0 4px 0 #293d32; }
:root[data-theme="dark"] .gr-lessons > b { color: #d4d7e5; }
:root[data-theme="dark"] .gr-lchip { border: 2px solid #293d32; background: #201d2a; box-shadow: 0 3px 0 #293d32; color: #c8ddd2; }
:root[data-theme="dark"] .gr-lchip:hover { box-shadow: 0 4px 0 #2c4535; }
:root[data-theme="dark"] .gr-lchip:active { box-shadow: 0 1px 0 #293d32; }
:root[data-theme="dark"] .lk-gram { border: 2px solid #1a2542; background: rgba(32, 29, 42, 0.85); box-shadow: 0 3px 0 #1a2542; }
:root[data-theme="dark"] .lk-gram:hover { box-shadow: 0 4px 0 #1e2b45; }
:root[data-theme="dark"] .lk-gram:active { box-shadow: 0 1px 0 #1a2542; }
:root[data-theme="dark"] .lk-gram-tx small { color: #919eb0; }
:root[data-theme="dark"] .lk-gram-tx b { color: #d4d7e5; }
:root[data-theme="dark"] .gr-tag.due { background: #493c15; color: #e4d5c0; }
:root[data-theme="dark"] .gr-tag.rec { border: 1.5px solid #23164b; background: #1f1340; }
:root[data-theme="dark"] .cx-chips .due { background: linear-gradient(180deg, #493c15, #59451a); color: #e6dac4; }
:root[data-theme="dark"] .gp-words-why { color: #919eb0; }
:root[data-theme="dark"] .gp-wchip { border: 2px solid #21293c; background: #201d2a; box-shadow: 0 3px 0 #21293c; }
:root[data-theme="dark"] .gp-wchip:hover { box-shadow: 0 4px 0 #252d40; }
:root[data-theme="dark"] .gp-wchip:active { box-shadow: 0 1px 0 #21293c; }
:root[data-theme="dark"] .gp-wchip.new { border-color: #26464a; background: linear-gradient(135deg, #201d2a, #1c363a); box-shadow: 0 3px 0 #284346; }
:root[data-theme="dark"] .gp-wc-en { color: #d4d7e5; }
:root[data-theme="dark"] .gp-wc-en i { background: #213d40; color: #c2dee0; }
:root[data-theme="dark"] .gp-wc-pl { color: #919eb0; }
:root[data-theme="dark"] .gp-words-note { color: #cae2d8; }
:root[data-theme="dark"] .gp-add { border: 2px solid #26464a; background: #201d2a; box-shadow: 0 3px 0 #284346; color: #c2dbe0; }
:root[data-theme="dark"] .gp-add:hover { box-shadow: 0 4px 0 #2d484c; }
:root[data-theme="dark"] .gp-add:active { box-shadow: 0 1px 0 #284346; }
:root[data-theme="dark"] .gp-fly-target { border: 2px solid #26464a; background: #201d2a; box-shadow: 0 4px 0 #284346, 0 14px 28px -10px rgba(20, 140, 170, 0.5); }
:root[data-theme="dark"] .gp-fly-tx b { color: #d4d7e5; }
:root[data-theme="dark"] .gp-fly-tx small { color: #919eb0; }
:root[data-theme="dark"] .flag.avatar { box-shadow: 0 0 0 3px rgba(32, 29, 42, 0.85), 0 0 0 5px rgba(59, 220, 30, 0.45), 0 5px 0 5px #23a80f, 0 14px 20px -6px rgba(20, 110, 10, 0.55); }
:root[data-theme="dark"] .flag.avatar:hover { box-shadow: 0 0 0 3px #201d2a, 0 0 0 6px #5cf03a, 0 5px 0 6px #23a80f, 0 16px 24px -6px rgba(20, 110, 10, 0.6); }
:root[data-theme="dark"] .av-opt { border: 3px solid #201d2a; }
:root[data-theme="dark"] .hero .statusbar .pill-stat { background: linear-gradient(180deg, #201d2a 0%, #254013 100%); box-shadow: 0 4px 0 #23a80f, 0 10px 16px -8px rgba(20, 110, 10, 0.45), inset 0 2px 0 rgba(32, 29, 42, 0.9); text-shadow: 0 1px 0 #201d2a, 0 2px 3px rgba(0, 0, 0, 0.12); }
:root[data-theme="dark"] .hero .statusbar .pill-stat:hover { box-shadow: 0 6px 0 #23a80f, 0 14px 20px -8px rgba(20, 110, 10, 0.5), inset 0 2px 0 rgba(32, 29, 42, 0.9); }
:root[data-theme="dark"] .hero .statusbar .pill-stat:active { box-shadow: 0 1px 0 #23a80f, inset 0 2px 0 rgba(32, 29, 42, 0.9); }
:root[data-theme="dark"] .hero .statusbar .stat-known b { color: #bfe1e4; }
:root[data-theme="dark"] .hero .statusbar .stat-gems b { text-shadow: 0 1px 0 #201d2a, 0 2px 0 rgba(160, 95, 0, 0.35), 0 3px 4px rgba(160, 95, 0, 0.25); }
:root[data-theme="dark"] .hero .statusbar .pill-stat.flame:not(.hot) b { color: #b3b5c1; }
:root[data-theme="dark"] .hero .statusbar .pill-stat.flame:not(.hot) { box-shadow: 0 4px 0 #98a590, 0 10px 16px -8px rgba(60, 80, 50, 0.3), inset 0 2px 0 rgba(32, 29, 42, 0.9); }
:root[data-theme="dark"] .hero .statusbar .ph-settings { background: linear-gradient(180deg, #201d2a 0%, #254013 100%); box-shadow: 0 4px 0 #23a80f, 0 10px 16px -8px rgba(20, 110, 10, 0.45), inset 0 2px 0 rgba(32, 29, 42, 0.9); }
:root[data-theme="dark"] .hero .statusbar .ph-settings:hover { background: linear-gradient(180deg, #201d2a 0%, #254013 100%); box-shadow: 0 6px 0 #23a80f, 0 14px 20px -8px rgba(20, 110, 10, 0.5), inset 0 2px 0 rgba(32, 29, 42, 0.9); }
:root[data-theme="dark"] .hero .statusbar .ph-settings:active { box-shadow: 0 1px 0 #23a80f, inset 0 2px 0 rgba(32, 29, 42, 0.9); }

/* tasks.css */
:root[data-theme="dark"] .tk-part-icon { background: #1d123f; }
:root[data-theme="dark"] .lk-lesson { background: rgba(32, 29, 42, 0.75); }
:root[data-theme="dark"] .lk-info b { color: #d4d7e5; }
:root[data-theme="dark"] .lk-info span { color: #a9acbc; }
:root[data-theme="dark"] .lk-status.progress { background: #473615; color: #e4d5c0; }
:root[data-theme="dark"] .lk-status.done { background: #1e3e2a; color: #c6dfd0; }
:root[data-theme="dark"] .lk-part { background: rgba(32, 29, 42, 0.7); color: #cccdd5; }
:root[data-theme="dark"] .lk-part:hover { background: #201d2a; border-color: #201750; }
:root[data-theme="dark"] .lk-parts b { background: #1d123f; }
:root[data-theme="dark"] .lk-chip { background: rgba(32, 29, 42, 0.7); color: #cccdd5; }
:root[data-theme="dark"] .lk-chip:hover { background: #201d2a; }
:root[data-theme="dark"] .lk-best, :root[data-theme="dark"] .lk-note, :root[data-theme="dark"] .lk-empty { color: #a9acbc; }
:root[data-theme="dark"] .lk-note { color: #e4d5c0; }
:root[data-theme="dark"] .tk-top { background: #1b1836; }
:root[data-theme="dark"] .tk-title h2 { color: #d4d7e5; }
:root[data-theme="dark"] .tk-title span { color: #a9acbc; }
:root[data-theme="dark"] .tk-grammar { background: #1d123f; }
:root[data-theme="dark"] .tk-sec { background: #201d2a; }
:root[data-theme="dark"] .tk-sec h3 { color: #d4d7e5; }
:root[data-theme="dark"] .tk-item { border-bottom: 1px solid #24262f; }
:root[data-theme="dark"] .tk-prompt { color: #d8dae3; }
:root[data-theme="dark"] .tk-blank { border-bottom: 2.5px solid #302c45; }
:root[data-theme="dark"] .tk-tag { background: #222532; color: #a9acbc; }
:root[data-theme="dark"] .tk-opt { border: 2px solid #282439; background: #201d2a; color: #cccdd5; }
:root[data-theme="dark"] .tk-opt:hover:not(:disabled) { border-color: #251d55; }
:root[data-theme="dark"] .tk-opt.wrong { background: #3d1212; }
:root[data-theme="dark"] .tk-input { border: 2px solid #282439; background: #1b1635; color: #d4d7e5; }
:root[data-theme="dark"] .tk-input:focus { background: #201d2a; }
:root[data-theme="dark"] .tk-item.ok .tk-input { background: #1b3624; }
:root[data-theme="dark"] .tk-item.typo .tk-input { background: #403213; }
:root[data-theme="dark"] .tk-item.bad .tk-input { background: #3c1111; }
:root[data-theme="dark"] .tk-correct { color: #8e93ac; }
:root[data-theme="dark"] .tk-correct b { color: #c6dfd0; }
:root[data-theme="dark"] .tk-score { background: linear-gradient(135deg, #1d123f, #132e43); }
:root[data-theme="dark"] .tk-score.great { background: linear-gradient(135deg, #1e3e2a, #132e43); }
:root[data-theme="dark"] .tk-score > b { color: #d4d7e5; }
:root[data-theme="dark"] .tk-score > span { color: #cccdd5; }
:root[data-theme="dark"] .tk-secscore span { background: rgba(32, 29, 42, 0.8); color: #cccdd5; }
:root[data-theme="dark"] .tk-ai { background: #1e123f; }
:root[data-theme="dark"] .tk-ai.ok { background: #1f3825; color: #c8ddce; }
:root[data-theme="dark"] .tk-ai-more:hover { background: #19123e; }