:root{--bg:#faf9f5;--surface:#fffefa;--surface-raised:#fff;--text:#2a3e35;--muted:#7b8975;--border:#e3e7da;--accent:#236958;--accent-text:#fff;--soft:#edf2e6;--hero:#e9edda;--peach:#fcf3e8;--lavender:#f1edf9;--mint:#edf3e9;--rose:#f8efed;color-scheme:light}
:root[data-theme=dark]{--bg:#111a17;--surface:#18241f;--surface-raised:#1e2d26;--text:#e4ede3;--muted:#a0b39f;--border:#2c4034;--accent:#a7d48d;--accent-text:#14251a;--soft:#24382a;--hero:#233b2b;--peach:#362d24;--lavender:#302b3d;--mint:#26392b;--rose:#3a2b2c;color-scheme:dark}
html,body,:root{background:var(--bg);color:var(--text)}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}clear-speak-app{display:block;min-height:100dvh}.theme-switch{background:var(--surface-raised);color:var(--text);border:1px solid var(--border);border-radius:24px;min-height:38px;padding:7px 13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:11px;white-space:nowrap}.theme-switch>span:first-child{font-size:18px;line-height:1}.theme-switch:hover{border-color:var(--accent)}.cloud-status{min-height:50px}.cloud-status #sync-status{flex:1}.login-tools{align-items:center;gap:12px;flex-wrap:wrap}.login-card #login-message{line-height:1.8}.login-card .eyebrow{line-height:1.8}.login-card #retry-connection{margin:10px 0}.theme-switch:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
[data-theme=dark] .sidebar,[data-theme=dark] .topbar,[data-theme=dark] .panel,[data-theme=dark] .stat,[data-theme=dark] .history-item,[data-theme=dark] .empty,[data-theme=dark] .goal-ring>div{background:var(--surface);border-color:var(--border);color:var(--text)}
[data-theme=dark] .main{background:var(--bg)}[data-theme=dark] .primary{background:var(--accent);color:var(--accent-text)}[data-theme=dark] .primary:hover{background:#bce99f}[data-theme=dark] .secondary,[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea,[data-theme=dark] .word-input{background:var(--surface-raised);color:var(--text);border-color:var(--border)}
[data-theme=dark] .nav button{color:var(--muted)}[data-theme=dark] .nav button.active,[data-theme=dark] .nav button:hover{background:var(--soft);color:var(--accent)}[data-theme=dark] .nav-label,[data-theme=dark] .tagline,[data-theme=dark] .subtitle,[data-theme=dark] .notice,[data-theme=dark] .stat-top,[data-theme=dark] .stat-foot,[data-theme=dark] .stat-value small,[data-theme=dark] .goal-caption,[data-theme=dark] .section-heading>.notice,[data-theme=dark] .eyebrow,[data-theme=dark] .profile small,[data-theme=dark] .breadcrumb,[data-theme=dark] .cloud-status,[data-theme=dark] .goal-ring span,[data-theme=dark] .history-copy small,[data-theme=dark] .history-copy p,[data-theme=dark] .footer,[data-theme=dark] .card-footer,[data-theme=dark] .word-number{color:var(--muted)}
[data-theme=dark] .tracker-hero{background:var(--hero);border-color:#3a5137}[data-theme=dark] .tracker-hero p,[data-theme=dark] .activity p{color:#b0c0a5}[data-theme=dark] .hero-tag{background:#304a2f;border-color:#435c3b;color:#bfd7a5}[data-theme=dark] .tracker-hero h2{color:#e3edda}[data-theme=dark] .growth-step{box-shadow:7px 8px 0 #0002}[data-theme=dark] .art-star{color:#d7b575}[data-theme=dark] .s4 span{color:#b4d592}[data-theme=dark] .activity.peach{background:var(--peach);border-color:#504331}[data-theme=dark] .activity.lavender{background:var(--lavender);border-color:#473c56}[data-theme=dark] .activity.mint{background:var(--mint);border-color:#3c5037}[data-theme=dark] .activity.rose{background:var(--rose);border-color:#503a3b}[data-theme=dark] .activity-emoji{background:#ffffff0c;border-color:#ffffff09}[data-theme=dark] .activity h3{color:var(--text)}
[data-theme=dark] .goal-ring{background:conic-gradient(var(--accent) var(--progress),var(--border) 0)}[data-theme=dark] .day span{background:var(--surface-raised);color:var(--muted)}[data-theme=dark] .day.done span{background:var(--soft);color:var(--accent)}[data-theme=dark] .day.today span{background:var(--soft);border-color:var(--accent);color:var(--accent)}[data-theme=dark] .milestone{background:#2d2c20;border-color:#46452e}[data-theme=dark] .milestone p,[data-theme=dark] .milestone .eyebrow{color:#c2b991}[data-theme=dark] .milestone .progressbar{background:#45432b}[data-theme=dark] .progressbar{background:var(--border)}[data-theme=dark] .quote-card p{color:#b5c3ab}[data-theme=dark] .quote-card small{color:var(--muted)}[data-theme=dark] .history-icon,[data-theme=dark] .journey,[data-theme=dark] .timer-box{background:var(--soft);border-color:var(--border)}[data-theme=dark] .journey p,[data-theme=dark] .timer-box p{color:var(--muted)}[data-theme=dark] .tiny-plant,[data-theme=dark] .timer-display,[data-theme=dark] .text-btn{color:var(--accent)}
[data-theme=dark] .top-streak{background:#342d21;border-color:#4b4029;color:#d5bb88}[data-theme=dark] .avatar{background:#344633;color:#cbdcbd}[data-theme=dark] .profile{border-color:var(--border)}[data-theme=dark] .setting-field,[data-theme=dark] .rating-field legend{color:var(--text)}[data-theme=dark] .rating-options span{background:var(--surface-raised);color:var(--muted);border-color:var(--border)}[data-theme=dark] .rating-options input:checked+span{background:var(--accent);color:var(--accent-text)}[data-theme=dark] .rating-ends{color:var(--muted)}[data-theme=dark] .metric{background:var(--surface);border-color:var(--border);color:var(--muted)}[data-theme=dark] .metric b{color:var(--accent)}[data-theme=dark] .collection-card:nth-child(3n+1){background:var(--lavender)}[data-theme=dark] .collection-card:nth-child(3n+2){background:var(--mint)}[data-theme=dark] .collection-card:nth-child(3n){background:var(--peach)}
[data-theme=dark] .login-screen{background:radial-gradient(ellipse at 20% 10%,#27432b,transparent 55%),radial-gradient(ellipse at 90% 90%,#312b40,transparent 55%),var(--bg)}[data-theme=dark] .login-card{background:#18241ff2;box-shadow:0 22px 100px #0003}[data-theme=dark] .login-art{color:#799b5f}[data-theme=dark] .insight{background:var(--lavender);border-color:#473c56;color:#d4c6e4}[data-theme=dark] #toast{background:#c9e4b4;color:#1c301f}[data-theme=dark] .mobile-nav{background:#18241ff5;border-color:var(--border)}[data-theme=dark] .mobile-nav button.active{background:var(--soft);color:var(--accent)}[data-theme=dark] .mobile-nav button{color:var(--muted)}[data-theme=dark] .cloud-status [data-state=syncError]{color:#f1ab9d}[data-theme=dark] .cloud-status [data-state=offline]{color:#d6bd86}[data-theme=dark] ::placeholder{color:#90a08b;opacity:1}
@media(max-width:620px){.cloud-status{padding-top:8px}.cloud-status theme-switch{order:3;margin-left:auto}.cloud-status #sync-status{flex-basis:100%;margin-bottom:3px}.login-tools theme-switch{flex-basis:100%}.theme-switch{min-height:44px}.tracker-hero .hero-copy{max-width:100%}}