:root{color-scheme:light}
.theme-picker{display:flex;align-items:center;gap:7px;padding:5px 9px;border:1px solid var(--line);border-radius:7px;background:var(--white);color:var(--green);flex-shrink:0}
.theme-picker>.icon{width:15px;height:15px}
.theme-picker select{border:0;background:transparent;color:var(--ink);font-size:11px;cursor:pointer;padding:3px 0;min-height:25px;width:84px}
.theme-picker:focus-within{outline:2px solid var(--green);outline-offset:3px}
.theme-picker select:focus-visible{outline:none}
.chinese-result-card{color:var(--ink)}

:root[data-theme="dark"]{color-scheme:dark;--ink:#e3ece6;--muted:#a3b5ab;--green:#9bd1b6;--dark:#b4dfc6;--mint:#24372d;--bg:#121b17;--line:#33473b;--white:#1c2924;--gold:#d4b77e;--theme-panel:#1c2924;--theme-tint:#24372d;--theme-soft:#202f27;--theme-secondary:#b0c1b5;--theme-subtle:#97ab9d;--theme-button:#307562}
[data-theme="dark"] .sidebar,[data-theme="dark"] .topbar{background:var(--theme-panel)}
[data-theme="dark"] :is(.skip-link,.plan-card,.category-card,.secondary,.definition-card,.side-panel,.empty-state,.lesson-group,.saved-card,.quiz,.chinese-result-card,.search-form,.grammar-search,.notebook-tools input,.notebook-tools select){background:var(--theme-panel);border-color:var(--line)}
[data-theme="dark"] :is(.hero,.dictionary-search,.grammar-intro,.word-card,.tip-panel,.dialog-header,.chinese-search-tip){background:var(--theme-tint);border-color:var(--line)}
[data-theme="dark"] :is(.little-note,.quote-strip,.example-box,.word-chip,.quiz-option,dialog){background:var(--theme-soft);border-color:var(--line)}
[data-theme="dark"] :is(.brand small,.nav-label,.sidebar nav a,.profile small,.breadcrumb,.date,.page-heading p,.greeting,.hero-description,.trending,.small-label,.word-label,.phonetic,.word-meaning .pos,.word-example-cn,.word-number,.plan-summary p,.plan-summary strong small,.task-row small,.section-heading h2 small,.text-link,.category-english,.category-desc,.category-bottom,.category-level,.category-english,.quote-cn,.footer,.footer>span:first-child,.footer-message,.pronunciation,.definition-meaning i,.data-source,.recent-word small,.empty-state p,.grammar-intro p,.filter-button,.lesson-number,.lesson-info small,.lesson-meta,.dialog-header p,.review-counter,.delete-button,.saved-details,.local-note,.muted,.search-result-phonetic,.chinese-search-intro>p,.chinese-results-section .section-heading small,.search-result-example small,.chinese-example-matches>p){color:var(--theme-subtle)}
[data-theme="dark"] :is(.breadcrumb strong,.little-note p,.little-note small,.word-meaning,.word-example,.quote-en,.definition-en,.example-box small,.tip-panel p,.lesson-intro,.rule>p,.search-usage-note,.chinese-example-matches summary){color:var(--theme-secondary)}
[data-theme="dark"] :is(.word-title,.chinese-search-intro h2,.search-result-meaning,.search-result-example p){color:var(--ink)}
[data-theme="dark"] :is(.eyebrow,.little-note>.icon,.word-label .icon,.side-panel h3 svg,.example-box button,.quote-strip button,.save-word,.save-word.saved){color:var(--green)}
[data-theme="dark"] :is(.nav-small,.avatar,.small-avatar,.task-icon,.category-icon,.category-icon.sage,.badge,.search-match-badge,.related-result .search-match-badge,.rule h3 span,.empty-state .empty-icon){background:#2d4133;color:#b6cdb2;border-color:var(--line)}
[data-theme="dark"] .category-icon.amber{background:#403727;color:#e0bf88}
[data-theme="dark"] .category-icon.lavender{background:#343044;color:#c3b7df}
[data-theme="dark"] .category-icon.blue{background:#263c46;color:#a2cadb}
[data-theme="dark"] .category-icon.rose{background:#432f2c;color:#dbb0a1}
[data-theme="dark"] :is(.brand-mark,.search-submit,.primary){background:var(--theme-button);color:#fff}
[data-theme="dark"] :is(.search-submit:hover,.primary:hover){background:#3e886f}
[data-theme="dark"] :is(.sidebar nav a:hover,.sidebar nav a.active,.secondary:hover,.filter-button:hover,.filter-button.active,.lesson-row:hover){background:#2a3e31;color:var(--green);border-color:var(--line)}
[data-theme="dark"] :is(.trending button,.round-audio,.slow-pronunciation,.close-button){background:#2b3e31;border-color:#425e48;color:#c1d7b9}
[data-theme="dark"] :is(.trending button:hover,.round-audio:hover,.slow-pronunciation:hover,.close-button:hover){background:#354e3e;color:#e1efdc}
[data-theme="dark"] .search-form input{color:var(--ink)}
[data-theme="dark"] .search-form input::placeholder,[data-theme="dark"] .grammar-search::placeholder,[data-theme="dark"] .notebook-tools input::placeholder{color:var(--theme-subtle)}
[data-theme="dark"] :is(.task-row,.word-card-bottom,.recent-word,.lesson-row,.dialog-header,.search-result-example){border-color:var(--line)}
[data-theme="dark"] .edition{color:var(--theme-subtle);border-color:var(--line)}
[data-theme="dark"] .progress-ring{background:conic-gradient(var(--green) var(--progress),#354839 0);color:var(--theme-secondary)}
[data-theme="dark"] .progress-ring:before{background:var(--theme-panel)}
[data-theme="dark"] .grammar-intro .progress-ring:before{background:var(--theme-tint)}
[data-theme="dark"] .mini-progress{background:#354839}
[data-theme="dark"] .mini-progress span{background:var(--green)}
[data-theme="dark"] .quote-mark{color:#879a7a}
[data-theme="dark"] .lesson-tip{background:#393425;color:#dfcd9e}
[data-theme="dark"] .chinese-search-tip{color:#c1d7b9}
[data-theme="dark"] .related-result{border-top-color:#73916c}
[data-theme="dark"] .chinese-result-card:hover{border-color:#8eae96}
[data-theme="dark"] .quiz-option.correct{background:#264830;border-color:#537b55;color:#c0e6b8}
[data-theme="dark"] .quiz-option.wrong{background:#4c302b;border-color:#8a5545;color:#f0c1ae}
[data-theme="dark"] .quiz-feedback{color:#b6d6a5}
[data-theme="dark"] .memory-note{color:var(--theme-subtle)!important}
[data-theme="dark"] .toast{background:#d0e6d4;color:#1c3728}
[data-theme="dark"] .audio-playing{background:#3b6242!important}
[data-theme="dark"] .audio-playing svg{color:#c9e9c3}
[data-theme="dark"] dialog::backdrop{background:#030a07b8}
@media(min-width:701px) and (max-width:850px){.topbar-right .date{display:none}}
@media(max-width:700px){.theme-picker{gap:5px;padding:3px 7px}.theme-picker select{font-size:11px;width:81px}.topbar-right{gap:10px}}
@media(max-width:480px){.topbar{padding-inline:17px}.breadcrumb strong,.topbar-right .streak{display:none}}