:root{--bg: #f5f7fa;--bg-2: #eaeef3;--panel: #ffffff;--ink: #172033;--muted: #5d6879;--accent: #0f766e;--accent-ink: #ffffff;--accent-soft: #d7f2ee;--sun: #c46a06;--sun-soft: #fcefd9;--border: #dfe4ea;--ok: #2e8a4c;--ok-ink: #276d3d;--ok-soft: #dff2e5;--bad: #c2463b;--bad-ink: #9b352c;--bad-soft: #f9e0dc;--glow: #fff6e5;--shadow: 0 1px 2px rgba(15, 23, 42, .06), 0 4px 16px rgba(15, 23, 42, .06);--radius: 14px;--nav-w: 248px;--tabbar-h: 62px;--font-ui: "Inter", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--font-code: "JetBrains Mono", "Cascadia Code", "SFMono-Regular", ui-monospace, Menlo, Consolas, monospace;--code-bg: #f6f8fa;--code-ink: #1f2328;--code-gutter: #8c959f;--code-active: #eef2f6;--code-selection: #c9e4ff;--code-keyword: #cf222e;--code-string: #0a3069;--code-number: #0550ae;--code-comment: #6e7781;--code-type: #953800;--code-function: #8250df;--code-def: #116329;--code-prop: #0550ae;--code-punct: #57606a;--console-bg: #0f172a;--console-ink: #e2e8f0;color-scheme:light}:root[data-theme=dark]{--bg: #0d1117;--bg-2: #131a23;--panel: #161d27;--ink: #e6edf3;--muted: #95a3b6;--accent: #2dd4bf;--accent-ink: #062320;--accent-soft: #11332f;--sun: #fbbf24;--sun-soft: #3a2c10;--border: #263241;--ok: #6fcf8a;--ok-ink: #93d39e;--ok-soft: #1c3526;--bad: #f08a80;--bad-ink: #f0a39c;--bad-soft: #43231f;--glow: #2a2414;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 6px 20px rgba(0, 0, 0, .25);--lv-unknown: #5d6278;--lv-unknown-bg: #232738;--lv-unknown-ink: #747a93;--lv-red: #e06b66;--lv-red-bg: #45231f;--lv-yellow: #d9b148;--lv-yellow-bg: #3f3519;--lv-green: #5fb46f;--lv-green-bg: #1d3623;--lv-purple: #a382d8;--lv-purple-bg: #312747;--code-bg: #0b1016;--code-ink: #e6edf3;--code-gutter: #4d5866;--code-active: #141c26;--code-selection: #264f78;--code-keyword: #ff7b72;--code-string: #a5d6ff;--code-number: #79c0ff;--code-comment: #8b949e;--code-type: #ffa657;--code-function: #d2a8ff;--code-def: #7ee787;--code-prop: #79c0ff;--code-punct: #a9b4c0;--console-bg: #05080c;--console-ink: #e6edf3;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased}.loading-screen{display:flex;align-items:center;justify-content:center;height:100vh;color:var(--muted)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--muted);cursor:pointer}.theme-toggle:hover{color:var(--accent);border-color:var(--accent)}.sync-error{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:8px 12px;border:1px solid var(--accent);border-radius:8px;background:var(--accent-soft);font-size:13px}.sync-error span{flex:1}.sync-error button{border:0;background:none;cursor:pointer;color:var(--muted)}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-form label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:var(--muted)}.auth-form input{padding:9px 10px;border:1px solid var(--border);border-radius:6px;font:inherit;font-size:15px;color:var(--ink);background:var(--panel)}.auth-form input:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.auth-form__note{margin:0;font-size:12px;color:var(--muted)}.auth-form__error{margin:0;padding:6px 10px;border-radius:6px;background:var(--accent-soft);color:var(--accent);font-size:13px}.btn-primary,.btn-secondary,.btn-ghost{padding:9px 16px;border-radius:8px;font:inherit;font-weight:600;cursor:pointer}.btn-primary{border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink)}.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.btn-primary:disabled{opacity:.6;cursor:default}.btn-secondary{border:1px solid var(--accent);background:var(--panel);color:var(--accent)}.btn-secondary:hover:not(:disabled){background:var(--accent-soft)}.btn-secondary:disabled{border-color:var(--border);color:var(--muted);cursor:default}.btn-ghost{border:1px solid var(--border);background:transparent;color:var(--ink)}.btn-ghost:hover{background:var(--bg)}:root{--lv-unknown: #c9c2b8;--lv-unknown-bg: #f1ede7;--lv-red: #d9534f;--lv-red-bg: #f9dcd8;--lv-yellow: #d4a72c;--lv-yellow-bg: #fbf0c9;--lv-green: #4a9d5b;--lv-green-bg: #d8f0dc;--lv-purple: #8a5cc7;--lv-purple-bg: #e9ddf7;--lv-unknown-ink: #9a9db0}.back-btn{flex-basis:100%;align-self:flex-start;text-align:left;padding:0;border:0;background:none;color:var(--accent);font:inherit;font-size:13px;font-weight:600;cursor:pointer;margin-bottom:6px}.quiz{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--accent);border-radius:12px;background:var(--panel)}.quiz__close{border:0;background:none;color:var(--muted);font-size:14px;cursor:pointer}.quiz__track{display:block;height:4px;border-radius:2px;background:var(--border);overflow:hidden}.quiz__track span{display:block;height:100%;background:var(--accent);transition:width .2s}.quiz__prompt{margin:0;font-weight:600;line-height:1.45}.quiz__options{display:flex;flex-direction:column;gap:6px}.quiz__option{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg);font:inherit;font-size:15px;color:var(--ink);text-align:left;cursor:pointer}.quiz__option:hover:not(:disabled){border-color:var(--accent)}.quiz__option:disabled{cursor:default}.quiz__option.is-correct{border-color:var(--lv-green);background:var(--lv-green-bg)}.quiz__option.is-wrong{border-color:var(--lv-red);background:var(--lv-red-bg)}.quiz__option.is-dim{opacity:.5}.quiz__key{display:grid;place-items:center;width:22px;height:22px;flex-shrink:0;border-radius:6px;background:var(--panel);border:1px solid var(--border);font-size:11px;color:var(--muted)}.quiz__feedback{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border-radius:8px}.quiz__feedback p{margin:0}.quiz__feedback.is-correct{background:var(--lv-green-bg);color:var(--ok-ink)}.quiz__feedback.is-wrong{background:var(--lv-red-bg);color:var(--bad-ink)}.quiz__explain{font-size:13px;color:var(--ink)}.quiz__feedback .btn-primary{align-self:flex-end}.quiz__actions{display:flex;justify-content:flex-end;gap:8px}.profile{max-width:1100px;--act-lesson: #5b8fd9;--act-code: var(--accent);--act-quiz: #d4a72c;--act-review: #9b5fc0}.profile__header{display:flex;align-items:center;gap:16px}.profile__header h2{margin:0;font-size:26px}.profile__header p{margin:2px 0 0;color:var(--muted)}.profile__avatar{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:56px;height:56px;border-radius:50%;background:var(--accent);color:#fff;font-size:24px;font-weight:700}.profile__card{padding:16px 18px;border:1px solid var(--border);border-radius:12px;background:var(--panel)}.profile__link{padding:0;border:0;background:none;color:var(--accent);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.profile__link:hover{text-decoration:underline}.profile__muted{font-size:13px;color:var(--muted)}.profile__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:20px}.profile__stat{display:flex;flex-direction:column;gap:2px}.profile__stat strong{font-size:26px}.profile__stat small{font-size:14px;font-weight:500;color:var(--muted)}.profile__stat span{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.profile__section{margin-top:8px}.profile__time{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:12px}.profile__time-total strong{display:block;font-size:30px}.profile__time-total span{font-size:13px;color:var(--muted)}.profile__time-facts{display:flex;flex-wrap:wrap;gap:8px 22px;margin:14px 0}.profile__time-facts dt{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.profile__time-facts dd{margin:2px 0 0;font-weight:700}.profile__activities{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.profile__activities li{display:grid;grid-template-columns:150px 1fr 80px;align-items:center;gap:10px;font-size:13px}.profile__activity-label{display:flex;align-items:center;gap:6px}.profile__activity-bar{height:8px;border-radius:4px;background:var(--bg);overflow:hidden}.profile__activity-bar span{display:block;height:100%;border-radius:4px}.profile__activity-time{text-align:right;color:var(--muted)}.profile__dot{width:10px;height:10px;border-radius:50%}.profile__dot--lesson,.profile__fill--lesson{background:var(--act-lesson)}.profile__dot--code,.profile__fill--code{background:var(--act-code)}.profile__dot--quiz,.profile__fill--quiz{background:var(--act-quiz)}.profile__dot--review,.profile__fill--review{background:var(--act-review)}.profile__week{display:flex;flex-direction:column;gap:10px}.profile__week-chart{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;height:150px}.profile__week-day{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}.profile__week-col{display:flex;flex-direction:column-reverse;flex:1;width:100%;max-width:34px;border-radius:6px;background:var(--bg);overflow:hidden}.profile__week-label{font-size:11px;color:var(--muted)}.profile__card-head{display:flex;align-items:baseline;justify-content:space-between}.profile__card-head small{font-weight:500;color:var(--muted)}.profile__filters{display:flex;flex-wrap:wrap;gap:6px}.profile__filter{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border:1px solid var(--border);border-radius:999px;background:var(--bg);color:var(--ink);font:inherit;font-size:12px;cursor:pointer}.profile__filter small{color:var(--muted)}.profile__filter--on{border-color:var(--accent);background:var(--accent-soft)}.profile__empty{display:flex;flex-wrap:wrap;align-items:center;gap:12px;color:var(--muted)}.profile__empty-icon{font-size:24px;filter:grayscale(1);opacity:.6}.profile__header{align-items:flex-start}.profile__identity{flex:1;min-width:0}.profile__identity h2{word-break:break-word}.profile__username{margin:2px 0 6px!important;font-size:13px}.profile__name-form{display:flex;flex-direction:column;gap:8px;max-width:560px}.profile__name-form p{margin:0}.profile__name-fields{display:flex;flex-wrap:wrap;gap:10px}.profile__name-fields label{display:flex;flex:1 1 200px;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:var(--muted)}.profile__name-fields input{padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--panel);color:var(--ink);font:inherit;font-size:16px}.profile__name-fields input:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.profile__name-actions{display:flex;gap:8px}.profile__error{font-size:13px;color:var(--bad-ink)}.profile__fill--ach{background:linear-gradient(90deg,#d4a72c,#e0b84a)}.profile__ach-summary{display:flex;align-items:center;gap:14px;margin-bottom:6px}.profile__ach-summary strong{flex:0 0 auto;font-size:22px}.profile__ach-summary small{font-size:13px;font-weight:500;color:var(--muted)}.profile__ach-summary .profile__activity-bar{flex:1;max-width:360px}.profile__ach-group h4{margin:16px 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.profile__ach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.ach{display:flex;gap:12px;padding:12px 14px;border:1px dashed var(--border);border-radius:12px;background:var(--panel)}.ach__icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:42px;height:42px;border-radius:50%;background:var(--bg);font-size:22px;filter:grayscale(1);opacity:.45}.ach__body{display:flex;flex-direction:column;gap:2px;min-width:0}.ach__body strong{font-size:14px;color:var(--muted)}.ach__body>span{font-size:12px;color:var(--muted)}.ach__date{font-size:11px;color:var(--muted)}.ach__progress{display:flex;align-items:center;gap:8px;margin-top:4px}.ach__progress .profile__activity-bar{flex:1;height:6px}.ach__progress small{flex:0 0 auto;font-size:11px;color:var(--muted)}.ach--earned{border:1px solid var(--lv-yellow);background:linear-gradient(135deg,var(--lv-yellow-bg),var(--panel) 70%)}.ach--earned .ach__icon{background:var(--panel);box-shadow:0 0 0 2px var(--lv-yellow);filter:none;opacity:1}.ach--earned .ach__body strong{color:var(--ink)}.ach--earned .ach__date{color:var(--lv-yellow);font-weight:600}.ach-toasts{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:60;display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none}.ach-toast{display:flex;align-items:center;gap:12px;width:min(340px,calc(100vw - 32px));padding:12px 14px;border:1px solid var(--lv-yellow);border-radius:12px;background:var(--panel);color:var(--ink);font:inherit;text-align:left;box-shadow:0 10px 30px #0000002e;cursor:pointer;pointer-events:auto;animation:ach-in .35s ease-out}.ach-toast--more{width:auto;padding:6px 12px;font-size:12px;color:var(--muted);cursor:default}.ach-toast__icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:var(--lv-yellow-bg);font-size:22px}.ach-toast__body{display:flex;flex-direction:column;min-width:0}.ach-toast__body small{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--lv-yellow)}.ach-toast__body span{font-size:12px;color:var(--muted)}@keyframes ach-in{0%{opacity:0;transform:translateY(12px) scale(.97)}}@media (prefers-reduced-motion: reduce){.ach-toast{animation:none}}@media (max-width: 800px){.profile__time{grid-template-columns:1fr}.profile__activities li{grid-template-columns:120px 1fr 64px}}.profile__back{margin-bottom:14px}:root[data-theme=dark] .page-zoom__scroll img{filter:brightness(.85) contrast(1.05)}@media (max-width: 800px){.done-toggle{order:4;flex:1 0 100%;padding:10px!important}}button{font:inherit}.muted{color:var(--muted)}.link{border:0;padding:0;background:none;color:var(--accent);font-weight:600;cursor:pointer;text-align:left}.link:hover{text-decoration:underline}.btn-lg{padding:12px 22px;font-size:16px;border-radius:10px}.quiz__option.is-picked{border-color:var(--accent);background:var(--accent-soft)}.page-empty{padding:40px 0;color:var(--muted);text-align:center}.page-head{margin-bottom:20px}.page-head h1{margin:0 0 4px;font-size:30px;letter-spacing:.01em}.page-head h1 small{margin-left:6px;font-size:15px;font-weight:500;color:var(--muted)}.page-head p{margin:0;max-width:760px;color:var(--muted);line-height:1.55}.page-head .back-btn{margin-bottom:10px}.card{padding:18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.card__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.card__eyebrow,.exam__eyebrow,.day-view__eyebrow{margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--sun)}.tag{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.tag--pass{background:var(--ok-soft);color:var(--ok-ink)}.tag--fail{background:var(--bad-soft);color:var(--bad-ink)}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border);border-radius:999px;background:var(--panel);color:var(--ink);font-weight:700;font-size:14px}button.chip{cursor:pointer}.chip--streak{border-color:transparent;background:var(--sun-soft);color:var(--sun)}.segmented{display:inline-flex;padding:3px;border:1px solid var(--border);border-radius:10px;background:var(--bg-2)}.segmented button{padding:6px 14px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-weight:600;cursor:pointer}.segmented button.is-on{background:var(--panel);color:var(--ink);box-shadow:var(--shadow)}.tabs{display:flex;gap:4px;margin-bottom:18px;border-bottom:1px solid var(--border)}.tabs__tab{padding:10px 14px;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);font-weight:600;cursor:pointer}.tabs__tab--on{border-bottom-color:var(--accent);color:var(--ink)}.shell{display:grid;grid-template-columns:var(--nav-w) minmax(0,1fr);min-height:100vh}.shell__nav{position:sticky;top:0;display:flex;flex-direction:column;gap:18px;height:100vh;padding:20px 14px;border-right:1px solid var(--border);background:var(--panel);overflow-y:auto}.shell__main{min-width:0;padding:28px clamp(16px,4vw,48px) 60px}.shell__main>*{max-width:1120px}.shell__top,.tabbar{display:none}.brand{display:flex;align-items:center;gap:10px;padding:4px 6px;border:0;background:none;color:var(--ink);cursor:pointer;text-align:left}.brand__mark{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px}.brand--small .brand__mark{width:34px;height:34px;border-radius:10px}.brand__tile{fill:#1f2a44}.brand__chevron,.brand__cursor{fill:none;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}.brand__chevron{stroke:#5eead4}.brand__cursor{stroke:#f8fafc;animation:cursor-blink 1.2s steps(2,start) infinite}@keyframes cursor-blink{to{visibility:hidden}}@media (prefers-reduced-motion: reduce){.brand__cursor{animation:none}}.brand__text strong{display:block;font-size:22px;letter-spacing:.04em}.brand__text small{color:var(--muted);font-size:12px}.nav{display:flex;flex-direction:column;gap:2px}.nav__item{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:10px;border:0;border-radius:10px;background:none;color:var(--ink);font-weight:600;text-align:left;cursor:pointer}.nav__item:hover{background:var(--bg)}.nav__item--on{background:var(--accent-soft);color:var(--accent)}.nav__icon{font-size:18px;text-align:center}.shell__me{margin-top:auto;display:flex;flex-direction:column;gap:10px}.me{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid var(--border);border-radius:12px;background:var(--bg);color:var(--ink);text-align:left;cursor:pointer}.me--on{border-color:var(--accent)}.me__text{min-width:0}.me__text strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.me__text small{color:var(--muted)}.shell__tools{display:flex;align-items:center;justify-content:space-between;padding:0 4px}.me--small{padding:0;border:0;background:none}.sync-error{margin-bottom:16px}.avatar{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;border-radius:50%;font-weight:700;color:#fff;line-height:1;-webkit-user-select:none;user-select:none}.avatar--indigo{background:#3a4bb0}.avatar--vermilion{background:#d9573c}.avatar--matcha{background:#5a8f3c}.avatar--sakura{background:#e58aa6}.avatar--sky{background:#3d93c9}.avatar--gold{background:#d39b26}.avatar--plum{background:#8d4f9e}.avatar--slate{background:#5c6378}.xp-toasts{position:fixed;right:24px;top:20px;z-index:60;display:flex;flex-direction:column;align-items:flex-end;gap:6px;pointer-events:none}.xp-chip{padding:6px 12px;border-radius:999px;background:var(--sun);color:#fff;font-weight:800;box-shadow:var(--shadow);animation:xp-rise 2.5s ease forwards}@keyframes xp-rise{0%{opacity:0;transform:translateY(8px) scale(.9)}12%{opacity:1;transform:none}80%{opacity:1}to{opacity:0;transform:translateY(-14px)}}@media (prefers-reduced-motion: reduce){.xp-chip{animation:none}}.welcome{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,420px);gap:clamp(24px,5vw,72px);align-items:center;min-height:100vh;padding:40px clamp(20px,6vw,96px);background:radial-gradient(circle at 85% 12%,color-mix(in srgb,var(--sun) 22%,transparent),transparent 40%),linear-gradient(180deg,var(--bg-2),var(--bg))}.welcome__pitch h1{margin:12px 0 4px;font-size:clamp(40px,6vw,64px);letter-spacing:.04em}.welcome__pitch h1 span{font-size:.45em;color:var(--muted);letter-spacing:0}.welcome__mark{display:inline-flex}.welcome__tag{margin:0 0 22px;font-size:20px;color:var(--muted)}.welcome__points{display:grid;gap:12px;margin:0;padding:0;list-style:none;max-width:560px}.welcome__points li{position:relative;padding-left:28px;line-height:1.5}.welcome__points li:before{content:"▲";position:absolute;left:0;top:1px;color:var(--sun);font-size:13px}.welcome__levels{margin-top:24px;color:var(--muted);font-size:14px;font-weight:600}.welcome__card{padding:28px;border:1px solid var(--border);border-radius:18px;background:var(--panel);box-shadow:var(--shadow)}.welcome__heading{margin:0 0 16px;font-size:20px}.welcome__submit{width:100%;margin-top:4px;padding:11px}.welcome__divider{display:flex;align-items:center;gap:10px;margin:18px 0 14px;color:var(--muted);font-size:13px}.welcome__divider:before,.welcome__divider:after{content:"";flex:1;height:1px;background:var(--border)}.welcome__alt .btn-secondary{width:100%}.today__hello{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:20px}.today__greet{margin:0;color:var(--muted)}.today__hello h1{margin:0;font-size:30px}.today__chips{display:flex;gap:8px}.today__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.today__lesson{grid-column:span 2;grid-row:span 2;display:flex;flex-direction:column;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 7%,var(--panel)),var(--panel) 60%)}.today__lesson h2{margin:0;font-size:26px}.today__sub{margin:4px 0 14px;color:var(--muted)}.today__steps{display:grid;gap:6px;margin:0 0 16px;padding:0;list-style:none}.today__steps li{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:var(--bg)}.today__steps li>span{text-align:center}.today__steps li small,.today__steps li.is-done{color:var(--muted)}.today__steps li.is-done>span{color:var(--ok);font-weight:800}.today__lesson-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;color:var(--muted)}.today__goal{display:flex;align-items:center;gap:16px}.today__goal p{margin:4px 0 0;color:var(--muted);font-size:14px}.ring{--pct: 0%;flex:0 0 auto;display:grid;place-items:center;width:92px;height:92px;border-radius:50%;background:conic-gradient(var(--sun) var(--pct),var(--bg-2) 0)}.ring>span{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:var(--panel);line-height:1.1}.ring strong{font-size:22px}.ring small{color:var(--muted);font-size:11px}.today__due{display:flex;flex-direction:column;gap:10px}.today__due-counts{display:flex;flex-wrap:wrap;gap:6px 14px;color:var(--muted);font-size:14px}.today__due-counts b{color:var(--ink);font-size:18px}.today__exam p{margin:8px 0 6px;font-size:18px}.today__exam p small{display:block;color:var(--muted);font-size:13px}.today__exam-when{color:var(--sun);font-weight:700;font-size:14px}.today__friends,.today__board{min-width:0}.mini-board{display:grid;gap:6px;margin:0;padding:0;list-style:none}.mini-board li{display:grid;grid-template-columns:20px 24px 1fr auto;align-items:center;gap:8px;font-size:14px}.mini-board li.is-you{font-weight:700}.mini-board__rank{color:var(--muted);text-align:right}.mini-board__name{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--ink)}.mini-board__xp{color:var(--muted)}.readiness__body{display:flex;align-items:center;gap:18px}.readiness__dial{--pct: 0%;flex:0 0 auto;display:grid;place-items:center;width:96px;height:96px;border-radius:50%;background:conic-gradient(var(--accent) var(--pct),var(--bg-2) 0)}.readiness__dial>span{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:var(--panel);font-weight:700}.readiness__dial strong{font-size:26px}.readiness__parts{flex:1;display:grid;gap:7px;margin:0;padding:0;list-style:none;font-size:13px}.readiness__parts li{display:grid;grid-template-columns:78px 1fr 36px;align-items:center;gap:8px}.readiness__parts small{color:var(--muted);text-align:right}.readiness__bar,.course-progress__bar,.day-view__bar,.chapter-card__bar,.exam__bar{display:block;height:8px;border-radius:999px;background:var(--bg-2);overflow:hidden}.readiness__bar>span,.course-progress__bar>span,.day-view__bar>span,.chapter-card__bar>span,.exam__bar>span{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .4s ease}.readiness__note{margin:12px 0 0;font-size:12px}.feed{display:grid;gap:10px;margin:0;padding:0;list-style:none}.feed-item{display:flex;gap:12px;padding:14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel)}.feed--compact{gap:8px}.feed-item--compact{gap:8px;padding:0;border:0;background:none}.feed-item__avatar{height:fit-content;padding:0;border:0;background:none;cursor:pointer}.feed-item__body{flex:1;min-width:0}.feed-item__body p{margin:0 0 2px;line-height:1.45}.feed-item--compact .feed-item__body p{font-size:14px}.feed-item__name{color:var(--ink)}.reactions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.reaction{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border:1px solid var(--border);border-radius:999px;background:var(--bg);font-size:14px;opacity:.55;cursor:pointer}.reaction:hover,.reaction--some{opacity:1}.reaction--mine{border-color:var(--accent);background:var(--accent-soft)}.reaction span{font-size:12px;font-weight:700}.feed-view .segmented{margin-bottom:14px}.feed-view__more{margin-top:12px}.leaderboard__controls{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.board{display:grid;gap:6px;margin:12px 0 0;padding:0;list-style:none}.board__row{display:grid;grid-template-columns:34px 36px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--border);border-radius:12px;background:var(--panel)}.board__row--you{border-color:var(--accent);background:var(--accent-soft)}.board__row--top1{background:linear-gradient(90deg,color-mix(in srgb,#f2c94c 22%,var(--panel)),var(--panel) 60%)}.board__rank{color:var(--muted);font-weight:800;font-size:18px;text-align:center}.board__name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--ink)}.board__day{color:var(--muted);font-size:13px}.board__xp{font-weight:800;font-variant-numeric:tabular-nums}.people__search{width:100%;max-width:420px;margin-bottom:14px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--ink);font:inherit}.people__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:10px;margin:0;padding:0;list-style:none}.person-card{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel)}.person-card__main{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:0;border:0;background:none;color:var(--ink);text-align:left;cursor:pointer}.person-card__text{min-width:0;display:flex;flex-direction:column}.person-card__text>small{color:var(--muted)}.person-card__stats{display:flex;flex-wrap:wrap;gap:2px 10px;margin-top:4px;color:var(--muted);font-size:12px}.follow-btn{flex:0 0 auto;padding:7px 14px}.follow-btn--on{color:var(--ok-ink)}.level-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:16px}.level-tab{padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--panel)}.level-tab strong{display:block;font-size:20px}.level-tab small{color:var(--muted);font-size:12px}.level-tab--on{border-color:var(--accent);background:var(--accent-soft)}.level-tab--soon{border-style:dashed;opacity:.55}.course-progress{display:grid;gap:8px;margin-bottom:22px;color:var(--muted)}.course-progress__bar{height:10px}.course-progress__bar>span{background:linear-gradient(90deg,var(--accent),var(--sun))}.weeks{display:grid;gap:12px;margin:0;padding:0;list-style:none}.week{padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel)}.week--done{background:color-mix(in srgb,var(--ok) 6%,var(--panel))}.week--summit{border-style:dashed;opacity:.7}.week__head{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px}.week__head strong{display:block;font-size:17px}.week__head small{color:var(--muted)}.week__n{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--accent-soft);color:var(--accent);font-weight:800}.week--done .week__n{background:var(--ok-soft);color:var(--ok-ink)}.week__count{color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}.week__days{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:12px}.day-node{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:8px 4px;border:1px solid var(--border);border-radius:12px;background:var(--bg);color:var(--ink);cursor:pointer}.day-node small{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--muted);font-size:11px}.day-node__n{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--border);border-radius:50%;background:var(--panel);font-weight:700;font-size:14px}.day-node:hover:not(.day-node--locked){border-color:var(--accent)}.day-node--done .day-node__n{border-color:var(--ok);background:var(--ok);color:#fff}.day-node--current{border-color:var(--sun);background:var(--sun-soft);box-shadow:0 0 0 3px color-mix(in srgb,var(--sun) 25%,transparent)}.day-node--current .day-node__n{border-color:var(--sun);background:var(--sun);color:#fff}.day-node--locked{opacity:.5;cursor:default}.day-node--checkpoint:not(.day-node--done) .day-node__n,.day-node--final:not(.day-node--done) .day-node__n{border-color:var(--sun)}.day-view{max-width:900px}.day-view--block{max-width:1120px}.day-view__head h2{margin:0;font-size:28px}.day-view__sub{margin:4px 0 16px;color:var(--muted)}.day-view__summary{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:14px;margin-bottom:16px;color:var(--muted);font-size:14px}.block-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.block-row{display:grid;grid-template-columns:32px 34px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);color:var(--ink);text-align:left;cursor:pointer}.block-row:hover:not(:disabled){border-color:var(--accent)}.block-row__step{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--border);border-radius:50%;color:var(--muted);font-weight:700;font-size:14px}.block-row__icon{font-size:22px;text-align:center}.block-row__text strong{display:block}.block-row__text strong small{margin-left:4px;color:var(--muted);font-weight:500}.block-row__text>span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--muted);font-size:14px}.block-row__time{color:var(--muted);font-size:13px;white-space:nowrap}.block-row--done .block-row__step{border-color:var(--ok);background:var(--ok);color:#fff}.block-row--done .block-row__text strong{color:var(--muted)}.block-row--next{border-color:var(--sun);box-shadow:0 0 0 3px color-mix(in srgb,var(--sun) 20%,transparent)}.block-row--locked{opacity:.55;cursor:default}.day-view__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px;margin-top:18px}.day-view__done{margin:0 auto 0 0;font-size:18px;font-weight:700}.block-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-bottom:16px}.block-head h2{margin:0;font-size:24px}.block-head h2 small{color:var(--muted);font-size:15px;font-weight:500}.block-panel{display:flex;flex-direction:column;gap:16px;padding:20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel)}.block-panel__status{margin:0;color:var(--muted)}.block-panel__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.exam{display:flex;flex-direction:column;gap:14px;padding:20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);scroll-margin-top:16px}.exam__intro,.exam__results,.exam--empty{max-width:720px}.exam__intro h2{margin:0;font-size:26px}.exam__intro p{margin:0;color:var(--muted)}.exam__note{padding:10px 12px;border-radius:10px;background:var(--glow)}.exam__actions{display:flex;justify-content:space-between;gap:10px}.exam__head{display:flex;align-items:center;justify-content:space-between;gap:10px}.exam__head-right{display:flex;align-items:center;gap:12px;color:var(--muted);font-variant-numeric:tabular-nums}.exam__timer{padding:3px 10px;border-radius:999px;background:var(--bg-2);color:var(--ink);font-weight:700}.exam__timer--low{background:var(--bad-soft);color:var(--bad-ink)}.exam__layout{display:grid;gap:18px}.exam__body{display:flex;flex-direction:column;gap:12px;min-width:0}.exam__nav{display:flex;justify-content:space-between;gap:10px;margin-top:4px}.exam__grid{display:flex;flex-wrap:wrap;gap:5px;padding-top:8px;border-top:1px solid var(--border)}.exam__dot{width:30px;height:30px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--muted);font-size:12px;cursor:pointer}.exam__dot--answered{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.exam__dot--current{outline:2px solid var(--sun);outline-offset:1px}.exam__score{display:flex;flex-direction:column;gap:4px;padding:18px;border-radius:14px;background:var(--bg)}.exam__score strong{font-size:44px;line-height:1}.exam__score strong small{color:var(--muted);font-size:20px}.exam__score.is-pass{background:var(--ok-soft);color:var(--ok-ink)}.exam__score.is-fail{background:var(--bad-soft);color:var(--bad-ink)}.exam__sections{display:grid;gap:8px;margin:0;padding:0;list-style:none}.exam__sections li{display:grid;grid-template-columns:minmax(150px,220px) 1fr 52px;align-items:center;gap:10px}.exam__section-name small{color:var(--muted)}.exam__section-score{text-align:right;font-variant-numeric:tabular-nums}.exam__bar>span.is-good{background:var(--ok)}.exam__bar>span.is-ok{background:var(--lv-yellow, #d9b148)}.exam__bar>span.is-weak{background:var(--bad)}.exam__review-btn{align-self:flex-start}.exam__missed li{flex-direction:column;align-items:flex-start}.exam__missed-answers{display:flex;gap:10px}.exam__missed-answers s{color:var(--bad-ink)}.exam-intro h2{margin:0}.exam-intro p{margin:0;line-height:1.6}.exam-intro__history ul{display:grid;gap:4px;margin:6px 0;padding:0;list-style:none}.exam-intro__history li{display:grid;grid-template-columns:70px 1fr auto;gap:10px;font-size:14px}.exams-view__top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:16px}.score-chart__bars{position:relative;display:flex;align-items:flex-end;gap:3px;height:150px;margin:12px 0 8px}.score-chart__bars:after{content:"";position:absolute;left:0;right:0;bottom:calc(18px + (100% - 18px)*.7);border-top:1px dashed var(--muted);opacity:.6;pointer-events:none}.score-chart__col{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;height:100%}.score-chart__track{flex:1;display:flex;align-items:flex-end;width:100%;border-radius:4px;background:var(--bg-2)}.score-chart__track>span{display:block;width:100%;border-radius:4px}.score-chart__track>span.is-pass{background:var(--accent)}.score-chart__track>span.is-fail{background:var(--bad)}.score-chart__col--checkpoint .score-chart__track>span.is-pass,.score-chart__col--final .score-chart__track>span.is-pass{background:var(--sun)}.score-chart__col small{height:14px;color:var(--muted);font-size:10px}.score-chart .muted{margin:0;font-size:12px}.exam-list{display:grid;gap:6px;margin:0;padding:0;list-style:none}.exam-row{display:grid;grid-template-columns:30px minmax(0,1fr) 70px auto;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--border);border-radius:12px;background:var(--panel)}.exam-row__icon{font-size:20px;text-align:center}.exam-row__text strong{display:block}.exam-row__text small{color:var(--muted)}.exam-row__score{font-weight:700;text-align:right;font-variant-numeric:tabular-nums}.exam-row--passed{border-left:4px solid var(--ok)}.exam-row--locked{opacity:.55}.exam-row__lock{justify-self:center}.drill-grid,.practice__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.drill-card,.practice-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;color:var(--ink);text-align:left;cursor:pointer}.drill-card:hover:not(:disabled),.practice-card:hover:not(:disabled){border-color:var(--accent)}.practice-card:disabled{opacity:.55;cursor:default}.practice-card__icon{display:grid;place-items:center;width:46px;height:46px;margin-bottom:6px;border-radius:12px;background:var(--accent-soft);color:var(--accent);font-size:24px;font-weight:700}.practice-card strong{font-size:18px}.practice-card span,.drill-card span{color:var(--muted)}.practice-card small{margin-top:6px;color:var(--sun);font-weight:700}.profile{--act-exam: var(--sun)}.profile__dot--exam,.profile__fill--exam{background:var(--act-exam)}.profile__header{padding:20px;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 9%,var(--panel)),var(--panel) 65%)}.profile__header p.profile__bio{margin-top:8px;color:var(--ink)}.profile__header p.profile__social{display:flex;gap:16px;margin-top:8px}.profile__social b{color:var(--ink)}.profile__header-actions{flex:0 0 auto}.profile__two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:16px}.profile__course p{margin:6px 0 10px;color:var(--muted)}.exam-history{display:grid;gap:6px;margin:14px 0 0;padding:0;list-style:none}.exam-history li{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;font-size:14px}.exam-history__score{font-weight:700;font-variant-numeric:tabular-nums}.profile__editor{display:flex;flex-direction:column;gap:12px}.profile__editor-top{display:flex;align-items:center;gap:16px}.profile__bio-field{display:flex;flex-direction:column;gap:4px;font-weight:600}.profile__bio-field small{color:var(--muted);font-weight:400}.profile__bio-field textarea{padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--ink);font:inherit;resize:vertical}.profile__pickers{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:10px;font-weight:600}.picker{display:flex;flex-wrap:wrap;gap:6px}.picker__item{width:38px;height:38px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--ink);font-size:18px;cursor:pointer}.picker__swatch{width:30px;height:30px;border:2px solid transparent;border-radius:50%;cursor:pointer}.picker__item.is-on,.picker__swatch.is-on{border-color:var(--ink);box-shadow:0 0 0 2px var(--panel) inset}@media (max-width: 1000px){.today__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.today__lesson{grid-row:auto}.exams-view__top,.profile__two{grid-template-columns:1fr}}@media (max-width: 800px){.shell{display:block;padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px))}.shell__nav{display:none}.shell__top{position:sticky;top:0;z-index:25;display:flex;align-items:center;justify-content:space-between;padding:8px 16px;padding-top:calc(8px + env(safe-area-inset-top,0px));border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--panel) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.shell__top .brand strong{font-size:19px;letter-spacing:.04em}.shell__top-right{display:flex;align-items:center;gap:10px}.shell__main{padding:16px 16px 32px}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:25;display:grid;grid-template-columns:repeat(6,1fr);height:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);border-top:1px solid var(--border);background:var(--panel)}.tabbar__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;padding:0;border:0;background:none;color:var(--muted);font-size:19px;cursor:pointer}.tabbar__item small{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:10.5px;font-weight:600}.tabbar__item--on{color:var(--accent)}.xp-toasts{top:auto;right:16px;bottom:calc(var(--tabbar-h) + 16px)}.ach-toasts{bottom:calc(var(--tabbar-h) + 12px)!important}.welcome{grid-template-columns:1fr;min-height:0;padding:28px 16px}.welcome__card{padding:20px}.today__grid{grid-template-columns:1fr}.today__lesson{grid-column:auto}.today__hello h1,.page-head h1{font-size:24px}.level-tabs{grid-template-columns:repeat(5,minmax(64px,1fr));overflow-x:auto}.week__days{grid-template-columns:repeat(3,minmax(0,1fr))}.block-row{grid-template-columns:28px 28px minmax(0,1fr);gap:10px;padding:12px}.block-row__time{display:none}.day-view__summary{grid-template-columns:auto auto}.day-view__summary .day-view__bar{grid-column:1 / -1}.exam{padding:14px}.exam__sections li{grid-template-columns:1fr 52px}.exam__sections .exam__bar{grid-column:1 / -1;grid-row:2}.exam-row{grid-template-columns:26px minmax(0,1fr) auto}.exam-row__score{display:none}.board__row{grid-template-columns:26px 32px minmax(0,1fr) auto;gap:8px;padding:10px}.board__day{display:none}.people__list{grid-template-columns:1fr}.profile__header{flex-wrap:wrap}.profile__pickers{grid-template-columns:1fr}}.level-text{white-space:nowrap;font-weight:700}.level-chip{display:inline-flex;align-items:center;gap:4px;width:fit-content;margin-top:8px;padding:3px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:13px;font-weight:700}.level-chip--r9,.level-chip--r10{background:var(--sun-soft);color:var(--sun)}.level-full{display:flex;flex-direction:column;gap:8px}.level-full__top{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px}.level-full__icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--accent-soft);font-size:24px}.level-full.level-chip--r9 .level-full__icon,.level-full.level-chip--r10 .level-full__icon{background:var(--sun-soft)}.level-full__text strong{display:block;font-size:17px}.level-full__text small,.level-full__next{color:var(--muted);font-size:13px}.level-full__xp{color:var(--muted);font-weight:700;font-variant-numeric:tabular-nums}.level-full__bar{display:block;height:10px;border-radius:999px;background:var(--bg-2);overflow:hidden}.level-full__bar>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--sun));transition:width .5s ease}.today__bonus{margin:12px 0 0;color:var(--muted);font-size:14px}.today__bonus b{color:var(--sun)}.profile__climb{display:flex;flex-direction:column;gap:16px;margin-top:16px}.rank-ladder{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px;margin:0;padding:0;list-style:none}.rank-ladder__step{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:6px 2px;border-radius:10px;background:var(--bg);font-size:18px;opacity:.4}.rank-ladder__step small{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px}.rank-ladder__step.is-past{opacity:.8}.rank-ladder__step.is-here{outline:2px solid var(--sun);background:var(--sun-soft);opacity:1}.xp-chip--bonus small{font-weight:600}.level-toast{display:flex;align-items:center;gap:12px;padding:12px 18px;border:0;border-radius:14px;background:linear-gradient(135deg,#2c3a8f,#1b2259);color:#fff;text-align:left;box-shadow:var(--shadow);cursor:pointer;pointer-events:auto;animation:level-pop .4s ease}.level-toast__icon{font-size:32px}.level-toast small{display:block;color:var(--sun);font-weight:800;letter-spacing:.04em;text-transform:uppercase;font-size:11px}.level-toast strong{display:block;font-size:20px}.level-toast span span{font-size:14px;opacity:.85}@keyframes level-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.level-toast{animation:none}}@media (max-width: 800px){.rank-ladder{grid-template-columns:repeat(6,minmax(0,1fr))}}.section-title{margin:26px 0 10px;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}code,pre,.code-block,.console{font-family:var(--font-code)}.btn-sm{padding:6px 12px;font-size:13px}.btn-lg{padding:12px 22px;font-size:16px}.btn-run{padding:8px 16px;border:1px solid var(--ok);border-radius:8px;background:var(--ok);color:#fff;font:inherit;font-weight:700;cursor:pointer}.btn-run:hover:not(:disabled){filter:brightness(1.08)}.btn-run:disabled{opacity:.65;cursor:progress}.code-editor{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--code-bg)}.code-editor .cm-editor{min-height:calc(var(--min-lines, 3) * 1.45em + 20px)}.code-editor .cm-scroller{min-height:inherit;line-height:1.45}.code-editor:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.code-block{margin:0;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--code-bg);color:var(--code-ink);font-size:14px;line-height:1.5;overflow-x:auto;white-space:pre}.tok-keyword{color:var(--code-keyword)}.tok-string{color:var(--code-string)}.tok-number{color:var(--code-number)}.tok-comment{color:var(--code-comment);font-style:italic}.tok-type{color:var(--code-type)}.tok-function{color:var(--code-function)}.tok-def{color:var(--code-def)}.tok-prop{color:var(--code-prop)}.tok-punct{color:var(--code-punct)}.playground{display:flex;flex-direction:column;gap:8px}.playground__bar,.exercise__bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.playground__hint{margin-left:auto;font-size:12px}.run-panel{display:flex;flex-direction:column;gap:10px}.run-panel__section{display:flex;flex-direction:column;gap:6px}.run-panel__label{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.run-panel__section--types{padding:10px 12px;border:1px solid var(--bad);border-radius:8px;background:var(--bad-soft);color:var(--bad-ink)}.run-panel__error{margin:0;padding:8px 12px;border-radius:8px;background:var(--bad-soft);color:var(--bad-ink)}.console{margin:0;padding:10px 14px;min-height:2.6em;max-height:320px;overflow:auto;border-radius:8px;background:var(--console-bg);color:var(--console-ink);font-size:13.5px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.console__empty{opacity:.55;font-style:italic}.console__line--warn{color:#fbbf24}.console__line--error{color:#f87171}.diag-list{display:flex;flex-direction:column;gap:4px;margin:6px 0 0;padding:0;list-style:none;font-size:14px}.diag-list li{display:flex;gap:10px}.diag-list__where{flex:none;font-family:var(--font-code);font-size:12px;opacity:.8;padding-top:2px}.diag-list__msg{white-space:pre-wrap}.test-list{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none}.test-list li{display:flex;gap:10px;padding:8px 12px;border-radius:8px}.test-list li.is-pass{background:var(--ok-soft);color:var(--ok-ink)}.test-list li.is-fail{background:var(--bad-soft);color:var(--bad-ink)}.test-list__mark{flex:none;font-weight:800}.test-list__msg{margin:6px 0 0;font-size:13px;white-space:pre-wrap;color:var(--ink);opacity:.85}.exercise{display:flex;flex-direction:column;gap:12px}.exercise__head{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.exercise__head h3{margin:0;font-size:20px}.exercise__kind{padding:3px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:700}.exercise__kind--fix-bug{background:var(--sun-soft);color:var(--sun)}.exercise__kind--fix-types{background:color-mix(in srgb,var(--code-function) 16%,transparent);color:var(--code-function)}.exercise__goal{margin:-4px 0 0;font-size:14px}.exercise__hints{margin:0;padding:10px 12px 10px 32px;border-radius:8px;background:var(--glow);border:1px solid color-mix(in srgb,var(--sun) 35%,transparent)}.exercise__hints li+li{margin-top:6px}.exercise__tests-code,.exercise__solution{display:flex;flex-direction:column;gap:8px}.exercise__success{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-radius:10px;background:var(--ok-soft);color:var(--ok-ink);animation:pop-in .25s ease-out}.exercise__success-actions{display:flex;flex-wrap:wrap;gap:8px}.exercise__ok{margin:0;color:var(--ok-ink);font-weight:700}@keyframes pop-in{0%{transform:scale(.97);opacity:0}}@media (prefers-reduced-motion: reduce){.exercise__success{animation:none}}.exercise-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.exercise-tab{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border);border-radius:999px;background:var(--panel);color:var(--ink);font-size:13px;font-weight:600;cursor:pointer}.exercise-tab--on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.exercise-tab--done span{color:var(--ok)}.prose{line-height:1.65}.prose>:first-child{margin-top:0}.prose>:last-child{margin-bottom:0}.prose h2{margin:28px 0 8px;font-size:22px}.prose h3{margin:22px 0 6px;font-size:18px}.prose p,.prose ul,.prose ol{margin:0 0 12px}.prose li+li{margin-top:4px}.prose code{padding:1px 5px;border-radius:5px;background:var(--bg-2);font-size:.9em}.prose pre{line-height:1.5;padding:10px 14px;border-radius:8px;background:var(--code-bg);border:1px solid var(--border);overflow-x:auto}.prose pre code{padding:0;background:none}.prose blockquote{margin:0 0 12px;padding:8px 14px;border-left:4px solid var(--accent);background:var(--accent-soft);border-radius:0 8px 8px 0}.prose table{border-collapse:collapse;margin:0 0 12px}.prose th,.prose td{padding:6px 10px;border:1px solid var(--border);text-align:left}.lesson{display:flex;flex-direction:column;gap:16px;max-width:820px}.lesson__title{margin:0;font-size:30px}.lesson__text{font-size:16.5px}.lesson__code--error .code-editor{border-color:color-mix(in srgb,var(--sun) 60%,transparent)}.lesson__code-tag{display:inline-block;margin-bottom:6px;font-size:13px;font-weight:600;color:var(--sun)}.lesson__end{display:flex;justify-content:flex-end;padding-top:12px;border-top:1px solid var(--border)}.inline-q{display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid var(--accent);border-radius:12px;background:var(--panel)}.inline-q.is-correct{border-color:var(--ok)}.inline-q.is-wrong{border-color:var(--bad)}.inline-q__label{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.inline-q__feedback{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.quiz__code-option{margin:0;font-size:14px;white-space:pre-wrap;text-align:left}.quiz__option code{font-size:.92em}.concept-card{display:flex;flex-direction:column;gap:10px;padding:18px 20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.concept-card--compact{padding:14px 16px;gap:8px;box-shadow:none}.concept-card__head{display:flex;align-items:center;justify-content:space-between;gap:10px}.concept-card__head h3{margin:0;font-size:22px}.concept-card--compact .concept-card__head h3{font-size:17px}.concept-card__def{margin:0;font-size:17px;line-height:1.5}.concept-card--compact .concept-card__def{font-size:15px}.concept-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:12px}.concepts-block{display:flex;flex-direction:column;gap:14px;max-width:720px}.concepts-block__progress{display:flex;align-items:center;gap:6px}.concepts-block__progress .muted{margin-left:8px;font-size:13px}.dot{width:10px;height:10px;padding:0;border:0;border-radius:50%;background:var(--border);cursor:pointer}.dot--done{background:color-mix(in srgb,var(--accent) 45%,transparent)}.dot--on{background:var(--accent);transform:scale(1.25)}.level-pill{flex:none;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:700;background:var(--lv-unknown-bg);color:var(--lv-unknown-ink)}.level-pill--red{background:var(--lv-red-bg);color:var(--lv-red)}.level-pill--yellow{background:var(--lv-yellow-bg);color:var(--lv-yellow)}.level-pill--green{background:var(--lv-green-bg);color:var(--lv-green)}.level-pill--purple{background:var(--lv-purple-bg);color:var(--lv-purple)}.swatch{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:4px}.swatch--unknown{background:var(--lv-unknown)}.swatch--red{background:var(--lv-red)}.swatch--yellow{background:var(--lv-yellow)}.swatch--green{background:var(--lv-green)}.swatch--purple{background:var(--lv-purple)}.levelbar{display:flex;height:10px;border-radius:999px;overflow:hidden;background:var(--lv-unknown-bg)}.legend{display:flex;flex-wrap:wrap;gap:4px 14px;margin:0;padding:0;list-style:none;font-size:13px;color:var(--muted)}.legend b{color:var(--ink)}.library{max-width:1120px}.library__bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:8px 0 4px}.library__search{flex:1 1 220px;max-width:320px;padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:var(--panel);color:var(--ink);font:inherit}.exercise-index{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.exercise-index__row{display:grid;grid-template-columns:28px 1fr auto auto;align-items:center;gap:10px;width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--ink);text-align:left;cursor:pointer}.exercise-index__row:hover{border-color:var(--accent)}.practice-card:disabled{opacity:.7;cursor:default}.exercise-page,.playground-page{display:flex;flex-direction:column;gap:14px;max-width:1000px}.exercise-page .block-head{display:flex;align-items:center;gap:14px}.exercise-page .block-head .back-btn{flex-basis:auto;margin:0}.tabs__tab:disabled{opacity:.6;cursor:default}.solutions{display:flex;flex-direction:column;gap:14px;margin:0;padding:0;list-style:none}.solution{display:flex;flex-direction:column;gap:8px}.solution__head{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.solution__when{margin-left:auto}.exam--code{max-width:1000px}.exam__missed{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none}.exam__missed>li{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border:1px solid var(--border);border-radius:10px}.exam__missed-answers{display:flex;flex-wrap:wrap;gap:8px 18px}.exam__missed-wrong{color:var(--bad-ink);text-decoration:line-through}.exam__missed-right{color:var(--ok-ink);font-weight:700}.exam__missed-answers>span{display:inline-flex;align-items:flex-start;gap:6px}.week--pending{opacity:.6}.day-node--project:not(.day-node--done) .day-node__n{background:var(--sun-soft)}@media (max-width: 720px){.playground__hint{display:none}.lesson__title{font-size:24px}.exercise-index__row{grid-template-columns:24px 1fr auto}.exercise-index__row small{display:none}}