:root{--background:#f7f4ee;--surface:#fffdfa;--surface-strong:#ffffff;--ink:#1f2933;--muted:#64748b;--line:#e5ded2;--brand:#246b61;--brand-strong:#174c45;--accent:#d97706;--accent-soft:#fff4df;--success:#15803d;--danger:#b42318;--shadow:0 16px 42px rgba(31,41,51,0.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,rgba(36,107,97,.08),transparent 340px),var(--background);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{min-height:100vh}.topbar{background:rgba(255,253,250,.9);border-bottom:1px solid var(--line);gap:20px;justify-content:space-between;padding:16px clamp(16px,4vw,48px);position:-webkit-sticky;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand,.topbar{align-items:center;display:flex}.brand{gap:10px;font-weight:800;letter-spacing:0}.brand-mark{background:var(--brand);border-radius:8px;color:white;display:inline-flex;font-size:.78rem;height:32px;justify-content:center;width:36px}.brand-mark,.nav{align-items:center}.nav{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.nav a{border-radius:8px;color:var(--muted);font-size:.92rem;padding:8px 10px}.nav a:hover{background:#eef7f5;color:var(--brand-strong)}.account-status{align-items:center;display:flex;gap:10px;justify-content:flex-end;margin-left:auto}.account-copy{color:var(--muted);display:grid;font-size:.82rem;line-height:1.25;text-align:right}.account-copy small,.account-link{color:var(--brand-strong);font-weight:720}.account-link{background:transparent;border:1px solid var(--line);border-radius:8px;cursor:pointer;font-size:.85rem;min-height:34px;padding:7px 10px}.account-link:hover{background:#eef7f5}.page{margin:0 auto;max-width:1180px;padding:32px clamp(16px,4vw,48px) 64px}.hero{align-items:center;display:grid;grid-gap:32px;gap:32px;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);min-height:calc(100vh - 190px)}.hero h1,.page-title h1{font-size:clamp(2.25rem,5vw,4.8rem);line-height:1;letter-spacing:0;margin:0}.page-title{display:grid;grid-gap:10px;gap:10px;margin-bottom:24px;max-width:820px}.lead{color:var(--muted);font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.65;margin:0}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button{align-items:center;background:var(--brand);border:1px solid var(--brand);border-radius:8px;color:white;cursor:pointer;display:inline-flex;font-weight:760;justify-content:center;min-height:44px;padding:10px 16px}.button.secondary{background:var(--surface-strong);border-color:var(--line);color:var(--ink)}.button.ghost{background:transparent;border-color:transparent;color:var(--brand-strong)}.grid{display:grid;grid-gap:16px;gap:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:20px}.card h2,.card h3{margin:0 0 10px}.card p{line-height:1.6}.card p,.mini{color:var(--muted)}.mini{font-size:.9rem}.stat{background:#eef7f5;border-radius:8px;color:var(--brand-strong);font-weight:800;padding:14px}.form{display:grid;grid-gap:14px;gap:14px}.field{display:grid;grid-gap:7px;gap:7px}.field label{font-size:.88rem;font-weight:760}.field input,.field select,.field textarea{background:#ffffff;border:1px solid var(--line);border-radius:8px;color:var(--ink);min-height:44px;padding:10px 12px;width:100%}.field textarea{min-height:132px;resize:vertical}.pill-row{display:flex;flex-wrap:wrap;gap:8px}.pill{background:var(--accent-soft);border:1px solid #f4d7a7;border-radius:999px;color:#92400e;font-size:.85rem;font-weight:720;padding:7px 10px}.lesson-section{border-top:1px solid var(--line);padding-top:16px}.question{border:1px solid var(--line);border-radius:8px;padding:14px}.score{align-items:baseline;display:flex;gap:8px}.score strong{color:var(--brand-strong);font-size:2.2rem}@media (max-width:860px){.topbar{align-items:flex-start;flex-direction:column;gap:12px}.nav{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding-bottom:2px;width:100%}.account-status{justify-content:space-between;margin-left:0;width:100%}.account-copy{text-align:left}.grid.three,.grid.two,.hero{grid-template-columns:1fr}.hero{min-height:auto}}.button:hover:not(:disabled){filter:brightness(.91)}.button:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.button:disabled{cursor:not-allowed;opacity:.5}.error-msg{background:#fff1f0;border:1px solid #fca5a5;border-radius:8px;color:var(--danger);font-size:.9rem;line-height:1.5;padding:12px 14px}.feedback-correct{background:#f0fdf4;border-left:3px solid var(--success)}.feedback-correct,.feedback-missing{border-radius:0 8px 8px 0;font-size:.95rem;line-height:1.5;padding:11px 14px}.feedback-missing{background:#fff7ed;border-left:3px solid var(--accent)}.loading-pulse{animation:pulse 1.5s ease-in-out infinite;color:var(--muted);font-size:.92rem;padding:40px 24px;text-align:center}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.empty-state{align-items:center;display:flex;flex-direction:column;gap:10px;padding:40px 24px;text-align:center}.empty-state h2{font-size:1.1rem;margin:0}.empty-state p{max-width:320px}.lesson-section h3{color:var(--muted);font-size:.78rem;font-weight:760;letter-spacing:.07em;margin:0 0 12px;text-transform:uppercase}.score-band{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;display:flex;gap:14px;padding:16px 20px}.score-band .score-big{color:var(--success);font-size:2.8rem;font-weight:800;line-height:1}.score-band .score-meta{display:grid;grid-gap:3px;gap:3px}.score-band .score-total{color:var(--muted);font-size:1rem}.model-answer{background:var(--background);border:1px solid var(--line);border-radius:8px;font-style:italic;line-height:1.6;padding:14px 16px}.study-tip{align-items:flex-start;background:#eef7f5;border:1px solid #c3e8e3;border-radius:8px;color:var(--brand-strong);display:flex;font-size:.92rem;gap:10px;line-height:1.55;padding:13px 15px}.mode-tabs{background:var(--background);border:1px solid var(--line);border-radius:8px;display:flex;gap:2px;margin-bottom:16px;padding:3px}.mode-tab{border-radius:6px;color:var(--muted);flex:1 1;font-size:.82rem;font-weight:640;padding:6px 4px;text-align:center}.mode-tab[aria-current=true]{background:var(--surface-strong);box-shadow:0 1px 3px rgba(0,0,0,.1);color:var(--brand-strong);font-weight:720}.progress-row{align-items:center;display:flex;gap:12px;margin-bottom:8px}.progress-bar{background:var(--line);border-radius:999px;flex:1 1;height:6px;overflow:hidden}.progress-bar-fill{background:var(--brand);border-radius:999px;height:100%}.step-list{counter-reset:steps;display:grid;grid-gap:12px;gap:12px;list-style:none;margin:0;padding:0}.step-list li{align-items:flex-start;counter-increment:steps;display:flex;font-size:.95rem;gap:12px;line-height:1.5}.step-list li:before{align-items:center;background:var(--brand);border-radius:50%;color:white;content:counter(steps);display:flex;flex-shrink:0;font-size:.72rem;font-weight:800;height:22px;justify-content:center;margin-top:1px;width:22px}.nav a[aria-current=page]{background:#eef7f5;color:var(--brand-strong);font-weight:680}.memo-gate{background:var(--accent-soft);border:1px solid #f4d7a7;border-radius:8px;color:#7c3812;font-size:.88rem;line-height:1.55;padding:12px 14px}.action-card{display:flex;flex-direction:column}.action-card p{flex:1 1}.action-cta{margin-top:auto;padding-top:14px}.section-label{color:var(--muted);font-size:.78rem;font-weight:760;letter-spacing:.07em;margin:0 0 12px;text-transform:uppercase}.next-step{border:1.5px solid var(--brand);border-radius:10px;display:grid;grid-gap:6px;gap:6px;padding:18px 20px}.next-step-label{color:var(--brand-strong);font-size:.78rem;font-weight:760;letter-spacing:.07em;margin:0;text-transform:uppercase}.next-step p{color:var(--ink);line-height:1.55;margin:0}.next-step-action{color:var(--brand-strong);font-weight:720;font-size:.95rem}.next-step-action:hover{text-decoration:underline}.q-progress{display:flex;flex-wrap:wrap;gap:6px}.q-btn{align-items:center;background:var(--surface);border:1.5px solid var(--line);border-radius:6px;color:var(--muted);cursor:pointer;display:flex;font-size:.82rem;font-weight:720;height:34px;justify-content:center;width:34px}.q-btn.active{background:var(--brand);border-color:var(--brand);color:white}.q-btn.done{background:#f0fdf4;border-color:#bbf7d0;color:var(--success)}.active-question{background:var(--surface-strong);border:1px solid var(--line);border-radius:8px;font-size:1rem;font-weight:600;line-height:1.6;padding:14px 16px}.hint-panel{background:#fffbeb;border:1px solid #fde68a;border-left:3px solid #f59e0b;border-radius:0 8px 8px 0;color:#78350f;font-size:.92rem;line-height:1.55;padding:11px 14px}.attempt-btns{display:flex;gap:8px}@media (max-width:480px){.card{padding:16px}.page{padding-top:24px;padding-bottom:48px}.next-step{padding:14px 16px}.attempt-btns{flex-direction:column}}