@font-face{font-family:Inter Variable;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/InterVariable.woff2)format("woff2-variations"),url(/assets/fonts/InterVariable.woff2)format("woff2")}@font-face{font-family:Inter Variable;font-style:italic;font-weight:100 900;font-display:swap;src:url(/assets/fonts/InterVariable-Italic.woff2)format("woff2-variations"),url(/assets/fonts/InterVariable-Italic.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/JetBrainsMono-Regular.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/JetBrainsMono-Bold.woff2)format("woff2")}:root,:root[data-theme=day],:root[data-theme=auto]{--bg:#fafafb;--surface:#fff;--surface-2:#f2f3f5;--surface-hover:#f7f8fa;--border:#e4e6ea;--border-strong:#ccd0d7;--text:#0e1116;--text-muted:#5a6473;--text-soft:#7a828f;--accent:#3b6bff;--accent-hover:#2952d9;--accent-soft:#3b6bff1a;--success:#1faa6a;--success-soft:#1faa6a1f;--warning:#e0a400;--warning-soft:#e0a40024;--danger:#d93b3b;--danger-soft:#d93b3b1a;--code-bg:#0e1116;--code-text:#e5e9f0;--shadow-1:0 1px 2px #0e11160f, 0 1px 1px #0e11160a;--shadow-2:0 4px 8px #0e11160f, 0 2px 4px #0e11160a;--shadow-3:0 16px 32px #0e11161f, 0 4px 8px #0e11160f;color-scheme:light}:root[data-theme=night]{--bg:#0e1116;--surface:#161b23;--surface-2:#1e242e;--surface-hover:#1a2029;--border:#2a323f;--border-strong:#3a4452;--text:#e8ebef;--text-muted:#9aa4b2;--text-soft:#7e889a;--accent:#6a8bff;--accent-hover:#8aa4ff;--accent-soft:#6a8bff26;--success:#36c089;--success-soft:#36c08926;--warning:#f3be3a;--warning-soft:#f3be3a2e;--danger:#ff5c5c;--danger-soft:#ff5c5c24;--code-bg:#0a0d12;--code-text:#e5e9f0;--shadow-1:0 1px 2px #00000059, 0 1px 1px #00000040;--shadow-2:0 4px 8px #00000059, 0 2px 4px #00000040;--shadow-3:0 16px 32px #00000080, 0 4px 8px #00000059;color-scheme:dark}:root{--font-ui:"Inter Variable", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-code:"JetBrains Mono", "Fira Code", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--fs-12:.75rem;--fs-13:.8125rem;--fs-14:.875rem;--fs-16:1rem;--fs-18:1.125rem;--fs-24:1.5rem;--fs-32:2rem;--fs-48:3rem;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-6:24px;--sp-8:32px;--sp-12:48px;--sp-16:64px;--sp-24:96px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--line-tight:1.2;--line-base:1.55;--line-loose:1.75;--transition-fast:.12s ease;--transition-base:.18s ease;--transition-slow:.28s ease}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);font-feature-settings:"cv11", "ss01", "ss03";font-size:var(--fs-16);line-height:var(--line-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}img,svg,video,canvas,picture{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}a{color:var(--accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-hover)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}hr{border:0;border-top:1px solid var(--border);margin:var(--sp-6) 0}:root{transition:background-color var(--transition-base), color var(--transition-base)}body,.card,.button,.input,.alert,.nav,.footer,.badge{transition:background-color var(--transition-base), color var(--transition-base), border-color var(--transition-base)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}h1,h2,h3,h4,h5{margin:0 0 var(--sp-3);line-height:var(--line-tight);letter-spacing:-.015em;font-weight:700}h1{font-size:var(--fs-32);letter-spacing:-.025em;font-weight:800}h2{font-size:var(--fs-24)}h3{font-size:var(--fs-18)}p{margin:0 0 var(--sp-3)}.lead{color:var(--text-muted);font-size:var(--fs-18);line-height:1.5}.muted{color:var(--text-muted)}.soft{color:var(--text-soft)}small,.small{font-size:var(--fs-14)}.x-small{font-size:var(--fs-12)}code,kbd,pre,samp{font-family:var(--font-code);font-size:.94em}code:not(pre code){background:var(--surface-2);border-radius:4px;padding:.1em .4em;font-size:.9em}pre{background:var(--code-bg);color:var(--code-text);padding:var(--sp-4);border-radius:var(--radius-md);line-height:1.5;overflow-x:auto}.brand-mark{letter-spacing:-.025em;font-weight:800}.brand-mark .accent{color:var(--accent)}.container{width:100%;max-width:1120px;padding:0 var(--sp-4);margin:0 auto}.container-narrow{max-width:720px}.page{flex-direction:column;min-height:100vh;display:flex}.page-main{padding:var(--sp-8) 0 var(--sp-12);flex:1}.section{padding:var(--sp-12) 0}.section+.section{border-top:1px solid var(--border)}.center-wrap{min-height:100vh;padding:var(--sp-8) var(--sp-4);place-items:center;display:grid}.center-wrap__inner{width:100%;max-width:440px}.nav{background:var(--surface);border-bottom:1px solid var(--border);z-index:100;backdrop-filter:blur(8px);position:sticky;top:0}.nav__inner{align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-4);max-width:1120px;margin:0 auto;display:flex}.nav__brand{font-size:var(--fs-18);letter-spacing:-.025em;color:var(--text);font-weight:800;text-decoration:none}.nav__brand .accent{color:var(--accent)}.nav__links{align-items:center;gap:var(--sp-1);margin-left:var(--sp-6);flex-wrap:wrap;flex:1;display:flex}.nav__link{color:var(--text-muted);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);transition:background-color var(--transition-fast), color var(--transition-fast);font-weight:500;text-decoration:none}.nav__link:hover{background:var(--surface-2);color:var(--text)}.nav__link[aria-current=page]{color:var(--accent);background:var(--accent-soft)}.nav__tools{align-items:center;gap:var(--sp-1);margin-left:auto;display:flex}.nav__user{align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-2);display:flex}.nav__user-meta{line-height:1.2;font-size:var(--fs-14);flex-direction:column;display:flex}.nav__user-meta strong{font-weight:600}.nav__user-meta span{color:var(--text-soft);font-size:var(--fs-12)}.nav .nav__mobile-toggle{display:none}@media (width<=768px){.nav__links,.nav__user-meta,.nav__xp,.nav__streak{display:none}.nav__tools{margin-left:0}.nav .nav__mobile-toggle{padding:var(--sp-2);border-radius:var(--radius-sm);color:var(--text);background:0 0;border:0;order:10;margin-left:auto;display:inline-flex}.nav .nav__mobile-toggle:hover{background:var(--surface-2)}.nav.is-open .nav__links{background:var(--surface);border-bottom:1px solid var(--border);padding:var(--sp-3);align-items:stretch;gap:var(--sp-1);box-shadow:var(--shadow-2);flex-direction:column;display:flex;position:absolute;top:100%;left:0;right:0}}.icon-btn{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-muted);transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.icon-btn svg{width:18px;height:18px}.footer{background:var(--surface);border-top:1px solid var(--border);padding:var(--sp-8) 0 var(--sp-6);font-size:var(--fs-14);color:var(--text-muted)}.footer__inner{gap:var(--sp-6);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.footer__links{gap:var(--sp-4);flex-wrap:wrap;display:flex}.footer__links a{color:var(--text-muted)}.footer__links a:hover{color:var(--text)}.footer__copyright{color:var(--text-soft)}.button{justify-content:center;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-sm);background:var(--accent);color:#fff;font-weight:600;font-size:var(--fs-16);border:1px solid var(--accent);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);text-decoration:none;display:inline-flex}.button:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}.button:active{transform:scale(.97)}.button:disabled{opacity:.5;cursor:not-allowed}.button--block{width:100%}.button--lg{padding:var(--sp-3) var(--sp-6);font-size:var(--fs-18)}.button--sm{padding:6px var(--sp-3);font-size:var(--fs-14)}.button--secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.button--secondary:hover{background:var(--surface-2);color:var(--text);border-color:var(--border-strong)}.button--ghost{color:var(--accent);background:0 0;border-color:#0000}.button--ghost:hover{background:var(--accent-soft);color:var(--accent);border-color:#0000}.button--danger{background:var(--danger);border-color:var(--danger)}.button--danger:hover{background:#c13434;border-color:#c13434}.field{margin-bottom:var(--sp-3)}.field__label{margin-bottom:var(--sp-1);font-size:var(--fs-14);color:var(--text);font-weight:500;display:block}.field__hint{color:var(--text-muted);font-size:var(--fs-12);margin-top:4px;display:block}.field__error{color:var(--danger);font-size:var(--fs-14);margin-top:4px;display:block}.input{width:100%;padding:10px var(--sp-3);background:var(--bg);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-size:var(--fs-16);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);font-family:inherit;line-height:1.4;display:block}.input:hover{border-color:var(--text-soft)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.input::placeholder{color:var(--text-soft)}.input[aria-invalid=true]{border-color:var(--danger)}.input[aria-invalid=true]:focus{box-shadow:0 0 0 3px var(--danger-soft)}textarea.input{resize:vertical;min-height:96px}select.input{appearance:none;padding-right:var(--sp-8);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path fill='%237A828F' d='M6 8.4 1.6 4l1-1L6 6.4 9.4 3l1 1z'/></svg>");background-position:right 12px center;background-repeat:no-repeat}.checkbox-row{gap:var(--sp-3);margin:var(--sp-4) 0;align-items:flex-start;display:flex}.checkbox-row input[type=checkbox],.checkbox-row input[type=radio]{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0;margin:2px 0 0}.checkbox-row label{color:var(--text-muted);font-weight:400;font-size:var(--fs-14);cursor:pointer;margin:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--sp-6);box-shadow:var(--shadow-1)}.card--interactive{transition:transform var(--transition-base), box-shadow var(--transition-base)}.card--interactive:hover{box-shadow:var(--shadow-2);transform:translateY(-2px)}.card__title{margin:0 0 var(--sp-2);font-size:var(--fs-18)}.card__lead{color:var(--text-muted);margin:0}.alert{padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-sm);margin-bottom:var(--sp-3);font-size:var(--fs-14);border:1px solid}.alert--info{background:var(--accent-soft);color:var(--accent);border-color:#3b6bff4d}.alert--success{background:var(--success-soft);color:var(--success);border-color:#1faa6a4d}.alert--warning{background:var(--warning-soft);color:var(--warning);border-color:#e0a40059}.alert--danger{background:var(--danger-soft);color:var(--danger);border-color:#d93b3b4d}.alert ul{padding-left:var(--sp-4);margin:0}.badge{border-radius:var(--radius-full);font-size:var(--fs-12);background:var(--surface-2);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:4px;padding:2px 8px;font-weight:600;display:inline-flex}.badge--accent{background:var(--accent-soft);color:var(--accent)}.badge--success{background:var(--success-soft);color:var(--success)}.badge--warning{background:var(--warning-soft);color:var(--warning)}.badge--danger{background:var(--danger-soft);color:var(--danger)}.badge--muted{background:var(--surface-2);color:var(--text-muted)}.progress{background:var(--surface-2);border-radius:var(--radius-full);width:100%;height:6px;overflow:hidden}.progress__bar{background:var(--accent);border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.avatar{vertical-align:middle;border-radius:var(--radius-full);background:var(--surface-2);flex-shrink:0;width:36px;height:36px;display:inline-block;overflow:hidden}.avatar--lg{width:64px;height:64px}.avatar--xl{width:96px;height:96px}.avatar svg{width:100%;height:100%;display:block}.table{border-collapse:collapse;width:100%;font-size:var(--fs-14)}.table th,.table td{padding:10px var(--sp-3);border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}.table th{color:var(--text-muted);font-weight:600}.table tr:hover td{background:var(--surface-hover)}.dropdown{display:inline-block;position:relative}.dropdown__panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:160px;box-shadow:var(--shadow-2);padding:var(--sp-1);z-index:50;opacity:0;pointer-events:none;transition:opacity var(--transition-fast), transform var(--transition-fast);position:absolute;top:calc(100% + 6px);right:0;transform:translateY(-4px)}.dropdown.is-open .dropdown__panel{opacity:1;pointer-events:auto;transform:translateY(0)}.dropdown__item{align-items:center;gap:var(--sp-2);width:100%;padding:8px var(--sp-3);text-align:left;font-size:var(--fs-14);color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:4px;display:flex}.dropdown__item:hover{background:var(--surface-2)}.dropdown__item[aria-current=true]{background:var(--accent-soft);color:var(--accent)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--accent);color:#fff;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);z-index:200;position:absolute;left:-10000px}.skip-link:focus{left:var(--sp-3);top:var(--sp-3)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.gap-1{gap:var(--sp-1)}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.gap-6{gap:var(--sp-6)}.gap-8{gap:var(--sp-8)}.mt-2{margin-top:var(--sp-2)}.mt-3{margin-top:var(--sp-3)}.mt-4{margin-top:var(--sp-4)}.mt-6{margin-top:var(--sp-6)}.mt-8{margin-top:var(--sp-8)}.mb-2{margin-bottom:var(--sp-2)}.mb-3{margin-bottom:var(--sp-3)}.mb-4{margin-bottom:var(--sp-4)}.mb-6{margin-bottom:var(--sp-6)}.mb-8{margin-bottom:var(--sp-8)}.text-center{text-align:center}.text-right{text-align:right}.hidden{display:none!important}.block{display:block}.w-full{width:100%}.max-w-xs{max-width:320px}.max-w-sm{max-width:440px}.max-w-md{max-width:640px}.max-w-lg{max-width:880px}.grid{display:grid}.grid--2{gap:var(--sp-4);grid-template-columns:repeat(2,minmax(0,1fr))}.grid--3{gap:var(--sp-4);grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=768px){.grid--2,.grid--3{grid-template-columns:1fr}}.nav--landing .nav__links{gap:var(--sp-3)}.nav--landing .nav__cta-login,.nav--landing .nav__cta-primary{margin-left:var(--sp-2)}.nav__link--cta-login,.nav__link--cta-primary{display:none}@media (width<=768px){.nav--landing .nav__cta-login{display:none}.nav__link--cta-login{display:block}}@media (width<=560px){.nav--landing .nav__cta-primary{display:none}.nav__link--cta-primary{display:block}}.landing{padding:0}.landing .section{padding:var(--sp-16) 0;border-top:0}.landing .section+.section{border-top:0}.landing .section--alt{background:var(--surface-2)}.section__heading{font-size:var(--fs-32);letter-spacing:-.02em;margin:0 0 var(--sp-3);line-height:1.15}.section__lead{font-size:var(--fs-18);margin:0 0 var(--sp-8);max-width:640px}.hero{padding:var(--sp-16) 0 var(--sp-24);background:radial-gradient(800px 360px at 80% -10%, var(--accent-soft), transparent 60%), radial-gradient(640px 280px at 10% 110%, var(--accent-soft), transparent 60%)}.hero__inner{gap:var(--sp-12);grid-template-columns:1.1fr 1fr;align-items:center;display:grid}.hero__copy .badge{margin-bottom:var(--sp-4)}.hero__md h1{font-size:var(--fs-48);letter-spacing:-.03em;margin:0 0 var(--sp-4);line-height:1.05}.hero__md p{font-size:var(--fs-18);color:var(--text-muted);margin:0 0 var(--sp-3)}.hero__md strong{color:var(--text);font-weight:700}.hero__cta{gap:var(--sp-3);margin-top:var(--sp-6);flex-wrap:wrap;display:flex}.hero__visual{position:relative}.hero__editor{background:var(--code-bg);color:var(--code-text);border-radius:var(--radius-md);box-shadow:var(--shadow-3);font-family:var(--font-code);transition:transform var(--transition-slow);overflow:hidden;transform:rotate(-1deg)}.hero__editor:hover{transform:rotate(0)}.hero__editor-bar{align-items:center;gap:var(--sp-2);padding:10px var(--sp-3);background:#ffffff0a;border-bottom:1px solid #ffffff0d;display:flex}.hero__dot{border-radius:50%;width:10px;height:10px;display:inline-block}.hero__editor-file{margin-left:var(--sp-3);color:#98a2b3;font-size:var(--fs-12)}.hero__code{padding:var(--sp-4);color:var(--code-text);font-size:var(--fs-14);background:0 0;border-radius:0;margin:0;line-height:1.6}.hl-kw{color:#8aa4ff;font-weight:600}.hl-str{color:#ffd68a}.hero__caret{color:var(--accent);animation:1.05s steps(2,end) infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.hero__editor-out{padding:var(--sp-3);background:#ffffff05;border-top:1px solid #ffffff0d}.hero__badge-ok{color:var(--success);font-size:var(--fs-14);align-items:center;gap:6px;font-weight:600;display:inline-flex}@media (width<=880px){.hero__inner{gap:var(--sp-8);grid-template-columns:1fr}.hero__md h1{font-size:var(--fs-32)}.hero{padding-bottom:var(--sp-16)}}.stats{background:var(--surface);border-bottom:1px solid var(--border)}.stats__grid{gap:var(--sp-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.stats__item{padding:var(--sp-6);border-radius:var(--radius-md);background:var(--bg);border:1px solid var(--border);text-align:center}.stats__num{font-size:var(--fs-48);letter-spacing:-.03em;color:var(--accent);margin-bottom:var(--sp-2);font-variant-numeric:tabular-nums;font-weight:800;line-height:1}.stats__label{color:var(--text-muted);font-size:var(--fs-16)}.stats__note{margin-top:var(--sp-6);text-align:center;font-size:var(--fs-14)}@media (width<=720px){.stats__grid{grid-template-columns:1fr}.stats__num{font-size:var(--fs-32)}}.courses-grid{gap:var(--sp-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.course-card{--course-accent:var(--accent);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--sp-6);gap:var(--sp-3);transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);flex-direction:column;display:flex}.course-card:hover{box-shadow:var(--shadow-2);border-color:var(--course-accent);transform:translateY(-3px)}.course-card__icon{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--course-accent) 12%, transparent);width:48px;height:48px;color:var(--course-accent);justify-content:center;align-items:center;display:flex}.course-card__title{font-size:var(--fs-18);margin:0}.course-card__lead{color:var(--text-muted);flex:1;margin:0}.course-card__cta{margin-top:var(--sp-2);align-self:flex-start}.course-card--soon{opacity:.7;border-style:dashed}.course-card--soon:hover{box-shadow:none;border-color:var(--border-strong);transform:none}.course-card--soon .badge{align-self:flex-start;margin-bottom:0}@media (width<=1000px){.courses-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.courses-grid{grid-template-columns:1fr}}.feature-grid{gap:var(--sp-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.feature{padding:var(--sp-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:transform var(--transition-base), box-shadow var(--transition-base)}.feature:hover{box-shadow:var(--shadow-2);transform:translateY(-2px)}.feature__icon{border-radius:var(--radius-sm);background:var(--accent-soft);width:40px;height:40px;color:var(--accent);margin-bottom:var(--sp-3);justify-content:center;align-items:center;display:flex}.feature__title{margin:0 0 var(--sp-2);font-size:var(--fs-18)}.feature__body p{color:var(--text-muted);margin:0;line-height:1.55}@media (width<=1000px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.feature-grid{grid-template-columns:1fr}}.step-grid{gap:var(--sp-6);counter-reset:step;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.step{padding:var(--sp-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);position:relative}.step__num{top:var(--sp-4);right:var(--sp-4);font-family:var(--font-code);font-size:var(--fs-32);color:var(--accent-soft);font-weight:800;line-height:1;position:absolute}.step__icon{border-radius:var(--radius-sm);background:var(--accent-soft);width:40px;height:40px;color:var(--accent);margin-bottom:var(--sp-3);justify-content:center;align-items:center;display:flex}.step__title{margin:0 0 var(--sp-2);font-size:var(--fs-18)}.step__body p{color:var(--text-muted);margin:0}@media (width<=1000px){.step-grid{grid-template-columns:1fr}}.who-grid{gap:var(--sp-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.who{padding:var(--sp-8);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);gap:var(--sp-3);flex-direction:column;display:flex}.who__icon{border-radius:var(--radius-sm);background:var(--accent-soft);width:48px;height:48px;color:var(--accent);justify-content:center;align-items:center;display:flex}.who__title{font-size:var(--fs-24);margin:0}.who__body p{color:var(--text-muted);margin:0}.who .button{margin-top:var(--sp-3);align-self:flex-start}@media (width<=880px){.who-grid{grid-template-columns:1fr}}.faq{gap:var(--sp-2);flex-direction:column;display:flex}.faq__item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.faq__item[open]{border-color:var(--border-strong)}.faq__q{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-6);cursor:pointer;color:var(--text);font-weight:600;list-style:none;display:flex}.faq__q::-webkit-details-marker{display:none}.faq__q:hover{background:var(--surface-hover)}.faq__chev{color:var(--text-soft);transition:transform var(--transition-base);flex-shrink:0}.faq__item[open] .faq__chev{transform:rotate(180deg)}.faq__a{padding:0 var(--sp-6) var(--sp-4);color:var(--text-muted);line-height:1.6}.faq__a p:first-child{margin-top:0}.faq__a p:last-child{margin-bottom:0}.cta-final{background:radial-gradient(600px 260px at 50% -10%, var(--accent-soft), transparent 60%);text-align:center}.cta-final__md h1{font-size:var(--fs-32);letter-spacing:-.02em;margin:0 0 var(--sp-3)}.cta-final__md p{color:var(--text-muted);font-size:var(--fs-18);margin:0 auto var(--sp-6);max-width:520px}.cta-final__buttons{gap:var(--sp-3);flex-wrap:wrap;justify-content:center;display:flex}@media (prefers-reduced-motion:reduce){.hero__editor,.hero__caret,.course-card,.feature,.faq__chev{transition:none;animation:none}.hero__editor,.course-card:hover,.feature:hover{transform:none}}.profile-header{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-6);margin-bottom:var(--sp-6)}.profile-header__top{justify-content:space-between;align-items:flex-start;gap:var(--sp-6);margin-bottom:var(--sp-6);flex-wrap:wrap;display:flex}.profile-header__id{align-items:center;gap:var(--sp-4);display:flex}.profile-header__name{font-size:var(--fs-32);letter-spacing:-.02em;margin:0}.profile-header__meta{margin:4px 0 0}.profile-header__nav{gap:var(--sp-1);flex-wrap:wrap;display:flex}.profile-header__nav-link{padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);color:var(--text-muted);transition:background-color var(--transition-fast), color var(--transition-fast);font-weight:500;text-decoration:none}.profile-header__nav-link:hover{background:var(--surface-2);color:var(--text)}.profile-header__nav-link[aria-current=page]{background:var(--accent-soft);color:var(--accent)}.profile-header__agg-title{margin:0 0 var(--sp-3);font-size:var(--fs-14);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.profile-header--compact{padding:var(--sp-4) var(--sp-6)}.profile-header--compact .profile-header__top{margin-bottom:0}.agg-stats{gap:var(--sp-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.agg-stat{padding:var(--sp-4);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center}.agg-stat__num{font-size:var(--fs-32);letter-spacing:-.02em;color:var(--accent);font-variant-numeric:tabular-nums;margin-bottom:var(--sp-2);font-weight:800;line-height:1}.agg-stat__label{color:var(--text-muted);font-size:var(--fs-14);line-height:1.3}.agg-stat__sub{font-size:var(--fs-12);color:var(--text-soft);margin-top:2px;display:block}@media (width<=768px){.agg-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.agg-stat__num{font-size:var(--fs-24)}}.profile-section{margin-bottom:var(--sp-8)}.profile-section__title{margin:0 0 var(--sp-4);font-size:var(--fs-24);letter-spacing:-.01em}.empty-state{background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius-md);padding:var(--sp-12) var(--sp-6);text-align:center}.empty-state__icon{background:var(--accent-soft);width:56px;height:56px;color:var(--accent);border-radius:var(--radius-full);margin-bottom:var(--sp-3);justify-content:center;align-items:center;display:inline-flex}.empty-state__title{margin:0 0 var(--sp-2);font-size:var(--fs-18)}.empty-state__lead{color:var(--text-muted);margin:0 auto var(--sp-4);max-width:480px}.enrollments-grid{gap:var(--sp-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width<=880px){.enrollments-grid{grid-template-columns:1fr}}.enrollment-card{--course-accent:var(--accent);background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--course-accent);border-radius:var(--radius-md);padding:var(--sp-5,var(--sp-6));gap:var(--sp-3);flex-direction:column;display:flex}.enrollment-card__head{align-items:flex-start;gap:var(--sp-3);display:flex}.enrollment-card__icon{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--course-accent) 12%, transparent);width:44px;height:44px;color:var(--course-accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.enrollment-card__title{font-size:var(--fs-18);margin:0}.enrollment-card__cohort{font-size:var(--fs-12);margin:4px 0 0}.enrollment-card__stats{align-items:center;gap:var(--sp-3);font-size:var(--fs-14);flex-wrap:wrap;display:flex}.enrollment-card__progress{font-size:var(--fs-14);flex-direction:column;gap:6px;display:flex}.enrollment-card__progress .progress__bar{background:var(--course-accent)}.enrollment-card__level{padding:var(--sp-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);margin:0}.enrollment-card__level-label{font-size:var(--fs-12);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-weight:600;display:block}.enrollment-card__level-row{gap:var(--sp-2);display:flex}.enrollment-card__level-select{padding:6px var(--sp-3);font-size:var(--fs-14);flex:1}.enrollment-card__level-hint{font-size:var(--fs-12);margin:6px 0 0;line-height:1.4}.enrollment-card__recent-title{margin:0 0 var(--sp-2);font-size:var(--fs-12);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-weight:600}.enrollment-card__recent-empty{font-size:var(--fs-14);margin:0}.recent-badges{gap:var(--sp-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.recent-badge{padding:4px var(--sp-2);background:var(--accent-soft);color:var(--accent);border-radius:var(--radius-full);font-size:var(--fs-12);align-items:center;gap:4px;font-weight:600;display:inline-flex}.recent-badge__icon{display:inline-flex}.enrollment-card__foot{margin-top:auto}.badge-group{margin-bottom:var(--sp-6)}.badge-group__title{--group-accent:var(--accent);margin:0 0 var(--sp-3);font-size:var(--fs-18);padding-left:var(--sp-3);border-left:3px solid var(--group-accent,var(--accent))}.badge-gallery{gap:var(--sp-3);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}@media (width<=880px){.badge-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=560px){.badge-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}.badge-tile{text-align:center;padding:var(--sp-4) var(--sp-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:transform var(--transition-base), box-shadow var(--transition-base);flex-direction:column;align-items:center;display:flex}.badge-tile:hover{box-shadow:var(--shadow-1);transform:translateY(-2px)}.badge-tile__icon{background:var(--accent-soft);width:44px;height:44px;color:var(--accent);border-radius:var(--radius-full);margin-bottom:var(--sp-2);justify-content:center;align-items:center;display:flex}.badge-tile__title{font-weight:600;font-size:var(--fs-14);margin-bottom:2px;line-height:1.3}.badge-tile__date{font-size:var(--fs-12)}.prefs-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--sp-6);margin-bottom:var(--sp-4)}.prefs-card__title{margin:0 0 var(--sp-3);font-size:var(--fs-18)}.prefs-section{margin:0 0 var(--sp-6);border:0;padding:0}.prefs-section__legend{font-size:var(--fs-16);margin:0 0 var(--sp-1);padding:0;font-weight:600}.prefs-card--security{background:var(--surface);border-color:var(--border-strong)}.prefs-card--warning{background:var(--warning-soft);border-color:#e0a4004d}.prefs-card--warning .prefs-card__title{color:var(--warning)}.prefs-card--danger{background:var(--danger-soft);border-radius:var(--radius-md);border:1px solid #d93b3b4d}.prefs-card--danger .prefs-card__title{color:var(--danger)}.delete-bullets{margin:var(--sp-3) 0;padding-left:var(--sp-6);color:var(--text-muted);font-size:var(--fs-14);line-height:1.7}@media (prefers-reduced-motion:reduce){.badge-tile{transition:none}.badge-tile:hover{transform:none}}.subnav{gap:var(--sp-1);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--sp-1);margin-bottom:var(--sp-6);flex-wrap:wrap;display:flex}.subnav__link{padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);color:var(--text-muted);font-weight:500;font-size:var(--fs-14);transition:background-color var(--transition-fast), color var(--transition-fast);text-decoration:none}.subnav__link:hover{background:var(--surface-2);color:var(--text)}.subnav__link[aria-current=page]{background:var(--accent-soft);color:var(--accent)}.subnav__link--cta{color:var(--accent)}.subnav__link--admin{color:var(--danger);margin-left:auto}.subnav__link--back{color:var(--text-muted);margin-left:auto}.subnav--admin .subnav__link[aria-current=page]{background:var(--danger-soft);color:var(--danger)}.panel-header{margin-bottom:var(--sp-6);justify-content:space-between;align-items:flex-start;gap:var(--sp-4);flex-wrap:wrap;display:flex}.panel-header h1{margin:0 0 var(--sp-2);font-size:var(--fs-32);letter-spacing:-.02em}.panel-header p{margin:0}.panel-header__export{flex-shrink:0;align-self:center}.panel-header--student{justify-content:space-between;align-items:flex-start;gap:var(--sp-4);flex-wrap:wrap;display:flex}.panel-tiles{gap:var(--sp-3);margin-bottom:var(--sp-8);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.panel-tile{padding:var(--sp-5,var(--sp-4));background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:inherit;transition:transform var(--transition-base), box-shadow var(--transition-base);text-decoration:none;display:block}a.panel-tile:hover{box-shadow:var(--shadow-1);transform:translateY(-2px)}.panel-tile__num{font-size:var(--fs-32);letter-spacing:-.02em;color:var(--accent);margin-bottom:var(--sp-2);font-variant-numeric:tabular-nums;font-weight:800;line-height:1}.panel-tile__label{color:var(--text-muted);font-size:var(--fs-14)}.panel-section{margin-bottom:var(--sp-8)}.panel-section__title{margin:0 0 var(--sp-4);font-size:var(--fs-24);letter-spacing:-.01em}.panel-filters{gap:var(--sp-2);margin-bottom:var(--sp-3);flex-wrap:wrap;align-items:center;display:flex}.panel-filters .input{padding:8px var(--sp-3);font-size:var(--fs-14);width:auto}.panel-filters input[type=search]{min-width:240px}.panel-table-wrap{overflow-x:auto}.panel-table{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.panel-table th{background:var(--surface-2);font-size:var(--fs-12);text-transform:uppercase;letter-spacing:.04em}.panel-table td a{color:var(--text);text-decoration:none}.panel-table td a:hover{color:var(--accent)}.chip{background:var(--surface-2);color:var(--text-muted);border-radius:var(--radius-full);font-size:var(--fs-12);text-transform:uppercase;letter-spacing:.04em;margin-right:4px;padding:2px 8px;font-weight:600;display:inline-block}.add-to-course-form{padding:var(--sp-4);background:var(--surface-2);border-radius:var(--radius-md)}.reset-progress-block{margin-top:var(--sp-3);border:1px dashed var(--danger);border-radius:var(--radius-sm);background:var(--danger-soft)}.reset-progress-block>summary{padding:var(--sp-2) var(--sp-3);cursor:pointer;color:var(--danger);font-weight:600;list-style:none}.reset-progress-block>summary::-webkit-details-marker{display:none}.reset-progress-block>summary:before{content:"⚠  "}.reset-progress-block__body{padding:var(--sp-3) var(--sp-4);border-top:1px dashed var(--danger)}.invitation-code{background:var(--surface-2);border-radius:var(--radius-sm);font-family:var(--font-code);font-size:var(--fs-14);letter-spacing:.04em;color:var(--accent);user-select:all;padding:4px 8px;font-weight:600;display:inline-block}@media (width<=720px){.panel-table{font-size:var(--fs-12)}.panel-table th,.panel-table td{padding:8px var(--sp-2)}.panel-header--student{flex-direction:column}}@media (prefers-reduced-motion:reduce){a.panel-tile:hover{transform:none}}.course-catalog-header{margin-bottom:var(--sp-8)}.course-catalog-header h1{margin:0 0 var(--sp-2);font-size:var(--fs-32);letter-spacing:-.02em}.catalog-grid{gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.catalog-card{--course-accent:var(--accent);background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--course-accent);border-radius:var(--radius-md);padding:var(--sp-6);gap:var(--sp-3);transition:transform var(--transition-base), box-shadow var(--transition-base);flex-direction:column;display:flex}.catalog-card:hover{box-shadow:var(--shadow-2);transform:translateY(-3px)}.catalog-card__icon{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--course-accent) 12%, transparent);width:56px;height:56px;color:var(--course-accent);justify-content:center;align-items:center;display:flex}.catalog-card__title{font-size:var(--fs-24);letter-spacing:-.01em;margin:0}.catalog-card__lead{color:var(--text-muted);flex:1;margin:0}.catalog-card__meta{font-size:var(--fs-12);text-transform:uppercase;letter-spacing:.04em;margin:0;font-weight:600}.catalog-card__cta{align-self:flex-start}.course-page{--course-accent:var(--accent)}.course-page__head{justify-content:space-between;align-items:flex-start;gap:var(--sp-6);padding-bottom:var(--sp-6);margin-bottom:var(--sp-6);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.course-page__id{gap:var(--sp-4);flex:1;align-items:center;min-width:280px;display:flex}.course-page__icon{border-radius:var(--radius-md);background:color-mix(in srgb, var(--course-accent) 14%, transparent);width:64px;height:64px;color:var(--course-accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.course-page__title{font-size:var(--fs-32);letter-spacing:-.02em;margin:0}.course-page__short{margin:4px 0 0}.course-page__cta{gap:var(--sp-2);flex-direction:column;align-items:flex-end;min-width:200px;display:flex}.course-page__notice{margin:0 0 var(--sp-2);text-align:right;max-width:280px;font-size:var(--fs-14)}.course-page__about{padding:var(--sp-4) 0;color:var(--text-muted);font-size:var(--fs-16);line-height:1.6}.course-page__progress{padding:var(--sp-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--sp-6)}.course-page__progress-meta{margin-bottom:var(--sp-2);font-size:var(--fs-14);justify-content:space-between;align-items:baseline;display:flex}.course-page__modules-heading{margin:var(--sp-6) 0 var(--sp-4);font-size:var(--fs-24);letter-spacing:-.01em}.module-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--sp-3);overflow:hidden}.module-card[open]{border-color:var(--border-strong)}.module-card__summary{align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5,var(--sp-6));cursor:pointer;font-weight:600;list-style:none;display:flex}.module-card__summary::-webkit-details-marker{display:none}.module-card__summary:hover{background:var(--surface-hover)}.module-card__no{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border-radius:var(--radius-sm);font-family:var(--font-code);font-weight:700;font-size:var(--fs-14);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.module-card__title{font-size:var(--fs-18);flex:1}.module-card__count{font-size:var(--fs-14);font-weight:500}.module-card__chev{color:var(--text-soft);transition:transform var(--transition-base);flex-shrink:0}.module-card[open] .module-card__chev{transform:rotate(180deg)}.lesson-list{border-top:1px solid var(--border);margin:0;padding:0;list-style:none}.lesson-tile{gap:var(--sp-3);padding:var(--sp-4) var(--sp-6);border-bottom:1px solid var(--border);display:flex}.lesson-tile:last-child{border-bottom:0}.lesson-tile:hover{background:var(--surface-hover)}.lesson-tile--completed{background:color-mix(in srgb, var(--success-soft) 50%, transparent)}.lesson-tile__num{border-radius:var(--radius-full);background:var(--surface-2);width:32px;height:32px;color:var(--text-muted);font-family:var(--font-code);font-weight:600;font-size:var(--fs-14);flex-shrink:0;justify-content:center;align-items:center;display:flex}.lesson-tile--completed .lesson-tile__num{background:var(--success);color:#fff}.lesson-tile--in_progress .lesson-tile__num{background:var(--accent);color:#fff}.lesson-tile--locked .lesson-tile__num{background:var(--surface-2);color:var(--text-muted)}.lesson-tile--locked{opacity:.7}.lesson-tile--locked:hover{opacity:.85}.lesson-tile__body{flex:1}.lesson-tile__title{color:var(--text);font-weight:600;font-size:var(--fs-16);margin:0 0 4px;text-decoration:none;display:block}.lesson-tile__title:hover{color:var(--accent)}.lesson-tile__title--locked{color:var(--text-muted);cursor:not-allowed}.lesson-tile--locked .lesson-tile__title{color:var(--text-muted)}.lesson-tile__desc{font-size:var(--fs-14);margin:0 0 4px}a.lesson-tile__desc{color:inherit;text-decoration:none}a.lesson-tile__desc:hover{color:var(--accent)}.lesson-tile__meta{gap:var(--sp-2);font-size:var(--fs-12);flex-wrap:wrap;align-items:center;display:flex}.lesson-tile__exercises{font-variant-numeric:tabular-nums;color:var(--text-muted)}.lesson-tile__exercises--done{color:var(--success);font-weight:600}.lesson-breadcrumb{gap:var(--sp-2);margin-bottom:var(--sp-4);font-size:var(--fs-14);align-items:center;display:flex}.lesson-breadcrumb a{color:var(--text-muted);text-decoration:none}.lesson-breadcrumb a:hover{color:var(--accent)}.lesson-page{--course-accent:var(--accent);max-width:760px;margin:0 auto}.lesson-page__head{margin-bottom:var(--sp-6);padding-bottom:var(--sp-4);border-bottom:1px solid var(--border)}.lesson-page__title{margin:var(--sp-2) 0 var(--sp-3);font-size:var(--fs-32);letter-spacing:-.02em;line-height:1.2}.lesson-page__meta{gap:var(--sp-2);font-size:var(--fs-14);flex-wrap:wrap;align-items:center;margin:0;display:flex}.lesson-content{font-size:var(--fs-18);color:var(--text);line-height:1.7}.lesson-content>*+*{margin-top:var(--sp-4)}.lesson-content h2{font-size:var(--fs-24);letter-spacing:-.01em;margin:var(--sp-8) 0 var(--sp-3)}.lesson-content h3{font-size:var(--fs-18);letter-spacing:-.01em;margin:var(--sp-6) 0 var(--sp-2)}.lesson-content p{margin:0}.lesson-content ul,.lesson-content ol{padding-left:var(--sp-6);margin:0}.lesson-content li{margin:4px 0}.lesson-content code{font-family:var(--font-code);background:var(--surface-2);color:var(--accent);border-radius:4px;padding:2px 6px;font-size:.92em}.lesson-content pre{margin:var(--sp-4) 0;background:var(--code-bg);color:var(--code-text);padding:var(--sp-4);border-radius:var(--radius-md);line-height:1.5;overflow-x:auto}.lesson-content pre code{color:inherit;background:0 0;padding:0}.lesson-content blockquote{margin:var(--sp-4) 0;padding:var(--sp-3) var(--sp-4);border-left:3px solid var(--course-accent);background:var(--surface-2);color:var(--text-muted);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.lesson-content table{border-collapse:collapse;width:100%;margin:var(--sp-4) 0;font-size:var(--fs-14)}.lesson-content table th,.lesson-content table td{padding:8px var(--sp-3);border:1px solid var(--border);text-align:left}.lesson-content table th{background:var(--surface-2);font-weight:600}.lesson-placeholder{text-align:center;padding:var(--sp-12) var(--sp-6);background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius-md)}.lesson-placeholder__icon{background:var(--accent-soft);width:64px;height:64px;color:var(--accent);border-radius:var(--radius-full);margin-bottom:var(--sp-3);justify-content:center;align-items:center;display:inline-flex}.lesson-placeholder h2{margin:0 0 var(--sp-2);font-size:var(--fs-18)}.lesson-placeholder p{margin:0 auto var(--sp-2);max-width:480px;color:var(--text-muted)}.lesson-exercises{margin-top:var(--sp-8);padding:var(--sp-6);background:var(--surface-2);border-radius:var(--radius-md)}.lesson-exercises__title{margin:0 0 var(--sp-2);font-size:var(--fs-18)}.lesson-footer{margin-top:var(--sp-8);padding-top:var(--sp-6);border-top:1px solid var(--border);gap:var(--sp-4);flex-direction:column;align-items:center;display:flex}.lesson-nav{gap:var(--sp-2);flex-wrap:wrap;justify-content:center;display:flex}@media (width<=720px){.course-page__head{flex-direction:column}.course-page__cta{align-items:stretch;width:100%}.course-page__notice{text-align:left}.lesson-page{font-size:var(--fs-16)}.lesson-page__title{font-size:var(--fs-24)}}@media (prefers-reduced-motion:reduce){.catalog-card{transition:none}.catalog-card:hover{transform:none}.module-card__chev{transition:none}}.em-layout{gap:var(--sp-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--sp-4);grid-template-columns:minmax(280px,1fr) minmax(420px,1.4fr);display:grid;position:relative}@media (width<=880px){.em-layout{grid-template-columns:1fr}}.em-task{gap:var(--sp-3);flex-direction:column;min-width:0;display:flex}.em-task__title{font-size:var(--fs-18);letter-spacing:-.01em;margin:0}.em-task__body{color:var(--text-muted);font-size:var(--fs-14);line-height:1.6}.em-task__body p{margin:0 0 var(--sp-2)}.em-task__body code{font-family:var(--font-code);background:var(--surface-2);color:var(--accent);border-radius:4px;padding:1px 5px;font-size:.92em}.em-task__actions{gap:var(--sp-2);padding-top:var(--sp-3);border-top:1px solid var(--border);flex-wrap:wrap;margin-top:auto;display:flex}.em-editor{gap:var(--sp-2);flex-direction:column;min-width:0;display:flex}.em-editor__bar{gap:var(--sp-2);flex-wrap:wrap;display:flex}.em-editor__host{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--code-bg);overflow:hidden}.em-editor__host .cm-editor{height:100%;font-family:var(--font-code);font-size:var(--fs-14);background:var(--code-bg)!important}.em-editor__host .cm-scroller{font-family:var(--font-code);line-height:1.55;background:var(--code-bg)!important}.em-editor__host .cm-focused{outline:2px solid var(--accent);outline-offset:-2px}.em-editor__host .cm-gutters{color:#6c7689;background:#ffffff08;border-right:1px solid #ffffff0f}.em-editor__host .cm-content{caret-color:#e5e9f0;color:#e5e9f0}.em-editor__host .cm-cursor{border-left:2px solid #e5e9f0!important}.em-editor__host .cm-activeLine,.em-editor__host .cm-activeLineGutter{background:#6a8bff0f}.em-editor__host .cm-selectionBackground{background:#6a8bff2e!important}.em-feedback{border-radius:var(--radius-sm);text-align:center;opacity:0;min-height:0;transition:opacity var(--transition-base), transform var(--transition-base), padding var(--transition-base);margin:0;padding:0;font-weight:600;transform:translateY(-4px)}.em-feedback.is-visible{padding:var(--sp-2) var(--sp-3);opacity:1;transform:translateY(0)}.em-feedback--success{background:var(--success-soft);color:var(--success);border:1px solid #1faa6a59}.em-feedback--encourage{background:var(--warning-soft);color:var(--warning);border:1px solid #e0a40059}.em-tabs{border-bottom:1px solid var(--border);gap:4px;display:flex}.em-tab{padding:var(--sp-2) var(--sp-3);font-size:var(--fs-14);color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;font-family:inherit;font-weight:500}.em-tab:hover{color:var(--text)}.em-tab[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}.em-pane{padding:var(--sp-3) 0 0;min-height:80px}.em-result-table{border-collapse:collapse;width:100%;font-size:var(--fs-14);background:var(--surface)}.em-result-table th,.em-result-table td{padding:6px var(--sp-3);border-bottom:1px solid var(--border);text-align:left}.em-result-table th{background:var(--surface-2);z-index:1;font-weight:600;position:sticky;top:0}.em-schema__table{margin-bottom:var(--sp-3)}.em-schema__name{margin:0 0 var(--sp-1);font-family:var(--font-code);font-size:var(--fs-14);color:var(--accent)}.em-schema__cols{font-size:var(--fs-12);margin:0;padding:0;list-style:none}.em-schema__cols li{flex-wrap:wrap;align-items:center;gap:6px;padding:2px 0;display:flex}.em-hist-list{margin:0;padding:0;list-style:none}.em-hist{gap:var(--sp-2);padding:var(--sp-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);transition:background-color var(--transition-fast);grid-template-columns:24px 1fr auto;align-items:start;margin-bottom:6px;display:grid}.em-hist:hover{background:var(--surface-hover)}.em-hist__icon{font-family:var(--font-code);font-weight:700}.em-hist--ok .em-hist__icon{color:var(--success)}.em-hist--warn .em-hist__icon{color:var(--warning)}.em-hist__sql{font-family:var(--font-code);font-size:var(--fs-12);white-space:pre-wrap;word-break:break-word;background:0 0;max-height:80px;margin:0;padding:0;overflow:hidden}.em-hist__ts{font-size:var(--fs-12);white-space:nowrap}.em-status{padding:6px var(--sp-3);border-top:1px solid var(--border);margin-top:var(--sp-3);font-size:var(--fs-12);color:var(--text-muted);font-family:var(--font-code);grid-column:1/-1}.em-feedback-list{margin:0;padding:0;list-style:none}.em-feedback-item{gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-left:3px solid var(--border);background:var(--surface);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:var(--fs-14);grid-template-columns:24px 1fr;align-items:start;margin-bottom:6px;display:grid}.em-feedback-item__icon{text-align:center;font-weight:700;line-height:1.4}.em-feedback-item__msg{white-space:pre-wrap;line-height:1.5}.em-feedback-item--praise{border-left-color:var(--success);background:color-mix(in srgb, var(--success-soft) 40%, transparent)}.em-feedback-item--praise .em-feedback-item__icon{color:var(--success)}.em-feedback-item--warning{border-left-color:var(--warning);background:color-mix(in srgb, var(--warning-soft) 40%, transparent)}.em-feedback-item--warning .em-feedback-item__icon{color:var(--warning)}.em-feedback-item--info{border-left-color:var(--accent);background:color-mix(in srgb, var(--accent-soft) 30%, transparent)}.em-feedback-item--info .em-feedback-item__icon{color:var(--accent)}.em-level-toggle{padding:6px var(--sp-3);font-size:var(--fs-12);width:auto;font-family:var(--font-ui);margin-left:auto}@media (prefers-reduced-motion:reduce){.em-feedback,.em-hist{transition:none}}.exercise-list{margin:0;padding:0;list-style:none}.exercise-list__item{margin-bottom:var(--sp-2);border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast)}.exercise-list__item:hover{box-shadow:var(--shadow-1);transform:translateY(-1px)}.exercise-list__item--easy{border-left-color:var(--success)}.exercise-list__item--medium{border-left-color:var(--warning)}.exercise-list__item--hard{border-left-color:var(--danger)}.exercise-list__link{gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);color:inherit;grid-template-columns:40px 1fr auto;align-items:center;text-decoration:none;display:grid}.exercise-list__num{background:var(--accent-soft);width:32px;height:32px;color:var(--accent);border-radius:var(--radius-full);font-family:var(--font-code);font-weight:700;font-size:var(--fs-14);justify-content:center;align-items:center;display:inline-flex}.exercise-list__body{flex-direction:column;gap:4px;display:flex}.exercise-list__title{font-size:var(--fs-16);color:var(--text)}.exercise-list__meta{align-items:center;gap:var(--sp-2);font-size:var(--fs-12);display:flex}.exercise-list__cta{color:var(--accent);font-weight:600;font-size:var(--fs-14);align-items:center;gap:4px;display:inline-flex}.exercise-header{--course-accent:var(--accent);justify-content:space-between;align-items:flex-end;gap:var(--sp-4);padding-bottom:var(--sp-4);margin-bottom:var(--sp-6);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.exercise-header__meta{align-items:center;gap:var(--sp-2);font-size:var(--fs-12);margin-bottom:4px;display:flex}.exercise-header__title{font-size:var(--fs-32);letter-spacing:-.02em;margin:0;line-height:1.15}.exercise-nav{justify-content:space-between;align-items:center;gap:var(--sp-3);margin-top:var(--sp-6);padding-top:var(--sp-4);border-top:1px solid var(--border);flex-wrap:wrap;display:flex}@media (width<=720px){.exercise-header{flex-direction:column;align-items:flex-start}.exercise-header__title{font-size:var(--fs-24)}.exercise-list__link{grid-template-columns:32px 1fr}.exercise-list__cta{grid-column:1/-1;justify-content:flex-end}}@media (prefers-reduced-motion:reduce){.exercise-list__item{transition:none}.exercise-list__item:hover{transform:none}}.nav__xp{background:var(--surface-2);border:1px solid var(--border);font-size:var(--fs-13);color:var(--accent);user-select:none;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-weight:600;display:flex}.nav__xp svg{color:var(--accent);flex-shrink:0}.nav__streak{background:var(--surface-2);border:1px solid var(--border);font-size:var(--fs-13);color:#f97316;user-select:none;border-radius:20px;align-items:center;gap:3px;padding:4px 9px;font-weight:700;display:flex}.nav__streak svg{color:#f97316;flex-shrink:0}.nav__streak--hidden{display:none}.xp-toast{z-index:9999;background:var(--success);color:#fff;font-size:var(--fs-14);opacity:0;pointer-events:none;border-radius:20px;align-items:center;gap:6px;padding:10px 18px;font-weight:700;transition:opacity .25s,transform .25s;display:flex;position:fixed;bottom:80px;right:24px;transform:translateY(12px);box-shadow:0 4px 16px #0000002e}.xp-toast--visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.xp-toast{transition:none}}.badge-toast{z-index:9998;border-radius:var(--radius);background:var(--accent);color:#fff;font-size:var(--fs-14);opacity:0;pointer-events:none;flex-direction:column;gap:2px;max-width:260px;padding:12px 18px;transition:opacity .28s,transform .28s;display:flex;position:fixed;bottom:140px;right:24px;transform:translateY(16px);box-shadow:0 4px 20px #00000038}.badge-toast__label{text-transform:uppercase;letter-spacing:.06em;opacity:.85;font-size:11px;font-weight:600}.badge-toast__name{font-weight:700;font-size:var(--fs-14);align-items:center;gap:6px;display:flex}.badge-toast--visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.badge-toast{transition:none}}.level-up-toast{z-index:9997;border-radius:var(--radius);color:#fff;font-size:var(--fs-14);opacity:0;pointer-events:none;background:linear-gradient(135deg,#7c3aed,#4f46e5);align-items:center;gap:10px;max-width:280px;padding:14px 20px;transition:opacity .35s,transform .35s;display:flex;position:fixed;bottom:200px;right:24px;transform:translateY(16px)scale(.96);box-shadow:0 6px 24px #4f46e559}.level-up-toast>svg{color:#fbbf24;flex-shrink:0}.level-up-toast>div{flex-direction:column;gap:2px;display:flex}.level-up-toast__label{text-transform:uppercase;letter-spacing:.06em;opacity:.85;font-size:11px;font-weight:600}.level-up-toast__name{font-weight:800;font-size:var(--fs-15)}.level-up-toast--visible{opacity:1;transform:translateY(0)scale(1)}@media (prefers-reduced-motion:reduce){.level-up-toast{transition:none}}.xp-level-bar{margin-top:12px}.xp-level-bar--sm{margin-top:6px;margin-bottom:4px}.xp-level-bar__meta{font-size:var(--fs-13);justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.xp-level-bar__name{color:var(--text);align-items:center;gap:4px;font-weight:700;display:flex}.xp-level-bar__name svg{color:#fbbf24}.xp-level-bar__hint{font-size:var(--fs-12)}.xp-level-bar__bar{height:6px}.xp-level-bar__fill{background:linear-gradient(90deg,#7c3aed,#4f46e5)}.course-streak-banner{border-radius:var(--radius);color:var(--text);background:linear-gradient(90deg,#f973161f,#0000);border:1px solid #f9731640;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.course-streak-banner svg{color:#f97316;flex-shrink:0}.course-streak-banner>div{flex-direction:column;gap:1px;display:flex}.course-streak-banner strong{font-size:var(--fs-15)}.course-streak-banner .muted{font-size:var(--fs-13)}.course-streak-banner--cold{background:var(--surface-2);border-color:var(--border)}.course-streak-banner--cold svg{color:var(--text-soft)}.lesson-locked{text-align:center;align-items:center;gap:var(--sp-4);max-width:460px;margin:var(--sp-12) auto;padding:var(--sp-8);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);flex-direction:column;display:flex}.lesson-locked__icon{color:var(--text-soft);opacity:.5}.lesson-locked__title{font-size:var(--fs-24);margin:0;font-weight:700}.lesson-locked__body{color:var(--text-soft);margin:0}.module-quiz{padding:var(--sp-3) var(--sp-5);border-top:1px solid var(--border);background:var(--surface-2);align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.module-quiz__passed{align-items:center;gap:var(--sp-2);color:var(--success);font-weight:600;font-size:var(--fs-14);display:flex}.module-quiz__failed{color:var(--warning);font-weight:500;font-size:var(--fs-14)}.module-quiz__retry{font-size:var(--fs-14);color:var(--text-muted);text-decoration:underline}.module-quiz__locked{font-size:var(--fs-14);margin:0}.quiz-page{max-width:720px;padding-bottom:var(--sp-10);margin:0 auto}.quiz-back{align-items:center;gap:var(--sp-2);color:var(--text-muted);font-size:var(--fs-14);margin-bottom:var(--sp-4);text-decoration:none;display:inline-flex}.quiz-back:hover{color:var(--text)}.quiz-page__module{margin:0 0 var(--sp-1);font-size:var(--fs-14)}.quiz-page__title{margin:0 0 var(--sp-2);font-size:var(--fs-28)}.quiz-page__meta{margin:0 0 var(--sp-6);font-size:var(--fs-14)}.quiz-result{border:2px solid var(--border);border-radius:var(--radius-2);padding:var(--sp-6);text-align:center;margin-bottom:var(--sp-6)}.quiz-result--pass{border-color:var(--success);background:var(--success-soft)}.quiz-result--fail{border-color:var(--warning);background:var(--warning-soft)}.quiz-result__score{font-size:3rem;font-weight:700;line-height:1.1}.quiz-result__score--pass{color:var(--success)}.quiz-result__score--fail{color:var(--warning)}.quiz-result__label{font-size:var(--fs-20);margin:var(--sp-2) 0 var(--sp-1);font-weight:600}.quiz-result__detail{font-size:var(--fs-14)}.quiz-form{gap:var(--sp-4);flex-direction:column;display:flex}.quiz-question{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2);padding:var(--sp-5)}.quiz-question--correct{border-color:var(--success)}.quiz-question--wrong{border-color:var(--danger)}.quiz-question--review{margin-bottom:var(--sp-4)}.quiz-question__no{font-size:var(--fs-12);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--sp-2);align-items:center;gap:var(--sp-2);font-weight:700;display:flex}.quiz-question__prompt{margin-bottom:var(--sp-4);font-weight:500;line-height:1.55}.quiz-options{gap:var(--sp-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.quiz-option{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border:1px solid var(--border);border-radius:var(--radius-1);cursor:pointer;transition:background var(--transition-base);font-size:var(--fs-15);display:flex}.quiz-options--review .quiz-option{cursor:default}.quiz-option:hover{background:var(--surface-hover)}.quiz-option input[type=radio]{accent-color:var(--accent);flex-shrink:0}.quiz-option__letter{color:var(--text-muted);min-width:1.2em;font-weight:700}.quiz-option--correct{border-color:var(--success);background:var(--success-soft)}.quiz-option--wrong{border-color:var(--danger);background:var(--danger-soft)}.quiz-option__tag{font-size:var(--fs-12);color:var(--text-muted);white-space:nowrap;margin-left:auto}.quiz-option__tag--ok{color:var(--success);font-weight:600}.quiz-form__footer{padding-top:var(--sp-2)}.quiz-review__heading{margin:var(--sp-6) 0 var(--sp-4);font-size:var(--fs-20)}.quiz-result-footer{gap:var(--sp-3);margin-top:var(--sp-6);flex-wrap:wrap;display:flex}.admin-edit-btn{align-items:center;gap:var(--sp-1);font-size:var(--fs-12);color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-1);cursor:pointer;opacity:.55;transition:opacity var(--transition-base), background var(--transition-base);vertical-align:middle;background:0 0;padding:3px 8px;display:inline-flex}.admin-edit-btn:hover{opacity:1;background:var(--surface-hover)}.admin-edit-btn--lesson{float:right;margin:0 0 var(--sp-3) var(--sp-3)}.admin-edit-bar{gap:var(--sp-2);margin-bottom:var(--sp-4);flex-wrap:wrap;display:flex}.admin-edit-overlay{z-index:900;padding:var(--sp-4);background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.admin-edit-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2);flex-direction:column;width:100%;max-width:800px;max-height:90vh;display:flex;box-shadow:0 8px 32px #0000004d}.admin-edit-modal__header{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);font-weight:600;font-size:var(--fs-15);justify-content:space-between;align-items:center;display:flex}.admin-edit-modal__close{cursor:pointer;color:var(--text-muted);border-radius:var(--radius-1);background:0 0;border:none;padding:4px;display:flex}.admin-edit-modal__close:hover{color:var(--text);background:var(--surface-hover)}.admin-edit-modal__textarea{resize:none;border:none;border-bottom:1px solid var(--border);background:var(--code-bg,#161b22);color:var(--code-text,#e5e9f0);font-family:var(--font-code);font-size:var(--fs-13);padding:var(--sp-3) var(--sp-4);outline:none;flex:1;min-height:300px}.admin-edit-modal__footer{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);display:flex}.admin-edit-modal__status{font-size:var(--fs-13);color:var(--text-muted);margin-left:auto}.admin-edit-modal__status--ok{color:var(--success)}.admin-edit-modal__status--fail{color:var(--danger)}.exam-start{text-align:center;max-width:680px;padding:var(--sp-6) 0;margin:0 auto}.exam-start__icon{background:var(--surface-2);border-radius:var(--radius-full);width:72px;height:72px;margin:0 auto var(--sp-5);color:var(--primary);justify-content:center;align-items:center;display:flex}.exam-start__title{font-size:var(--fs-xl);margin-bottom:var(--sp-3);font-weight:700}.exam-start__desc{color:var(--text-muted);margin-bottom:var(--sp-5)}.exam-start__meta{gap:var(--sp-5);margin-bottom:var(--sp-6);padding:var(--sp-4);background:var(--surface-2);border-radius:var(--radius-lg);justify-content:center;display:flex}.exam-start__meta-item dt{font-size:var(--fs-12);color:var(--text-muted);margin-bottom:var(--sp-1);text-transform:uppercase;letter-spacing:.05em}.exam-start__meta-item dd{font-size:var(--fs-lg);color:var(--text);font-weight:700}.exam-start__rules{text-align:left;background:var(--surface-2);border-radius:var(--radius-lg);padding:var(--sp-5);margin-bottom:var(--sp-6)}.exam-start__rules h2{font-size:var(--fs-base);margin-bottom:var(--sp-3);font-weight:600}.exam-start__rules ul{padding-left:var(--sp-5);color:var(--text-muted);list-style:outside}.exam-start__rules li{margin-bottom:var(--sp-2);line-height:1.5}.exam-start__prev{margin-bottom:var(--sp-4)}.exam-start__btn{min-width:240px}.exam-header{justify-content:space-between;align-items:center;gap:var(--sp-4);padding:var(--sp-4) 0 var(--sp-5);border-bottom:1px solid var(--border);margin-bottom:var(--sp-4);display:flex}.exam-header__title{font-size:var(--fs-lg);font-weight:700}.exam-timer{align-items:center;gap:var(--sp-2);font-size:var(--fs-xl);font-variant-numeric:tabular-nums;color:var(--text);background:var(--surface-2);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-lg);border:2px solid #0000;font-weight:700;transition:color .2s,border-color .2s;display:flex}.exam-timer--warning{color:var(--warning,#f59e0b);border-color:var(--warning,#f59e0b)}.exam-timer--expired{color:var(--danger);border-color:var(--danger)}.exam-task-nav{gap:var(--sp-2);margin-bottom:var(--sp-4);flex-wrap:wrap;display:flex}.exam-task-nav__btn{border-radius:var(--radius);border:2px solid var(--border);background:var(--surface-2);width:38px;height:38px;color:var(--text-muted);font-weight:600;font-size:var(--fs-sm);cursor:pointer;transition:all .15s}.exam-task-nav__btn:hover{border-color:var(--primary);color:var(--primary)}.exam-task-nav__btn.is-active{border-color:var(--primary);background:var(--primary);color:#fff}.exam-task-nav__btn.is-touched{border-color:var(--success);color:var(--success)}.exam-task-nav__btn.is-active.is-touched{border-color:var(--success);background:var(--success);color:#fff}.exam-tasks{margin-bottom:var(--sp-5)}.exam-task{display:none}.exam-task.is-visible{display:block}.exam-task__header{margin-bottom:var(--sp-3)}.exam-task__num{font-size:var(--fs-12);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--sp-1);display:block}.exam-task__title{font-size:var(--fs-lg);font-weight:700}.exam-task__prompt{background:var(--surface-2);border-radius:var(--radius-lg);padding:var(--sp-4) var(--sp-5);margin-bottom:var(--sp-4);color:var(--text);line-height:1.7}.exam-task__prompt code{background:var(--surface-3,var(--surface-2));padding:0 var(--sp-1);font-family:var(--font-code);border-radius:3px;font-size:.9em}.exam-task__editor-wrap{border-radius:var(--radius-lg);border:1px solid var(--border);min-height:200px;margin-bottom:var(--sp-3);overflow:hidden}.exam-task__editor{min-height:200px}.exam-task__editor .cm-editor{min-height:200px;font-size:var(--fs-13)}.exam-editor-src{display:none}.exam-task__status{font-size:var(--fs-sm);color:var(--text-muted)}.exam-schema{margin-bottom:var(--sp-5);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.exam-schema__toggle{cursor:pointer;padding:var(--sp-3) var(--sp-4);font-weight:600;font-size:var(--fs-sm);align-items:center;gap:var(--sp-2);background:var(--surface-2);list-style:none;display:flex}.exam-schema__toggle::-webkit-details-marker{display:none}.exam-schema__code{padding:var(--sp-4);font-family:var(--font-code);font-size:var(--fs-12);background:var(--surface-3,#1e2335);color:var(--code-text,#e5e9f0);max-height:400px;margin:0;line-height:1.6;overflow:auto}.exam-footer{justify-content:space-between;align-items:center;gap:var(--sp-4);padding:var(--sp-4) 0;border-top:1px solid var(--border);margin-top:var(--sp-4);display:flex}.exam-footer__submit{min-width:200px}.exam-time-expired-msg{background:var(--danger);color:#fff;text-align:center;padding:var(--sp-3);border-radius:var(--radius-lg);margin:var(--sp-4) 0;font-weight:600}.exam-done{max-width:500px;margin:var(--sp-8) auto;text-align:center}.exam-done__score{margin-bottom:var(--sp-4);font-size:5rem;font-weight:800;line-height:1}.exam-done__score--pass{color:var(--success)}.exam-done__score--fail{color:var(--danger)}.exam-done__title{font-size:var(--fs-xl);margin-bottom:var(--sp-2);font-weight:700}.exam-done__date{margin-bottom:var(--sp-5)}.exam-done__actions{gap:var(--sp-3);flex-wrap:wrap;justify-content:center;display:flex}.exam-result-page{max-width:860px}.exam-result-header{align-items:center;gap:var(--sp-5);padding:var(--sp-5) var(--sp-6);border-radius:var(--radius-xl);margin-bottom:var(--sp-6);border:2px solid var(--border);display:flex}.exam-result-header--pass{background:color-mix(in srgb, var(--success) 8%, transparent);border-color:color-mix(in srgb, var(--success) 30%, transparent)}.exam-result-header--fail{background:color-mix(in srgb, var(--danger) 8%, transparent);border-color:color-mix(in srgb, var(--danger) 30%, transparent)}.exam-result-header__score{flex-shrink:0;font-size:4rem;font-weight:800;line-height:1}.exam-result-header--pass .exam-result-header__score{color:var(--success)}.exam-result-header--fail .exam-result-header__score{color:var(--danger)}.exam-result-header__title{font-size:var(--fs-xl);margin-bottom:var(--sp-1);font-weight:700}.exam-result-header__meta{color:var(--text-muted);font-size:var(--fs-sm)}.exam-result-header__icon{color:var(--success);flex-shrink:0;margin-left:auto}.exam-result-tasks__heading{font-size:var(--fs-lg);margin-bottom:var(--sp-4);font-weight:700}.exam-result-task-list{gap:var(--sp-3);margin-bottom:var(--sp-6);flex-direction:column;display:flex}.exam-result-task{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.exam-result-task--pass{border-color:color-mix(in srgb, var(--success) 40%, transparent)}.exam-result-task--fail{border-color:color-mix(in srgb, var(--danger) 20%, transparent)}.exam-result-task__head{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--surface-2);display:flex}.exam-result-task__num{border-radius:var(--radius-full);background:var(--surface-3,var(--border));width:28px;height:28px;font-size:var(--fs-sm);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.exam-result-task--pass .exam-result-task__num{background:var(--success);color:#fff}.exam-result-task--fail .exam-result-task__num{background:var(--danger);color:#fff}.exam-result-task__title{font-weight:600;font-size:var(--fs-sm);flex:1}.exam-result-task__badge{align-items:center;gap:var(--sp-1);padding:2px var(--sp-2);border-radius:var(--radius);font-size:var(--fs-12);font-weight:600;display:flex}.exam-result-task__badge.badge--success{background:color-mix(in srgb, var(--success) 15%, transparent);color:var(--success)}.exam-result-task__badge.badge--error{background:color-mix(in srgb, var(--danger) 12%, transparent);color:var(--danger)}.exam-result-task__query{padding:var(--sp-3) var(--sp-4);background:var(--surface-3,#1e2335)}.exam-result-task__query pre{margin:0;overflow-x:auto}.exam-result-task__query code{font-family:var(--font-code);font-size:var(--fs-12);color:var(--code-text,#e5e9f0);white-space:pre-wrap;word-break:break-all}.exam-result-task__empty{padding:var(--sp-3) var(--sp-4);font-size:var(--fs-sm)}.exam-result-task__hint{padding:var(--sp-2) var(--sp-4);font-size:var(--fs-12);border-top:1px solid var(--border)}.exam-result-actions{gap:var(--sp-3);flex-wrap:wrap;display:flex}.course-exam-section{margin-top:var(--sp-6);padding:var(--sp-5);background:var(--surface-2);border-radius:var(--radius-xl);border:1px solid var(--border)}.course-exam-section__title{font-size:var(--fs-lg);margin-bottom:var(--sp-4);align-items:center;gap:var(--sp-2);font-weight:700;display:flex}.course-exam-card{align-items:center;gap:var(--sp-4);padding:var(--sp-4);background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);display:flex}.course-exam-card__body{flex:1}.course-exam-card__title{margin-bottom:var(--sp-1);font-weight:700}.course-exam-card__meta{font-size:var(--fs-sm);color:var(--text-muted)}.course-exam-card__score{font-size:var(--fs-lg);font-weight:700}.course-exam-card__score--pass{color:var(--success)}.course-exam-card__score--fail{color:var(--danger)}@media (width<=600px){.exam-header{flex-direction:column;align-items:flex-start}.exam-timer{font-size:var(--fs-lg)}.exam-start__meta{gap:var(--sp-2);flex-direction:column}.exam-result-header{text-align:center;flex-direction:column}.exam-result-header__icon{margin-left:0}}.heatmap-wrap{padding-bottom:var(--sp-2);overflow-x:auto}.heatmap{grid-template-columns:24px repeat(var(--cols,13), 14px);grid-template-rows:18px repeat(7,14px);align-items:center;gap:2px;min-width:max-content;display:grid}.heatmap__day-label{color:var(--text-muted);text-align:right;grid-column:1;padding-right:4px;font-size:10px;line-height:14px}.heatmap__day-label:first-of-type{grid-row:2}.heatmap__day-label:nth-of-type(2){grid-row:3}.heatmap__day-label:nth-of-type(3){grid-row:4}.heatmap__day-label:nth-of-type(4){grid-row:5}.heatmap__day-label:nth-of-type(5){grid-row:6}.heatmap__day-label:nth-of-type(6){grid-row:7}.heatmap__day-label:nth-of-type(7){grid-row:8}.heatmap__col{display:contents}.heatmap__month{color:var(--text-muted);white-space:nowrap;grid-row:1;font-size:10px;line-height:18px;overflow:visible}.heatmap__cell{background:var(--surface-2);cursor:default;border-radius:2px;width:12px;height:12px;transition:opacity .1s;display:block}.heatmap__cell:hover{opacity:.75}.heatmap__cell--empty{background:0 0}.heatmap__cell--l0{background:var(--surface-2)}.heatmap__cell--l1{background:#bbdefb}.heatmap__cell--l2{background:#64b5f6}.heatmap__cell--l3{background:#1e88e5}.heatmap__cell--l4{background:#0d47a1}[data-theme=night] .heatmap__cell--l1{background:#1a3a5c}[data-theme=night] .heatmap__cell--l2{background:#1e5799}[data-theme=night] .heatmap__cell--l3{background:#2e7dc7}[data-theme=night] .heatmap__cell--l4{background:#6a8bff}.heatmap__legend{margin-top:var(--sp-2);align-items:center;gap:4px;font-size:11px;display:flex}.heatmap__legend .heatmap__cell{cursor:default;width:12px;height:12px}.audit-badge{vertical-align:middle;background:var(--surface-2);color:var(--text-muted);border-radius:4px;margin-right:4px;padding:1px 6px;font-size:10px;font-weight:600;display:inline-block}.audit-badge--teacher{color:#3b6bff;background:#e8f0fe}.audit-badge--admin{color:#d93b3b;background:#fde8e8}.audit-badge--profile{color:#1faa6a;background:#e8faf2}.audit-badge--user{color:#c28000;background:#fff3d6}.audit-badge--auth{color:#7c3aed;background:#f0e8ff}.audit-badge--enroll{color:#0284c7;background:#e8f8ff}[data-theme=night] .audit-badge--teacher{color:#6a8bff;background:#1a2a4a}[data-theme=night] .audit-badge--admin{color:#ff5c5c;background:#3a1a1a}[data-theme=night] .audit-badge--profile{color:#36c089;background:#1a3a2a}[data-theme=night] .audit-badge--user{color:#f3be3a;background:#3a2e1a}[data-theme=night] .audit-badge--auth{color:#a78bfa;background:#2a1a3a}[data-theme=night] .audit-badge--enroll{color:#38bdf8;background:#1a2e3a}.pagination{gap:var(--sp-1);margin-top:var(--sp-4);flex-wrap:wrap;align-items:center;display:flex}.pagination__page{min-width:32px;height:32px;padding:0 var(--sp-2);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:var(--fs-14);transition:background var(--transition-base), border-color var(--transition-base);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.pagination__page:hover{background:var(--surface-2);border-color:var(--border-strong)}.pagination__page--active{background:var(--accent);border-color:var(--accent);color:#fff;pointer-events:none;font-weight:600}.pagination__dots{color:var(--text-muted);padding:0 var(--sp-1);font-size:var(--fs-14)}.pwa-banner{z-index:9900;background:var(--bg);border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:.75rem 1rem;font-size:.875rem;animation:.25s pwa-slide-up;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #00000014}.pwa-banner--update{background:var(--accent-soft);border-color:var(--accent)}@keyframes pwa-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.pwa-banner__icon{vertical-align:-.1em;flex-shrink:0;margin-right:.25rem}.pwa-banner__text{color:var(--text);flex:200px}.pwa-banner__btn{border:1px solid var(--border-strong);color:var(--text);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;padding:.4rem .9rem;font-size:.875rem;transition:background .15s}.pwa-banner__btn:hover{background:var(--accent-soft)}.pwa-banner__btn--primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.pwa-banner__btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.pwa-banner__close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:.25rem .4rem;font-size:1.1rem;line-height:1}.pwa-banner__close:hover{color:var(--text);background:var(--accent-soft)}@media (width<=480px){.pwa-banner{text-align:center;flex-direction:column;align-items:stretch}.pwa-banner__btn,.pwa-banner__close{width:100%}}.help-role-grid{gap:var(--sp-6);max-width:720px;margin:var(--sp-8) auto 0;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.help-role-card{gap:var(--sp-3);padding:var(--sp-6);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);color:inherit;transition:transform var(--transition-base), box-shadow var(--transition-base);flex-direction:column;text-decoration:none;display:flex}.help-role-card:hover{box-shadow:var(--shadow-2);border-color:var(--accent);transform:translateY(-3px)}.help-role-card__icon{color:var(--accent)}.help-role-card__title{font-size:var(--fs-20);margin:0}.help-role-card__desc{flex:1;margin:0}.help-index__heading{margin:0 0 var(--sp-3)}.help-layout{gap:var(--sp-8);padding:var(--sp-6) 0 var(--sp-10);grid-template-columns:220px 1fr;align-items:start;display:grid}.help-toc{top:var(--sp-6);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--sp-4);font-size:var(--fs-14);position:sticky}.help-toc__label{font-weight:600;font-size:var(--fs-12);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:0 0 var(--sp-3)}.help-toc__list{padding-left:var(--sp-4);gap:var(--sp-2);flex-direction:column;margin:0;display:flex}.help-toc__link{color:var(--text-muted);text-decoration:none}.help-toc__link:hover{color:var(--accent)}.help-toc__other{margin-top:var(--sp-4);padding-top:var(--sp-3);border-top:1px solid var(--border)}.help-content__header{margin-bottom:var(--sp-8)}.help-content__header h1{margin:var(--sp-2) 0 var(--sp-3)}.help-section{margin-bottom:var(--sp-10);padding-top:var(--sp-2);border-top:1px solid var(--border)}.help-section__title{align-items:center;gap:var(--sp-2);font-size:var(--fs-20);margin:var(--sp-4) 0 var(--sp-3);color:var(--text);display:flex}.help-section__title svg{color:var(--accent);flex-shrink:0}.help-steps,.help-list{padding-left:var(--sp-5);gap:var(--sp-2);margin:var(--sp-3) 0;flex-direction:column;display:flex}.help-steps li,.help-list li{line-height:1.6}.help-content__footer{gap:var(--sp-3);padding-top:var(--sp-6);border-top:1px solid var(--border);margin-top:var(--sp-10);flex-wrap:wrap;display:flex}@media (width<=768px){.help-layout{grid-template-columns:1fr}.help-toc{position:static}}@media (prefers-reduced-motion:reduce){.help-role-card{transition:none}}.panel-filters--ranking{align-items:flex-end;gap:var(--sp-3)}.panel-filters__group{gap:var(--sp-1);flex-direction:column;display:flex}.panel-filters__label{font-size:var(--fs-12);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.ranking-table .ranking-table__rank{text-align:center;width:56px}.ranking-table .ranking-table__num{text-align:right;white-space:nowrap}.ranking-table .ranking-table__xp{color:var(--accent);font-weight:700}.ranking-medal{border-radius:var(--radius-full);width:28px;height:28px;font-size:var(--fs-13);background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border);justify-content:center;align-items:center;font-weight:700;display:inline-flex}.ranking-medal--gold{color:#92700a;background:#fff4cc;border-color:#f3be3a}.ranking-medal--silver{color:#666f7b;background:#f0f2f5;border-color:#b8bfcb}.ranking-medal--bronze{color:#a04a18;background:#fff1eb;border-color:#e8905a}[data-theme=night] .ranking-medal--gold{color:#f3c147;background:#2a2310;border-color:#725500}[data-theme=night] .ranking-medal--silver{color:#9aa4b2;background:#1e2028;border-color:#3a4050}[data-theme=night] .ranking-medal--bronze{color:#e8905a;background:#241a12;border-color:#6b3a1f}.ranking-progress{align-items:center;gap:var(--sp-2);display:flex}.ranking-progress__bar{background:var(--surface-2);border-radius:var(--radius-full);border:1px solid var(--border);flex:1;min-width:60px;height:6px;overflow:hidden}.ranking-progress__fill{background:var(--accent);border-radius:var(--radius-full);height:100%;transition:width .3s}.ranking-progress__label{font-size:var(--fs-12);color:var(--text-muted);white-space:nowrap}.table-link{color:var(--text);font-weight:500;text-decoration:none}.table-link:hover{color:var(--accent);text-decoration:underline}.text-success{color:var(--success);font-weight:600}.text-danger{color:var(--danger);font-weight:600}.d-block{display:block}@media (prefers-reduced-motion:reduce){.ranking-progress__fill{transition:none}}@media (width<=768px){.panel-filters--ranking{flex-direction:column;align-items:stretch}.ranking-table .ranking-table__num{text-align:left}}.settings-section{max-width:720px}.settings-form{gap:var(--sp-4);flex-direction:column;display:flex}.settings-form__row-hint{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--surface-2);border-radius:var(--radius-md);border:1px solid var(--border);flex-wrap:wrap;display:flex}.settings-smtp-grid{gap:var(--sp-4) var(--sp-6);grid-template-columns:1fr 1fr;display:grid}.checkbox-label{align-items:center;gap:var(--sp-3);font-size:var(--fs-15);cursor:pointer;display:flex}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.form-hint{font-size:var(--fs-12);color:var(--text-muted);margin:var(--sp-1) 0 0}.badge--warning{background:color-mix(in srgb, var(--warning) 15%, transparent);color:var(--warning);border:1px solid color-mix(in srgb, var(--warning) 40%, transparent)}@media (width<=640px){.settings-smtp-grid{grid-template-columns:1fr}.settings-form__row-hint{flex-direction:column;align-items:flex-start}}