.settings-shell,.learning-dashboard,.vocabulary-manager,.flashcard-hub{gap:24px;display:grid}.settings-sections{z-index:5;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;gap:7px;padding:7px;display:flex;position:sticky;top:78px;box-shadow:0 10px 30px #19312c0f}.settings-sections a{color:var(--muted);border-radius:9px;padding:9px 12px;font-size:12px;font-weight:800}.settings-sections a:hover{color:var(--jade-dark);background:var(--surface-soft)}.settings-status{color:var(--jade-dark);background:#e5f1eb;border-radius:11px;margin:0;padding:10px 14px;font-size:12px;font-weight:750}.settings-card,.dashboard-section,.vocabulary-toolbar,.vocabulary-results{border:1px solid var(--line);background:var(--surface);border-radius:23px;padding:27px;scroll-margin-top:145px;box-shadow:0 16px 45px #19312c0e}.settings-heading,.dashboard-section-heading,.deck-panel-heading,.vocabulary-results-heading{justify-content:space-between;align-items:flex-start;gap:22px;display:flex}.settings-heading h2,.dashboard-section-heading h2,.deck-panel-heading h2,.vocabulary-results-heading h2{font-family:var(--font-hanzi),serif;margin:0;font-size:28px}.settings-heading p,.deck-panel-heading p{max-width:620px;color:var(--muted);margin:5px 0 0;font-size:13px;line-height:1.6}.settings-heading>svg{color:var(--jade)}.settings-row{border-top:1px solid var(--line);grid-template-columns:150px minmax(0,1fr) auto;align-items:center;gap:18px;min-height:72px;display:grid}.settings-heading+.settings-row{margin-top:20px}.settings-row>span{color:var(--muted);font-size:12px;font-weight:800}.settings-row>small{color:var(--muted);justify-self:end}.settings-row .button svg{width:15px}.settings-profile-value img,.settings-avatar{object-fit:cover;border-radius:50%;width:52px;height:52px}.settings-avatar{color:#fff;background:var(--jade);font-family:var(--font-hanzi);place-items:center;font-size:22px;display:grid}.settings-inline-editor{background:var(--surface-soft);border-radius:14px;align-items:end;gap:10px;padding:16px;display:flex}.settings-inline-editor label{flex:1;gap:6px;font-size:11px;font-weight:800;display:grid}.settings-inline-editor input,.settings-select select,.goal-editor input,.app-dialog input,.app-dialog select,.app-dialog textarea,.managed-vocabulary-row select,.vocabulary-controls input,.vocabulary-controls select,.flashcard-goal-strip input{color:var(--ink);background:var(--surface);font:inherit;border:1px solid #cfddd6;border-radius:10px;padding:10px 12px}.plan-summary{grid-template-columns:.8fr 1fr 1fr;gap:14px;margin-top:22px;display:grid}.plan-summary>div{background:var(--surface-soft);border-radius:15px;padding:18px}.plan-summary span{color:var(--muted);margin-bottom:7px;font-size:11px;font-weight:800;display:block}.plan-summary h3{margin:0;font-size:28px}.plan-summary strong{font-size:13px}.settings-actions{justify-content:flex-end;margin-top:16px;display:flex}.preference-switch{border-top:1px solid var(--line);cursor:pointer;align-items:center;gap:20px;min-height:78px;display:flex}.settings-heading+.preference-switch{margin-top:18px}.preference-switch>span{flex:1}.preference-switch strong,.preference-switch small{display:block}.preference-switch small{color:var(--muted);margin-top:4px;font-size:12px}.preference-switch input{opacity:0;pointer-events:none;position:absolute}.preference-switch i{background:#ccd8d2;border-radius:99px;width:45px;height:25px;padding:3px;transition:all .2s}.preference-switch input:checked+i{background:var(--jade);justify-content:flex-end;display:flex}.preference-switch i svg{width:19px;height:19px;color:var(--jade);background:var(--surface);border-radius:50%;padding:3px}.settings-select{color:var(--muted);gap:8px;margin-top:20px;font-size:11px;font-weight:800;display:grid}.settings-profile-signout{flex:none}.settings-profile-signout svg{width:16px}.danger-zone{background:#fffaf7;border-color:#ead7d0}.danger-zone .settings-heading>svg{color:var(--coral)}.danger-copy{background:var(--surface);border:1px solid #ead7d0;border-radius:15px;align-items:center;gap:30px;margin-top:20px;padding:18px;display:flex}.danger-copy>div{flex:1}.danger-copy h3,.danger-copy p{margin:0}.danger-copy p{color:var(--muted);margin-top:5px;font-size:12px}.button-danger{color:#fff;background:#a64534}.dashboard-page{background:linear-gradient(#f5f8f6,#fff 36%)}.dashboard-welcome{justify-content:space-between;align-items:flex-end;gap:25px;padding:12px 0 4px;display:flex}.dashboard-welcome h1{font-family:var(--font-hanzi),serif;margin:5px 0;font-size:clamp(36px,5vw,58px)}.dashboard-welcome p{color:var(--muted);margin:0}.dashboard-welcome-actions{gap:8px;display:flex}.report-prompt{background:linear-gradient(110deg,#e8f3ed,#f8fbf9);border:1px solid #d5e2dc;border-radius:18px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:16px;padding:18px 20px;display:grid}.report-prompt>svg{color:var(--jade)}.report-prompt h2,.report-prompt p{margin:0}.report-prompt h2{font-size:17px}.report-prompt p{color:var(--muted);margin-top:3px;font-size:12px}.dashboard-section-heading{align-items:center}.dashboard-section-heading small{color:var(--muted)}.goal-summary{color:var(--muted);margin:8px 0 18px;font-size:12px}.goal-editor{grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0;display:grid}.goal-editor label{color:var(--muted);gap:6px;font-size:11px;font-weight:800;display:grid}.focus-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.focus-card{min-height:150px;color:var(--ink);background:var(--surface-soft);border:1px solid #dce6e1;border-radius:17px;grid-template-columns:auto 1fr;gap:12px;padding:18px;transition:all .18s;display:grid}.focus-card:hover{border-color:#a9c7b9;transform:translateY(-2px);box-shadow:0 12px 25px #19312c12}.focus-card.complete{background:#edf6f1}.focus-icon{width:40px;height:40px;color:var(--jade);background:#e2efe9;border-radius:12px;place-items:center;display:grid}.focus-icon svg{width:19px}.focus-card p{color:var(--muted);margin:5px 0;font-size:12px}.focus-card small{color:var(--coral);font-weight:850}.focus-card>span:last-child{color:var(--jade-dark);grid-column:1/-1;justify-content:space-between;align-items:center;font-size:12px;font-weight:850;display:flex}.focus-card>span:last-child svg{width:16px}.practice-stat-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px;display:grid}.practice-stat-card{background:var(--surface-soft);border:1px solid #e0e7e3;border-radius:16px;padding:18px}.practice-stat-card>span{color:var(--muted);align-items:center;gap:7px;font-size:11px;font-weight:800;display:flex}.practice-stat-card svg{width:17px;color:var(--coral)}.practice-stat-card>strong{margin:15px 0 2px;font-size:34px;display:block}.practice-stat-card small{color:var(--muted)}.activity-tabs,.flashcard-tabs,.status-filter{background:var(--surface-soft);border-radius:12px;gap:6px;padding:5px;display:flex}.activity-tabs button,.flashcard-tabs button,.status-filter button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:9px 14px;font-weight:800}.activity-tabs button.active,.flashcard-tabs button.active,.status-filter button.active{color:var(--jade-dark);background:var(--surface);box-shadow:0 4px 12px #19312c17}.activity-timeline{margin-top:18px;display:grid}.activity-item{border-top:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:13px;min-height:70px;display:grid}.activity-item:first-child{border-top:0}.activity-mode{width:38px;height:38px;color:var(--jade);background:#e6f1eb;border-radius:12px;place-items:center;display:grid}.activity-mode.flashcard{color:#8c6230;background:#f8edcf}.activity-mode.dictation{color:#805169;background:#f3e5ee}.activity-mode svg{width:17px}.activity-item strong,.activity-item small{display:block}.activity-item small{color:var(--muted);margin-top:3px;font-size:11px}.activity-item>a{color:var(--jade-dark);font-family:var(--font-hanzi);align-items:center;gap:6px;font-size:25px;display:flex}.activity-item>a svg{width:16px}.load-activity{justify-self:center;margin-top:16px}.vocabulary-title-row{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.vocabulary-title-row h2{font-family:var(--font-hanzi);margin:5px 0 0;font-size:34px}.vocabulary-toolbar-actions{flex-wrap:wrap;gap:8px;display:flex}.vocabulary-toolbar-actions svg{width:16px}.vocabulary-controls{grid-template-columns:1fr 240px;gap:10px;margin-top:22px;display:grid}.vocabulary-controls label{background:var(--surface);border:1px solid #cfddd6;border-radius:11px;align-items:center;gap:8px;padding-left:12px;display:flex}.vocabulary-controls label>svg{width:17px;color:var(--muted)}.vocabulary-controls input,.vocabulary-controls select{border:0;outline:0;width:100%}.status-filter{width:max-content;max-width:100%;margin-top:12px}.status-filter>svg{color:var(--muted);align-self:center;margin-left:8px}.status-filter button span{color:var(--muted);margin-left:4px;font-size:10px}.vocabulary-summary{color:var(--muted);gap:6px;margin:14px 0 0;font-size:11px;display:flex}.vocabulary-summary strong{color:var(--ink)}.vocabulary-results-heading{align-items:end;margin-bottom:16px}.managed-vocabulary-list{gap:9px;display:grid}.managed-vocabulary-row{border:1px solid var(--line);border-radius:15px;grid-template-columns:68px minmax(150px,1fr) 125px 135px 38px 38px;align-items:center;gap:10px;padding:13px;display:grid}.managed-glyph{min-height:54px;color:var(--jade-dark);background:var(--surface-soft);font-family:var(--font-hanzi);border-radius:12px;place-items:center;font-size:33px;display:grid}.managed-word-copy{min-width:0}.managed-word-copy strong,.managed-word-copy p{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.managed-word-copy strong{color:var(--jade-dark);font-size:12px}.managed-word-copy p{color:var(--muted);margin:4px 0 0;font-size:11px}.managed-vocabulary-row label{color:var(--muted);text-transform:uppercase;gap:4px;font-size:9px;font-weight:850;display:grid}.managed-vocabulary-row select{min-width:0;padding:8px}.vocabulary-mini-stats{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.vocabulary-mini-stats>div{background:var(--surface-soft);border-radius:14px;padding:15px}.vocabulary-mini-stats strong{font-size:25px;display:block}.vocabulary-mini-stats span{color:var(--muted);font-size:11px}.app-dialog-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#14231f8c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.app-dialog{background:var(--surface);border-radius:23px;width:min(100%,560px);max-height:min(90vh,720px);padding:28px;position:relative;overflow:auto;box-shadow:0 28px 70px #00000038}.dialog-close{position:absolute;top:14px;right:14px}.dialog-icon{width:48px;height:48px;color:var(--jade);background:#e5f0eb;border-radius:15px;place-items:center;display:grid}.app-dialog h2{font-family:var(--font-hanzi);margin:16px 0 4px;font-size:28px}.app-dialog>p{color:var(--muted);margin:0 0 18px;font-size:12px}.app-dialog>label,.app-dialog form label{gap:6px;margin-top:12px;font-size:11px;font-weight:800;display:grid}.app-dialog textarea{resize:vertical}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.app-dialog form{grid-template-columns:1fr auto;align-items:end;gap:8px;display:grid}.group-list{gap:8px;margin-top:18px;display:grid}.group-list>div{background:var(--surface-soft);border-radius:12px;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:11px;display:grid}.group-list span{align-items:center;gap:8px;font-weight:800;display:flex}.group-list svg{width:16px}.group-list small{color:var(--muted)}.flashcard-hub{max-width:1050px;margin:auto}.flashcard-tabs{width:max-content}.deck-panel{border:1px solid var(--line);background:var(--surface);border-radius:23px;padding:26px}.deck-panel-controls{align-items:center;gap:9px;display:flex}.deck-panel-controls>div{background:var(--surface-soft);border-radius:10px;padding:4px;display:flex}.deck-panel-controls>div button{background:0 0;border:0;border-radius:8px;padding:8px 12px;font-weight:800}.deck-panel-controls>div button.active{color:var(--jade-dark);background:var(--surface)}.hsk-deck-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px;display:grid}.hsk-deck-card{background:var(--surface-soft);border:1px solid #dce5e1;border-radius:17px;padding:18px}.hsk-deck-card.locked{background:#fff8f4}.deck-card-heading{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;font-size:10px;font-weight:850;display:flex}.deck-card-heading svg{width:15px;color:var(--coral)}.hsk-deck-card h3{margin:8px 0 14px;font-size:23px}.hsk-deck-card p{color:var(--muted);font-size:11px}.hsk-deck-card progress{width:100%;height:7px;accent-color:var(--jade)}.hsk-deck-card>div:last-child{justify-content:space-between;align-items:center;margin-top:15px;display:flex}.hsk-deck-card>div:last-child>a:first-child{color:var(--jade-dark);font-size:11px;font-weight:800}.hsk-deck-card .button{padding:8px 10px;font-size:10px}.hsk-deck-card .button svg{width:14px}.custom-deck-grid{gap:10px;margin-top:22px;display:grid}.custom-deck-card{border:1px solid var(--line);border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:16px;display:grid}.custom-deck-icon{width:45px;height:45px;color:var(--jade);background:#e6f1eb;border-radius:13px;place-items:center;display:grid}.custom-deck-card h3,.custom-deck-card p{margin:0}.custom-deck-card p{color:var(--muted);margin-top:4px;font-size:11px}.flashcard-goal-strip{color:#fff;background:linear-gradient(110deg,var(--jade-dark),var(--jade));border-radius:16px;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.flashcard-goal-strip>div{align-items:center;gap:10px;display:flex}.flashcard-goal-strip strong,.flashcard-goal-strip small{display:block}.flashcard-goal-strip small{color:#cfe3dc}.flashcard-goal-strip label{align-items:center;gap:8px;font-size:11px;font-weight:800;display:flex}.flashcard-goal-strip input{border:0;width:76px}@media (max-width:900px){.focus-grid,.hsk-deck-grid,.practice-stat-grid{grid-template-columns:1fr 1fr}.managed-vocabulary-row{grid-template-columns:58px 1fr 120px 38px 38px}.managed-vocabulary-row label:nth-of-type(2){grid-area:2/2/auto/4}.vocabulary-controls{grid-template-columns:1fr}}@media (max-width:680px){.settings-sections{white-space:nowrap;position:static;overflow:auto}.settings-card,.dashboard-section,.vocabulary-toolbar,.vocabulary-results,.deck-panel{padding:20px}.settings-row{grid-template-columns:1fr auto}.settings-row>span{grid-column:1/-1;padding-top:12px}.settings-row>small{display:none}.settings-inline-editor,.danger-copy,.dashboard-welcome,.deck-panel-heading,.vocabulary-title-row,.vocabulary-results-heading{flex-direction:column;align-items:stretch}.plan-summary,.goal-editor,.focus-grid,.hsk-deck-grid{grid-template-columns:1fr}.dashboard-welcome-actions,.vocabulary-toolbar-actions{grid-template-columns:1fr;display:grid}.report-prompt{grid-template-columns:auto 1fr}.report-prompt>.button{grid-column:1/-1}.report-prompt>.icon-button{position:absolute;right:22px}.practice-stat-grid{grid-template-columns:1fr 1fr}.activity-tabs,.status-filter{width:100%;overflow:auto}.managed-vocabulary-row{grid-template-columns:52px 1fr 38px}.managed-vocabulary-row label{grid-column:2/4}.managed-vocabulary-row>.icon-button{grid-row:1}.managed-vocabulary-row>.icon-button:last-child{grid-column:3}.vocabulary-mini-stats,.app-dialog form{grid-template-columns:1fr}.custom-deck-card{grid-template-columns:auto 1fr}.custom-deck-card .button{grid-column:1/-1}.flashcard-goal-strip{flex-direction:column;align-items:flex-start;gap:12px}}@media (max-width:440px){.practice-stat-grid{grid-template-columns:1fr}.settings-card,.dashboard-section,.vocabulary-toolbar,.vocabulary-results,.deck-panel{padding:17px}.activity-tabs button,.status-filter button{padding:8px 10px}.vocabulary-summary{flex-wrap:wrap}}.settings-email-value{display:grid}.settings-email-value small{color:var(--muted);margin-top:3px;font-size:10px}.settings-verified-icon{color:var(--jade);justify-self:end}.email-timezone-note{color:var(--muted);margin:12px 0 0;font-size:10px}.dashboard-empty-state{background:radial-gradient(circle at 50% 0,#1d6b591a,#0000 40%),linear-gradient(145deg,#fff,#f4f8f5);border-style:solid;align-content:center;justify-items:center;max-width:780px;min-height:340px;margin:0 auto;padding:48px;display:grid;box-shadow:0 20px 50px #19312c12}.dashboard-empty-icon{color:#fff;background:var(--jade);border-radius:18px;place-items:center;width:58px;height:58px;margin-bottom:16px;display:grid;box-shadow:0 12px 28px #1d6b5933}.dashboard-empty-icon svg{width:27px;height:27px}.dashboard-empty-state h2{font-family:var(--font-hanzi),serif;color:var(--ink);margin:8px 0 5px;font-size:36px}.dashboard-empty-state>p{max-width:570px;color:var(--muted);margin:0;line-height:1.7}.dashboard-empty-actions{justify-content:center;gap:9px;margin-top:22px;display:flex}.dashboard-empty-state>small{color:var(--muted);margin-top:15px}.dashboard-loading-state{min-height:260px}.dashboard-loading-state>p{margin-top:4px}@media (max-width:680px){.dashboard-empty-state{min-height:310px;padding:35px 22px}.dashboard-empty-state h2{font-size:30px}.dashboard-empty-actions{width:100%;display:grid}.dashboard-empty-actions .button{width:100%}}.settings-page,.settings-photo-editor,.focus-section,.activity-section,.vocabulary-search{min-width:0}
.theme-switcher{position:relative}.theme-trigger svg{width:18px}.theme-menu{z-index:80;border:1px solid var(--line);background:var(--surface);border-radius:16px;width:270px;padding:8px;position:absolute;top:calc(100% + 9px);right:0;box-shadow:0 22px 55px #0c1b1733}.theme-menu-heading{border-bottom:1px solid var(--line);padding:9px 11px 11px;display:grid}.theme-menu-heading strong{font-size:13px}.theme-menu-heading small{color:var(--muted);margin-top:2px;font-size:10px}.theme-menu>button{width:100%;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:10px;grid-template-columns:32px minmax(0,1fr) 18px;align-items:center;gap:9px;padding:10px;display:grid}.theme-menu>button:hover,.theme-menu>button:focus-visible{background:var(--surface-soft);outline:0}.theme-menu>button>svg:first-child{width:17px;color:var(--jade)}.theme-menu>button>span{display:grid}.theme-menu>button strong{font-size:12px}.theme-menu>button small{color:var(--muted);margin-top:1px;font-size:9px}.theme-selected{width:15px;color:var(--coral)}html[data-theme=dark]{--ink:#edf5f1;--muted:#a8bab4;--line:#344a44;--paper:#0f1715;--cream:#17211e;--jade:#62c5a7;--jade-dark:#47ad91;--coral:#ff9475;--surface:#18231f;--surface-raised:#1d2a26;--surface-soft:#22312c;--surface-muted:#293a34;--field:#111b18;--inverse:#102a23;--inverse-text:#f5fbf8;--accent-fill:#245f50;--accent-fill-hover:#2f7d68;--shadow:0 22px 55px #00000052}html[data-theme=dark] body{background:var(--paper);color:var(--ink)}html[data-theme=dark] .site-header{border-color:var(--line);background:#0f1715eb}html[data-theme=dark] :is(.nav-dropdown,.account-dropdown-panel,.mobile-nav,.theme-menu){background:var(--surface-raised)}html[data-theme=dark] :is(.nav-dropdown-links a:hover,.nav-dropdown-links a.active,.account-dropdown-panel>a:hover,.account-dropdown-panel>a:focus-visible,.account-dropdown-panel>button:hover,.account-dropdown-panel>button:focus-visible){background:var(--surface-soft)}html[data-theme=dark] .desktop-nav,html[data-theme=dark] .structured-desktop-nav .nav-group>button{color:#c2d1cc}html[data-theme=dark] :is(.tools-navigation a,.mobile-nav-groups a){color:#b8cac4}html[data-theme=dark] :is(.lookup-route-nav>a.active,.tools-navigation a.active,.writer-mode-tabs button.active,.stroke-count-picker a.active,.stroke-pagination a.active,.vocab-row>button.mastered,.save-character.saved){color:#f6fbf9;border-color:var(--accent-fill-hover);background:var(--accent-fill)}html[data-theme=dark] .lookup-route-nav .active small{color:#d5e8e1}html[data-theme=dark] .hero-search-panel .search-box button:hover{background:var(--accent-fill)}html[data-theme=dark] :is(input,textarea,select){color:var(--ink);border-color:var(--line);background:var(--field)}html[data-theme=dark] :is(input,textarea)::placeholder{color:#91a49e}html[data-theme=dark] option{color:var(--ink);background:var(--surface)}html[data-theme=dark] :is(.button-dark,.mini-card.active,.hero-hsk-primary,.vocab-table-head,.comparison-head){color:var(--inverse-text);background:var(--inverse)}html[data-theme=dark] .button-light{color:#13352c;background:#eef8f4}html[data-theme=dark] :is(.button-ghost,.icon-button){color:var(--ink);border-color:var(--line);background:var(--surface)}html[data-theme=dark] :is(.section-tint,.page-surface,.pro-page,.review-page,.component-directory,.radical-family-page){background:var(--paper)}html[data-theme=dark] :is(.hero-section,.hsk-directory-hero,.directory-hero,.vocabulary-hero){background:radial-gradient(circle at 82% 14%,#62c5a71f,#0000 28%),linear-gradient(135deg,#101a17,#18231f)}html[data-theme=dark] :is(.page-hero,.tool-page-hero){color:#f6fbf9;border-color:var(--line);background:linear-gradient(135deg,#143b31,#1f6654)}html[data-theme=dark] .character-hero{border-color:var(--line);background:var(--paper)}html[data-theme=dark] :is(.content-card,.side-card,.facts-card,.relationship-card,.character-card,.level-card,.radical-card,.pinyin-card,.component-card,.tool-card,.faq-grid details,.match-game,.auth-card,.account-profile,.account-stats>div,.settings-card,.dashboard-panel,.deck-panel,.hsk-toolbar,.hsk-summary>div,.dictation-settings,.vocab-grid-view .vocab-row,.worksheet-controls,.theme-menu,.library-overview,.saved-list>div,.pricing-card,.comparison-table,.comparison-context article,.hsk-version-card,.hsk-level-about,.hsk-level-statistics,.hsk-level-tools,.hsk-level-faq,.hsk-level-path,.tool-step-grid article,.tool-use-grid article,.tool-faq details,.related-tools a,.word-breakdown a,.writing-rules-grid>section,.deck-toolbar,.danger-copy){color:var(--ink);border-color:var(--line);background:var(--surface)}html[data-theme=dark] :is(.hero-search-panel,.search-box,.hero-hsk-card,.trust-strip,.demo-caption,.floating-chip,.component-equation-part>a,.context-word,.stroke-focus figure,.stroke-diagrams button,.save-character,.stroke-focus>button,.vocab-row>button,.worksheet-stroke-strip svg,.quick-sheet-frame,.paper-page,.quick-sheet-frame canvas){border-color:var(--line);background:var(--surface-raised)}html[data-theme=dark] :is(.paper-page,.quick-sheet-frame canvas,.worksheet-stroke-strip svg,.dictation-canvas){color:#19312c;background:#fffdf8}html[data-theme=dark] :is(.tone-mint,.tone-peach,.tone-blue,.tone-gold,.flow-visual,.component-equation,.usage-patterns>div,.writing-note-grid>div,.session-summary,.dictation-stats,.writer-control-panel,.settings-inline-editor,.focus-card,.hsk-deck-card,.library-secondary-stat){color:var(--ink);border-color:var(--line);background:var(--surface-soft)}html[data-theme=dark] :is(.segmented,.writer-mode-tabs,.activity-tabs,.flashcard-tabs,.status-filter,.deck-panel-controls>div){background:var(--surface-muted)}html[data-theme=dark] :is(.segmented button.active,.activity-tabs button.active,.flashcard-tabs button.active,.status-filter button.active,.deck-panel-controls>div button.active,.auth-tabs button.active){color:var(--ink);background:var(--surface)}html[data-theme=dark] :is(.vocab-row:hover,.character-card:hover,.hsk-deck-card:hover,.saved-list>div:hover){background:var(--surface-soft)}html[data-theme=dark] :is(.hero-copy h1 em,.text-link,.card-link,.fact-components a,.relationship-list span){color:var(--jade)}html[data-theme=dark] :is(.feature-card p,.vocab-row p,.usage-note p,.comparison-row>span:nth-child(2),.hero-highlights span,.pricing-benefits li){color:var(--muted)}html[data-theme=dark] :is(.kicker,.usage-note,.tool-limit-warning,.save-limit-message,.daily-limit-status,.pro-feature-gate,.level-card.is-locked,.hsk-deck-card.locked,.danger-zone){color:#ffc2af;background:#35241f;border-color:#74483d}html[data-theme=dark] :is(.access-limit-note,.access-limit-note.is-pro,.daily-limit-status.is-pro,.focus-card.complete,.comparison-context article.is-pro){color:#bde8da;background:#1b352e;border-color:#315d50}html[data-theme=dark] :is(.review-hard,.activity-mode.dictation){color:#d7bddf;background:#352b3c}html[data-theme=dark] .activity-mode.flashcard{color:#e3c184;background:#3a3021}html[data-theme=dark] :is(.hero-hsk-levels a,.stroke-badge,.writer-status>button,.queue-list button.completed,.custom-deck-icon,.focus-icon,.activity-mode,.library-empty-icon){background:var(--surface-soft)}html[data-theme=dark] :is(.dashboard-empty-state,.library-empty-state){color:var(--ink);border-color:var(--line);background:radial-gradient(circle at 50% 0,#62c5a71c,transparent 42%),linear-gradient(145deg,var(--surface-raised),var(--surface))}html[data-theme=dark] .worksheet-preview{color:var(--ink);background:#26342f}html[data-theme=dark] .paper-page{color:#19312c;background:#fffdf8}html[data-theme=dark] .paper-header{border-color:#19312c}html[data-theme=dark] :is(.pro-workflow,.pro-value-panel,.pro-membership-status){color:var(--ink);border-color:var(--line);background:#202a25}html[data-theme=dark] .site-footer{border-color:var(--line);background:#0b1210}html[data-theme=dark] .quick-sheet-loading{color:#19312c;background:#ffffffdb}html[data-theme=dark] canvas{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark] ::selection{color:#10201c;background:#87dfc2}html[data-theme=dark] .lookup-route-nav>a.active,html[data-theme=dark] .tools-navigation a.active,html[data-theme=dark] .writer-mode-tabs button.active,html[data-theme=dark] .stroke-count-picker a.active,html[data-theme=dark] .stroke-pagination a.active{color:#f6fbf9!important;background:#245f50!important;border-color:#2f7d68!important}html[data-theme=dark] .hero-search-panel .search-box button{color:#fff!important;background:#2f7d68!important}@media (max-width:680px){.theme-menu{width:auto;position:fixed;top:70px;left:14px;right:14px}.header-actions{gap:6px}.theme-trigger{width:38px;height:38px}}@media print{.theme-switcher{display:none!important}html[data-theme=dark]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark] body{color:#19312c;background:#fff}html[data-theme=dark] .paper-page{background:#fff}}