:root{--sans:"Segoe UI", system-ui, Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--space-1:.5rem;--space-2:.75rem;--space-3:1rem;--space-4:1.5rem;--space-5:2.5rem;--accent:#4752c4;--accent-strong:#313bab;--accent-contrast:#fff;--focus-ring:#d0491f;--bg:#f7f7fb;--bg-elevated:#fff;--text:#1c1d23;--text-muted:#4b4d59;--border:#d8d8e2;--success-bg:#e4f6ea;--success-text:#0f5c2e;--warning-bg:#fff2e0;--warning-text:#7a3c00;--shadow:0 10px 30px -12px #14142840;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=dark]{--accent:#8891ff;--accent-strong:#aab0ff;--accent-contrast:#12132b;--focus-ring:#ffb04d;--bg:#14151d;--bg-elevated:#1d1f2a;--text:#f1f1f6;--text-muted:#b7b9c9;--border:#33364a;--success-bg:#103824;--success-text:#7be3a6;--warning-bg:#3a2a12;--warning-text:#ffcf8b;--shadow:0 10px 30px -12px #0009}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--accent:#8891ff;--accent-strong:#aab0ff;--accent-contrast:#12132b;--focus-ring:#ffb04d;--bg:#14151d;--bg-elevated:#1d1f2a;--text:#f1f1f6;--text-muted:#b7b9c9;--border:#33364a;--success-bg:#103824;--success-text:#7be3a6;--warning-bg:#3a2a12;--warning-text:#ffcf8b;--shadow:0 10px 30px -12px #0009}}*{box-sizing:border-box}html{font-size:100%}body{font-family:var(--sans);background:var(--bg);color:var(--text);min-height:100svh;margin:0;line-height:1.55}@media (prefers-reduced-motion:no-preference){.app-shell{animation:.25s ease-out fade-in}@keyframes fade-in{0%{opacity:0}to{opacity:1}}}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}.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{left:var(--space-2);background:var(--accent);color:var(--accent-contrast);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);z-index:100;font-weight:600;text-decoration:none;transition:top .15s;position:absolute;top:-60px}.skip-link:focus{top:var(--space-2)}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}main:focus{outline:none}.app-shell{max-width:1080px;padding:var(--space-3) var(--space-4) var(--space-5);gap:var(--space-4);flex-direction:column;min-height:100svh;margin:0 auto;display:flex}.site-header{justify-content:space-between;align-items:center;gap:var(--space-2);padding-block:var(--space-2);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.site-header__brand{align-items:center;gap:var(--space-2);font-size:1.25rem;font-weight:700;display:flex}.brand-mark{border-radius:var(--radius-sm);background:var(--accent);width:2.25rem;height:2.25rem;color:var(--accent-contrast);place-items:center;font-size:.9rem;font-weight:800;display:grid}.site-header__actions{align-items:center;gap:var(--space-3);display:flex}.account-pill{align-items:center;gap:var(--space-1);background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px;padding:.25rem .75rem;font-size:.9rem;display:flex}.account-avatar{border-radius:50%}main{flex:1}.site-footer{border-top:1px solid var(--border);padding-top:var(--space-3);color:var(--text-muted);gap:var(--space-1);flex-direction:column;font-size:.9rem;display:flex}.btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;align-items:center;gap:.5rem;padding:.7rem 1.25rem;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .1s,background-color .15s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn--discord{background:var(--accent);color:var(--accent-contrast)}.btn--discord:hover{background:var(--accent-strong)}.btn--secondary{color:var(--text);border-color:var(--border);background:0 0}.btn--download{background:var(--bg-elevated);color:var(--accent);border-color:var(--accent);justify-content:center}.btn--download:hover{background:var(--accent);color:var(--accent-contrast)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.link-button{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.theme-toggle{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);cursor:pointer;font:inherit;border-radius:999px;align-items:center;gap:.4rem;padding:.4rem .9rem;font-size:.9rem;display:flex}.state-card{max-width:640px;margin:var(--space-5) auto;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow);text-align:center;gap:var(--space-2);flex-direction:column;align-items:center;display:flex}.state-card h1{margin:0;font-size:1.5rem}.state-card--warning{border-color:var(--warning-text);background:var(--warning-bg);color:var(--warning-text)}.state-card--warning code{background:#0000001f;border-radius:4px;padding:.1rem .4rem}.state-card ul{text-align:left}.inline-error{background:var(--warning-bg);color:var(--warning-text);padding:var(--space-2);border-radius:var(--radius-sm);width:100%}.fine-print{color:var(--text-muted);font-size:.85rem}.tabs{border-bottom:1px solid var(--border);margin-bottom:var(--space-4);gap:.5rem;display:flex}.tab{font:inherit;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;padding:.75rem 1rem;font-size:1rem;font-weight:600}.tab[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}.glossary-list{margin:var(--space-4) 0 0;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.glossary-entry{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);box-shadow:var(--shadow)}.glossary-entry dt{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.4rem;font-weight:700;display:flex}.glossary-entry dd{color:var(--text-muted);margin:0;font-size:.92rem;line-height:1.5}.lessons-intro{color:var(--text-muted);margin-top:var(--space-1)}.lessons-toolbar{gap:var(--space-3);margin:var(--space-4) 0;flex-direction:column;display:flex}.search-bar{flex-direction:column;gap:.35rem;max-width:360px;display:flex}.search-bar label{font-size:.9rem;font-weight:600}.search-bar input{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);padding:.65rem .85rem;font-size:1rem}.category-filter{flex-wrap:wrap;gap:.5rem;display:flex}.chip{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);cursor:pointer;font-size:.85rem;font:inherit;border-radius:999px;padding:.4rem .9rem}.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast);font-weight:600}.chip--static{cursor:default;padding:.2rem .6rem;font-size:.75rem}.empty-state{color:var(--text-muted);padding:var(--space-4);text-align:center}.lessons-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin:0;padding:0;list-style:none;display:grid}.lesson-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);gap:var(--space-1);box-shadow:var(--shadow);flex-direction:column;display:flex}.lesson-card__number{font-family:var(--mono);color:var(--accent);margin:0;font-weight:700}.lesson-card__title{margin:0 0 var(--space-1);font-size:1.05rem}.lesson-card__meta{color:var(--text-muted);margin:0 0 var(--space-2);flex-direction:column;gap:.35rem;font-size:.85rem;display:flex}.lesson-card__actions{gap:.5rem;margin-top:auto;display:flex}.lesson-card__actions .btn{flex:1}.preview-dialog{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elevated);width:min(900px,92vw);height:min(85vh,1000px);color:var(--text);box-shadow:var(--shadow);flex-direction:column;padding:0;display:flex}.preview-dialog::backdrop{background:#0a0a1499}.preview-dialog__header{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-3);border-bottom:1px solid var(--border);display:flex}.preview-dialog__header h2{margin:0;font-size:1.1rem}.preview-dialog__body{flex:1;display:flex;position:relative}.preview-dialog__frame{border:none;flex:1}.preview-dialog__loading{text-align:center;padding:var(--space-4);color:var(--text-muted);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}@media (width<=640px){.app-shell{padding:var(--space-2) var(--space-2) var(--space-4)}.lessons-grid,.glossary-list{grid-template-columns:1fr}.preview-dialog{border-radius:0;width:100vw;max-width:100vw;height:100vh;max-height:100vh}}