@import "https://fonts.googleapis.com/css2?family=Assistant:wght@400;600;700;800&display=swap";:root{color:#10233d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#f5c080b3,#0000 28%),radial-gradient(circle at 85% 20%,#74aadb47,#0000 24%),linear-gradient(#f8f1e7 0%,#f0ece5 42%,#e8eef4 100%);font-family:Assistant,Aptos,Trebuchet MS,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{min-height:100%}body{min-height:100vh;margin:0}button,input{font:inherit}p{margin:0}#root{min-height:100vh}.app-shell{width:min(1280px,100% - 28px);margin:0 auto;padding:24px 0 48px}.topbar,.hero-card,.summary-card,.mode-card,.status-panel,.concept-rail,.lesson-card,.question-card,.progress-card{background:#f8f0daf0;border:1px solid #16271d2e;box-shadow:0 24px 60px #07120e29}.topbar{border-radius:28px;justify-content:space-between;align-items:center;gap:18px;padding:20px 22px;display:flex}.brand{align-items:center;gap:16px;display:flex}.brand-mark{color:#f7f0d8;letter-spacing:.14em;background:linear-gradient(145deg,#173b2f,#2b5d4d);border-radius:18px;place-items:center;width:60px;height:60px;font:700 1.3rem/1 Assistant,Aptos,Trebuchet MS,sans-serif;display:grid}.eyebrow,.nav-chip,.concept-button small,.summary-grid span,.meter-copy span,.lesson-note span,.tag,.option-index{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:700}.brand h1,.hero-card h2,.mode-card h2,.status-panel h2,.concept-rail h2,.lesson-card h2,.question-card h2,.progress-card h2{color:#0f211c;margin:0;font-family:Assistant,Aptos,Trebuchet MS,sans-serif;font-weight:800}.brand h1{font-size:clamp(2rem,4vw,3rem)}.nav-actions{flex-wrap:wrap;gap:10px;display:flex}.topbar-actions{align-items:center;gap:12px;display:flex}.nav-chip,.lang-toggle,.secondary-action,.primary-action,.concept-button,.option-card{color:#173b2f;cursor:pointer;background:#fffbf1d6;border:1px solid #0f211c24;border-radius:18px;transition:transform .16s,border-color .16s,background-color .16s}.nav-chip,.lang-toggle,.secondary-action{padding:10px 14px}.nav-chip-active,.primary-action,.concept-button-active,.option-card-active{color:#f7f0d8;background:linear-gradient(135deg,#173b2f,#2e6b58);border-color:#f7f0d840}.hero-strip{grid-template-columns:minmax(0,1.35fr) minmax(320px,.95fr);gap:18px;margin-top:18px;display:grid}.identity-strip{margin-top:18px}.hero-card,.identity-card,.summary-card,.mode-card,.status-panel,.concept-rail,.lesson-card,.question-card,.progress-card{border-radius:28px;padding:24px}.hero-card p,.identity-card p,.summary-card,.mode-card p,.status-panel p,.lesson-card p,.question-card p,.progress-card p,.status-row p{color:#41564d}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}.summary-grid div,.meter-block,.lesson-note,.feedback-card,.status-row{background:#fffbf1d1;border:1px solid #0f211c1a;border-radius:20px;padding:16px}.summary-grid strong{color:#0f211c;margin-top:4px;font-size:1.45rem;display:block}.identity-card{gap:18px;display:grid}.auth-grid,.session-actions{gap:16px;display:grid}.alias-form{gap:10px;display:grid}.alias-label,.cloud-note,.session-copy strong{color:#173b2f}.alias-form input{font:inherit;color:#173b2f;background:#fffbf1db;border:1px solid #0f211c29;border-radius:16px;padding:14px 16px}.session-button-row{flex-wrap:wrap;gap:10px;display:flex}.session-pill{color:#173b2f;background:#2e6b5829;border-radius:999px;padding:8px 12px;font-size:.78rem;font-weight:700}.cloud-note{margin:0}.home-grid,.progress-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;margin-top:18px;display:grid}.mode-card{grid-column:span 4;align-content:start;gap:16px;display:grid}.status-panel{grid-column:span 4;gap:16px;display:grid}.primary-action,.secondary-action{padding:13px 16px;font-weight:700}.meter-block{gap:10px;display:grid}.meter-copy{justify-content:space-between;align-items:center;gap:12px;display:flex}.meter-copy strong{color:#173b2f}.meter-track{background:#173b2f1f;border-radius:999px;height:14px;overflow:hidden}.meter-fill{border-radius:999px;height:100%}.meter-fill-theory{background:linear-gradient(90deg,#173b2f,#2e6b58)}.meter-fill-practice{background:linear-gradient(90deg,#8f4c1f,#d27a34)}.concept-badges,.status-tags{flex-wrap:wrap;gap:10px;display:flex}.concept-badge,.tag{color:#41564d;background:#173b2f14;border-radius:999px;padding:8px 12px;display:inline-flex}.concept-badge-done,.tag-done{color:#173b2f;background:#2e6b5829}.module-layout{grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:18px;margin-top:18px;display:grid}.concept-rail,.workspace,.status-list,.concept-list,.options-grid{gap:14px;display:grid}.panel-headline{justify-content:space-between;align-items:start;gap:16px;display:flex}.concept-button,.option-card{text-align:left;width:100%}.concept-button{gap:6px;padding:16px;display:grid}.concept-button span{font-weight:700}.lesson-card,.question-card,.progress-card{position:relative;overflow:hidden}.lesson-card:after,.question-card:after,.progress-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#d27a342e,#0000 68%);height:200px;position:absolute;inset:auto -10% -30% 48%}.workspace{gap:18px;display:grid}.lesson-summary{font-size:1.05rem}.lesson-note{margin-top:18px}.lesson-note span{color:#8f4c1f;margin-bottom:8px;display:block}.options-grid{margin-top:18px}.option-card{grid-template-columns:34px minmax(0,1fr);align-items:start;gap:12px;padding:16px;display:grid}.option-index{color:#173b2f;background:#173b2f1a;border-radius:999px;place-items:center;width:34px;height:34px;display:grid}.option-card-active .option-index{color:#f7f0d8;background:#f7f0d829}.feedback-card{margin-top:18px}.feedback-card strong{color:#7b341f;margin-bottom:8px;display:block}.feedback-correct strong{color:#1c5b42}.progress-card{grid-column:span 6}.status-row{justify-content:space-between;align-items:center;gap:18px;display:flex}.status-row strong{color:#0f211c;margin-bottom:6px;display:block}.nav-chip:hover,.lang-toggle:hover,.secondary-action:hover,.primary-action:hover,.concept-button:hover,.option-card:hover{transform:translateY(-1px)}.nav-chip:focus-visible,.lang-toggle:focus-visible,.secondary-action:focus-visible,.primary-action:focus-visible,.concept-button:focus-visible,.option-card:focus-visible,.alias-form input:focus-visible{outline-offset:3px;outline:2px solid #d27a34b8}@media (width<=1040px){.hero-strip,.module-layout,.summary-grid,.home-grid,.progress-grid{grid-template-columns:1fr}.mode-card,.status-panel,.progress-card{grid-column:span 12}}@media (width<=760px){.app-shell{width:min(100% - 18px,1280px);padding-top:16px;padding-bottom:32px}.topbar,.hero-card,.summary-card,.mode-card,.status-panel,.concept-rail,.lesson-card,.question-card,.progress-card{border-radius:24px;padding:18px}.topbar,.topbar-actions,.panel-headline,.status-row,.session-button-row{flex-direction:column;align-items:start}.summary-grid{grid-template-columns:1fr}}.app-shell[dir=rtl]{direction:rtl}.app-shell[dir=rtl] .brand,.app-shell[dir=rtl] .topbar,.app-shell[dir=rtl] .topbar-actions,.app-shell[dir=rtl] .nav-actions,.app-shell[dir=rtl] .panel-headline,.app-shell[dir=rtl] .meter-copy,.app-shell[dir=rtl] .status-row,.app-shell[dir=rtl] .session-button-row{flex-direction:row-reverse}.app-shell[dir=rtl] .concept-button,.app-shell[dir=rtl] .option-card{text-align:right}.app-shell[dir=rtl] .option-card{grid-template-columns:minmax(0,1fr) 34px}