:root{color:#1f2b28;background:#f7f4ec;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,rgba(23,99,91,.12),transparent 280px),#f7f4ec}button,input,select{font:inherit}button{border:0;cursor:pointer}.app-shell{min-height:100vh;padding:env(safe-area-inset-top) 16px calc(84px + env(safe-area-inset-bottom))}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;max-width:860px;margin:0 auto;padding:14px 0 10px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:10px;min-height:52px;padding:0;color:#1f2b28;text-align:left;background:transparent}.brand-mark{display:grid;width:44px;height:44px;place-items:center;border-radius:12px;color:#f7f4ec;font-weight:800;background:#17635b}.brand strong,.brand small{display:block}.brand small{margin-top:2px;color:#64716d;font-size:.78rem}.icon-button{width:48px;height:48px;border-radius:14px;color:#17635b;background:#fff;box-shadow:0 10px 30px #1f2b2814}.content{width:min(100%,860px);margin:0 auto}.page{display:grid;gap:18px;padding:12px 0 18px}.hero-copy,.section-heading{display:grid;gap:8px}.eyebrow{margin:0;color:#17635b;font-size:.82rem;font-weight:800;letter-spacing:0}h1,h2,p{margin:0}h1{max-width:10ch;font-size:clamp(2rem,9vw,4rem);line-height:.98}h2{font-size:1.35rem;line-height:1.15}.hero-copy p:last-child,.muted,.empty-state p,.topic-card p{color:#65736e;line-height:1.55}.home-actions{display:grid;grid-template-columns:1fr;gap:12px}.home-button,.study-card,.topic-card,.stat-card,.empty-state,.settings-list,.progress-wrap{border:1px solid rgba(31,43,40,.08);border-radius:8px;background:#ffffffe6;box-shadow:0 18px 50px #1f2b2814}.home-button{display:flex;align-items:center;justify-content:space-between;min-height:82px;padding:18px;color:#1f2b28;text-align:left}.home-button.primary{color:#fff;background:#17635b}.home-button-wide{min-height:96px}.home-button span{font-size:1.24rem;font-weight:800}.home-button small{max-width:42%;color:inherit;opacity:.72;text-align:right}.progress-wrap{padding:14px}.progress-meta{display:flex;justify-content:space-between;margin-bottom:10px;color:#4e5b57}.progress-track{height:12px;overflow:hidden;border-radius:999px;background:#e6e0d4}.progress-fill{height:100%;border-radius:inherit;background:#e08b4f;transition:width .18s ease}.study-card{display:grid;gap:16px;padding:18px}.card-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.topic-badge,.type-pill,.keyword-list span,.focus-label{width:fit-content;border-radius:999px;padding:7px 10px;color:#17635b;font-size:.78rem;font-weight:800;background:#dbeee6}.type-pill{color:#7b4a1f;background:#f7ddc4}.focus-label{color:#17635b;background:#dbeee6}.prompt{line-height:1.58}.prompt.zh{font-size:1.15rem;font-weight:750}.prompt.en{color:#53615d}.keyword-list,.mini-row{display:flex;flex-wrap:wrap;gap:8px}.choice-grid{display:grid;gap:10px}.choice-grid button,.reveal-button,.primary-action,.secondary-action,.danger-action{min-height:52px;border-radius:8px;padding:13px 14px;color:#1f2b28;font-weight:800;background:#eef0ec}.choice-grid button{display:grid;gap:4px;text-align:left}.choice-grid button small{color:inherit;font-weight:600;opacity:.72}.choice-grid button.correct{color:#fff;background:#17635b}.choice-grid button.incorrect,.danger-action{color:#fff;background:#a4423f}.primary-action{color:#fff;background:#17635b}.secondary-action{color:#17635b;background:#dbeee6}.reveal-button{color:#fff;background:#17635b}.explanation,.flash-answer,.exam-hint,.calc-step{display:grid;gap:8px;border-radius:8px;padding:14px;line-height:1.55;background:#f1eadf}.exam-hint{color:#6f481f;background:#f7ddc4}.calc-step{background:#f9f7f1}.formula-box{display:block;overflow-x:auto;border-radius:8px;padding:12px;color:#173f3a;font-size:.95rem;background:#dbeee6}.answer-actions{display:grid;grid-template-columns:1fr;gap:10px}.topic-list,.stats-grid{display:grid;gap:12px}.topic-card,.empty-state,.settings-list{display:grid;gap:14px;padding:18px}.topic-card-button{width:100%;color:inherit;text-align:left}.topic-card-button:active{transform:translateY(1px)}.home-button:disabled{cursor:not-allowed;opacity:.58}.topic-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.topic-card-actions button:disabled{cursor:not-allowed;opacity:.52}.lesson-section-list{display:grid;gap:12px}.mini-row span{color:#53615d;font-size:.88rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card{display:grid;gap:5px;padding:18px}.stat-card strong{font-size:2rem;color:#17635b}.stat-card span{color:#64716d}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.sync-panel{display:grid;gap:12px;border-top:1px solid rgba(31,43,40,.08);padding-top:16px}.sync-code-field{display:grid;gap:6px}.sync-code-field input{min-height:48px;border:1px solid #d4d8d1;border-radius:8px;padding:10px 12px;color:#1f2b28;background:#fff}.sync-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.sync-actions button:disabled{cursor:wait;opacity:.62}.setting-row span{display:grid;gap:3px}.setting-row small{color:#64716d}.setting-row select,.setting-row input{width:112px;min-height:46px;border:1px solid #d4d8d1;border-radius:8px;padding:8px 10px;color:#1f2b28;background:#fff}.full-width{width:100%}.modal-backdrop{position:fixed;inset:0;z-index:30;display:grid;place-items:end center;padding:18px 18px calc(18px + env(safe-area-inset-bottom));background:#121a186b}.modal-card{display:grid;width:min(100%,420px);gap:18px;border-radius:8px;padding:20px;background:#fff;box-shadow:0 20px 80px #00000038}.modal-card p{font-size:1.12rem;line-height:1.55}.bottom-nav{position:fixed;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));left:12px;z-index:20;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;max-width:560px;margin:0 auto;border:1px solid rgba(31,43,40,.08);border-radius:8px;padding:8px;background:#fffffff0;box-shadow:0 14px 50px #1f2b2829;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-nav button{min-height:48px;border-radius:8px;color:#53615d;font-weight:800;background:transparent}.bottom-nav button.active{color:#fff;background:#17635b}@media(min-width:700px){.app-shell{padding-inline:28px}.home-actions,.topic-list{grid-template-columns:repeat(2,1fr)}.home-button-wide{grid-column:1 / -1}.answer-actions{grid-template-columns:repeat(3,1fr)}.choice-grid{grid-template-columns:repeat(2,1fr)}.study-card,.topic-card,.settings-list,.empty-state{padding:24px}}