:root{font-family:system-ui,sans-serif;color:#172033;background:#f1f5f9}*{box-sizing:border-box}body{margin:0}main{max-width:680px;margin:auto;padding:16px}header,.row,.actions{display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:wrap}header{margin:8px 0 16px;color:#0f766e}.card{background:#fff;border-radius:16px;padding:16px;margin:12px 0;box-shadow:0 1px 4px #0001}h1,h2,p{margin:0 0 12px}h1{font-size:1.4rem}h2{font-size:1.1rem}label{display:grid;gap:7px;margin:12px 0}input,textarea,select,button{font:inherit;border-radius:10px;padding:10px;border:1px solid #cbd5e1}textarea{min-height:76px}button{background:#0f766e;color:#fff;border:0;cursor:pointer}.quiet,.chip{background:#e2e8f0;color:#172033}.chips{display:flex;gap:7px;overflow:auto;padding-bottom:8px}.chip{white-space:nowrap}.status,small{color:#475569}.thai{font-size:1.25rem}.blanks,.answer{font-size:1.5rem;line-height:1.7;letter-spacing:.04em;overflow-wrap:anywhere}.answer{color:#0f766e}.timer{text-align:center;font-size:2rem;font-variant-numeric:tabular-nums}.history{width:100%;background:#f8fafc;color:#172033;text-align:left;margin:5px 0;display:grid;gap:3px}.history span{font-size:.85rem;color:#64748b}.sentinel{height:1px}.setup{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.setup label{flex:1;min-width:220px}@media(max-width:480px){main{padding:10px}.actions>*{flex:1}.actions .quiet{flex:0 1 auto}}.auth-page{min-height:100vh;display:grid;place-content:center;gap:12px;text-align:center;background:radial-gradient(circle at top,#e0f2fe,#f8fafc 55%)}.auth-card{max-width:380px;margin:auto;padding:30px;border-radius:24px;background:#fff;box-shadow:0 20px 60px #0f172a1a;text-align:left}.brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#102a43;color:#fff;font-weight:800;font-size:1.3rem}.auth-card .brand-mark{margin-bottom:20px}.auth-card h1{font-size:2rem;color:#102a43}.auth-card input{width:100%;margin-bottom:10px}.auth-card button{width:100%;margin-top:8px}.app-shell{max-width:760px;padding-top:22px}.app-header{margin-bottom:20px}.brand{display:flex;align-items:center;gap:10px}.brand b,.brand small{display:block}.brand b{color:#102a43;font-size:1.1rem}.brand small{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}.user-pill{background:#e0f2fe;color:#075985;border-radius:999px;padding:7px 12px;font-size:.8rem}.app-nav{display:flex;gap:6px;padding:5px;background:#e2e8f0;border-radius:14px;margin-bottom:14px}.app-nav button{flex:1;background:transparent;color:#64748b}.app-nav button.active{background:#fff;color:#102a43;box-shadow:0 2px 8px #0f172a14}.eyebrow{font-size:.7rem;letter-spacing:.14em;color:#0f766e;font-weight:800}.goal-badge{font-size:.8rem;color:#0f766e;background:#ecfdf5;border-radius:999px;padding:7px 10px}.challenge-card{border:1px solid #dbeafe;box-shadow:0 18px 50px #0f172a12}.workspace-bar{margin:16px 0}.workspace-bar select{max-width:180px}.settings-card{border-top:3px solid #0f766e}.settings-card input,.settings-card select{width:100%}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(max-width:480px){.settings-grid{grid-template-columns:1fr}.workspace-bar>*{width:100%;max-width:none}}