:root{--bg:#f6f7f9;--surface:#fff;--text:#1c2430;--muted:#5d6878;--border:#dde2e8;--accent:#2458c6;--accent-soft:#e6edfb;--ok:#1d7a46;--warn:#9a5b00;--sidebar-width:15rem;color:var(--text);background:var(--bg);font-family:Segoe UI,Noto Sans Arabic,Noto Sans,Tahoma,system-ui,sans-serif;line-height:1.6}@media (prefers-color-scheme:dark){:root{--bg:#12161c;--surface:#1b2129;--text:#e6eaf0;--muted:#9aa5b4;--border:#2c3440;--accent:#7ea6ff;--accent-soft:#22304a;--ok:#5cc98a;--warn:#f0b35a}}*{box-sizing:border-box}body{background:var(--bg);margin:0}h1{margin-block:0 .5rem;font-size:1.6rem}h2{margin:0;font-size:1.2rem}h3{margin-block:1rem .5rem;font-size:1rem}a{color:var(--accent)}.muted{color:var(--muted)}.skip-link{position:absolute;inset-inline-start:-999px}.skip-link:focus{z-index:10;background:var(--surface);padding:.5rem;inset-block-start:1rem;inset-inline-start:1rem}.shell{grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:auto 1fr;grid-template-areas:"top top""side main";min-block-size:100vh;display:grid}.topbar{background:var(--surface);border-block-end:1px solid var(--border);flex-wrap:wrap;grid-area:top;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.brand{margin-inline-end:auto;font-weight:600}.menu-toggle{display:none}.sync-status{color:var(--muted);font-size:.85rem}.sync-synced{color:var(--ok)}.sync-error,.sync-pending-offline{color:var(--warn)}.sidebar{background:var(--surface);border-inline-end:1px solid var(--border);grid-area:side;align-self:start;block-size:100vh;padding:1rem .5rem;position:sticky;inset-block-start:0}.sidebar ul{margin:0;padding:0;list-style:none}.sidebar a{color:var(--text);border-radius:.4rem;padding:.55rem .9rem;text-decoration:none;display:block}.sidebar a.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.content{grid-area:main;inline-size:100%;max-inline-size:60rem;padding:1.5rem}.banner,.notice{background:var(--accent-soft);border-inline-start:4px solid var(--accent);border-radius:.3rem;padding:.6rem .9rem}.lead{color:var(--muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:.6rem;padding:1rem 1.25rem}.stages,.lessons{gap:1rem;margin:0;padding:0;list-style:none;display:grid}.stages{margin-block-start:1rem}.stage.current{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.stage-head,.lesson-head{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.stage-number{background:var(--accent-soft);block-size:1.8rem;inline-size:1.8rem;color:var(--accent);border-radius:50%;place-items:center;font-size:.95rem;display:inline-grid}.original{color:var(--muted);margin-block:.25rem 0;font-size:.9rem}.badge{border:1px solid var(--border);white-space:nowrap;border-radius:999px;padding:.1rem .55rem;font-size:.78rem}.badge-current,.state-available,.state-in_progress{border-color:var(--accent);color:var(--accent)}.status-completed,.state-mastered,.state-retention_review{border-color:var(--ok);color:var(--ok)}.status-needs_review,.state-needs_review{border-color:var(--warn);color:var(--warn)}.badge-muted,.state-locked{color:var(--muted)}.lessons .lesson{border:1px solid var(--border);border-radius:.5rem;padding:.75rem 1rem}.lesson.state-locked{opacity:.85}.lesson-title{margin-inline-end:auto;font-weight:600}.reasons{color:var(--muted);margin-block:.4rem;padding-inline-start:1.2rem;font-size:.92rem}p.reasons{padding-inline-start:0}.progress-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.progress{background:var(--border);border-radius:999px;flex:10rem;block-size:.6rem;overflow:hidden}.progress-fill{background:var(--accent);block-size:100%}.topics{columns:2 14rem}.button{border:1px solid var(--accent);background:var(--surface);color:var(--accent);font:inherit;cursor:pointer;border-radius:.4rem;padding:.45rem 1rem;text-decoration:none;display:inline-block}.button-primary{background:var(--accent);color:#fff;font-size:1.05rem}.button:disabled{opacity:.6;cursor:default}.link-button{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:none}.lang-switch{border:1px solid var(--border);border-radius:.4rem;display:inline-flex;overflow:hidden}.lang-switch button{background:var(--surface);color:var(--text);font:inherit;cursor:pointer;border:none;padding:.3rem .7rem}.lang-switch button.active{background:var(--accent);color:#fff}.facts{grid-template-columns:max-content 1fr;gap:.4rem 1.5rem;margin-block:1rem;display:grid}.facts dt{color:var(--muted)}.facts dd{margin:0;font-weight:600}.signin{place-items:center;min-block-size:100vh;padding:1rem;display:grid}.signin .card{gap:.5rem;inline-size:min(24rem,100%);display:grid}.signin form{gap:.8rem;display:grid}.signin label{gap:.25rem;display:grid}.signin input{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:.35rem;padding:.45rem .6rem}.error{color:#b3261e}.loading{text-align:center;padding:2rem}@media (width<=760px){.shell{grid-template-columns:1fr;grid-template-areas:"top""side""main"}.menu-toggle{border:1px solid var(--border);font:inherit;color:var(--text);background:0 0;border-radius:.35rem;padding:.3rem .7rem;display:inline-block}.sidebar{border-inline-end:none;border-block-end:1px solid var(--border);block-size:auto;display:none;position:static}.sidebar.open{display:block}.content{padding:1rem}.facts{grid-template-columns:1fr}}