.theme-setting{margin-top:28px;padding-top:25px;border-top:1px solid var(--line)}.theme-options{display:flex;gap:8px}.theme-options button{width:76px;height:66px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);display:grid;place-items:center;font:inherit;cursor:pointer}.theme-options button span{font-size:18px}.theme-options button small{font-size:8px}.theme-options button.active{border-color:var(--purple);background:#f1efff;color:var(--purple)}
html.theme-dark{color-scheme:dark;--ink:#f0eff8;--muted:#a4a2b5;--line:#353348;--soft:#1a1924;--shadow:0 14px 34px rgba(0,0,0,.25)}html.theme-dark body{background:#171620;color:var(--ink)}html.theme-dark .sidebar,html.theme-dark .topbar .icon-btn,html.theme-dark .stat-card,html.theme-dark .panel,html.theme-dark .lesson-item,html.theme-dark .typing-panel,html.theme-dark .settings-menu,html.theme-dark .settings-content,html.theme-dark .badge-grid article,html.theme-dark .result-card,html.theme-dark .auth-form-wrap{background:#211f2c;color:var(--ink)}html.theme-dark .nav-item{color:#aaa8ba}html.theme-dark .nav-item:hover,html.theme-dark .nav-item.active,html.theme-dark .settings-menu button:hover,html.theme-dark .settings-menu button.active{background:#302c4a;color:#a99cff}html.theme-dark .daily-card{background:linear-gradient(145deg,#2c2942,#262337);border-color:#3d3858}html.theme-dark .target-text{background:#1b1a25;border-color:#3b3850}html.theme-dark .stage-progress,html.theme-dark .font-preview,html.theme-dark .result-stats span{background:#292735}html.theme-dark .virtual-keyboard{background:#181720}html.theme-dark .v-key{background:#302e3c;border-color:#464354;border-bottom-color:#1b1924;color:#eceaf5}html.theme-dark .v-key.active{background:var(--purple)}html.theme-dark textarea,html.theme-dark .auth-form input,html.theme-dark .settings-form input{background:#191822;border-color:#3c394c;color:var(--ink)}html.theme-dark .settings-form input:disabled{background:#292735;color:#88869a}html.theme-dark .font-options button,html.theme-dark .theme-options button,html.theme-dark .secondary-button,html.theme-dark .lesson-item button{background:#2b2938;color:#ddd9ff;border-color:#444055}html.theme-dark .font-options button.active,html.theme-dark .theme-options button.active{background:#393354;border-color:#7668d9;color:#b9afff}html.theme-dark .logout-button{background:#282633;border-color:#413e50}html.theme-dark .weak-keys span,html.theme-dark .letter-stack b{background:#302c4a}html.theme-dark .auth-screen{background:#211f2c}html.theme-dark .profile-button{color:var(--ink)}html.theme-dark .about-details div,html.theme-dark .settings-title,html.theme-dark .about-brand{border-color:var(--line)}
@media(max-width:720px){.theme-options{width:100%}.theme-options button{flex:1}}