@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--ink: #10141a;--panel: #171d26;--panel-raised: #1f2733;--line: #2b3441;--fog: #8b95a7;--foam: #e8ecf2;--signal: #5eead4;--signal-dim: rgba(94, 234, 212, .14);--amber: #f2b84b;--danger: #f2665a;--violet: #b18cf5;--sky: #7dd3fc;--radius: 10px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--ink);background-image:radial-gradient(circle at 15% 0%,rgba(94,234,212,.06),transparent 40%),radial-gradient(circle at 85% 20%,rgba(242,184,75,.05),transparent 45%);color:var(--foam);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:Space Grotesk,Inter,sans-serif;font-weight:600;letter-spacing:-.01em;margin:0}.mono{font-family:JetBrains Mono,monospace}a{color:var(--signal)}button{font-family:Inter,sans-serif;font-weight:600;font-size:14px;color:var(--ink);background:var(--signal);border:none;border-radius:8px;padding:10px 18px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}button:hover:not(:disabled){box-shadow:0 0 0 3px var(--signal-dim)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:transparent;color:var(--foam);border:1px solid var(--line)}button:focus-visible{outline:2px solid var(--signal);outline-offset:2px}input{font-family:Inter,sans-serif;font-size:14px;color:var(--foam);background:var(--panel-raised);border:1px solid var(--line);border-radius:8px;padding:10px 12px;width:100%}input:focus-visible{outline:2px solid var(--signal);outline-offset:1px}label{display:block;font-size:13px;color:var(--fog);margin-bottom:16px}label>input{margin-top:6px}.term-frame{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.term-chrome{display:flex;align-items:center;gap:10px;padding:9px 14px;background:var(--panel-raised);border-bottom:1px solid var(--line)}.term-dots{display:flex;gap:6px;flex-shrink:0}.term-dots span{width:9px;height:9px;border-radius:50%;background:var(--line)}.term-dots span:nth-child(1){background:#f2665a55}.term-dots span:nth-child(2){background:#f2b84b55}.term-dots span:nth-child(3){background:#5eead455}.term-path{font-size:12px;color:var(--fog)}.term-body{padding:18px}.app-header{display:flex;align-items:center;justify-content:space-between;padding:16px 28px;border-bottom:1px solid var(--line)}.app-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--foam)}.app-brand .term-dots span{width:8px;height:8px}.app-brand-name{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:15px}.app-brand-name:after{content:"_";color:var(--signal);animation:blink 1.1s steps(1) infinite}@media (prefers-reduced-motion: reduce){.app-brand-name:after{animation:none}}@keyframes blink{50%{opacity:0}}.app-user{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--fog);display:flex;align-items:center;gap:14px}.app-main{padding:32px 28px;max-width:1360px;margin:0 auto}.auth-shell{max-width:400px;margin:48px auto}.auth-mascot{display:block;margin:0 auto 14px}.auth-eyebrow{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--signal);margin-bottom:8px}.auth-title{font-size:26px;margin-bottom:24px}.error-text{font-size:13px;color:var(--danger);margin:0 0 12px}.auth-footer{margin-top:20px;font-size:13px;color:var(--fog)}.dashboard-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.dashboard-head-title{display:flex;align-items:center;gap:16px}.dashboard-mascot{flex-shrink:0}.dashboard-note{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--signal);border-radius:6px;padding:14px 16px;margin-bottom:28px;font-size:13.5px;line-height:1.7;color:var(--fog)}.dashboard-note strong{color:var(--foam)}.dashboard-note-line{margin:0 0 6px}.dashboard-note-line:last-of-type{margin-bottom:0}.dashboard-note-highlight{margin:10px 0 0;font-size:15px;font-weight:600;color:var(--amber)}.lesson-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.lesson-section{margin-bottom:36px}.lesson-section-title{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--fog);margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--line)}.level-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.level-dot--beginner{background:var(--signal);box-shadow:0 0 6px var(--signal)}.level-dot--intermediate{background:var(--amber);box-shadow:0 0 6px var(--amber)}.level-dot--advanced{background:var(--violet);box-shadow:0 0 6px var(--violet)}.level-dot--appendix{background:var(--sky);box-shadow:0 0 6px var(--sky)}.level-dot--other{background:var(--fog)}.lesson-card{text-decoration:none;color:var(--foam);display:block;transition:border-color .15s ease,transform .15s ease}.lesson-card:hover{border-color:var(--signal);transform:translateY(-2px)}.lesson-meta{display:flex;gap:8px;align-items:center;margin-bottom:10px}.pill{font-family:JetBrains Mono,monospace;font-size:11px;padding:3px 8px;border-radius:999px;border:1px solid var(--line);color:var(--fog)}.pill.level-beginner{color:var(--signal);border-color:#5eead459}.pill.level-intermediate{color:var(--amber);border-color:#f2b84b59}.pill.level-advanced{color:var(--violet);border-color:#b18cf559}.pill.level-appendix{color:var(--sky);border-color:#7dd3fc59}.pill--variant{color:var(--amber);border-color:#f2b84b59}.lesson-card h3{font-size:17px;margin-bottom:10px}.tag-row{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--fog)}.lesson-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}@media (max-width: 860px){.lesson-layout{grid-template-columns:1fr}.lesson-sandbox-col{position:static;max-height:none}}.lesson-sandbox-col{position:sticky;top:20px;align-self:start;max-height:calc(100vh - 40px);overflow-y:auto}.lesson-doc h1,.lesson-doc h2{font-size:20px;margin-top:28px;margin-bottom:12px}.variant-switcher{display:flex;gap:8px;padding:12px 14px;background:var(--panel-raised);border-bottom:1px solid var(--line)}.variant-tab{background:var(--panel);color:var(--fog);border:1px solid var(--line);border-radius:999px;padding:7px 16px;font-size:12.5px;font-family:JetBrains Mono,monospace;font-weight:500;box-shadow:none}.variant-tab:hover:not(.is-active){color:var(--foam);border-color:var(--fog);box-shadow:none}.variant-tab.is-active{background:var(--signal-dim);color:var(--signal);border-color:var(--signal);font-weight:600;box-shadow:none}.lesson-doc h1:first-child{margin-top:0}.lesson-doc p,.lesson-doc li{color:var(--fog);line-height:1.7;font-size:14.5px}.lesson-doc code{font-family:JetBrains Mono,monospace;background:var(--panel-raised);padding:2px 6px;border-radius:4px;font-size:13px;color:var(--signal)}.lesson-doc pre{background:var(--panel-raised);border:1px solid var(--line);border-radius:8px;padding:14px;overflow-x:auto}.lesson-doc pre code{background:none;padding:0;color:var(--foam)}.lesson-doc table{width:100%;border-collapse:collapse;margin:16px 0;font-size:13.5px}.lesson-doc th,.lesson-doc td{border:1px solid var(--line);padding:8px 12px;text-align:left}.lesson-doc th{background:var(--panel-raised);color:var(--foam);font-family:JetBrains Mono,monospace;font-weight:600}.lesson-doc td{color:var(--fog)}.lesson-doc td code,.lesson-doc th code{font-family:JetBrains Mono,monospace;background:var(--panel-raised);padding:2px 6px;border-radius:4px;font-size:12.5px;color:var(--signal)}.lesson-doc details{background:var(--panel-raised);border:1px solid var(--line);border-radius:8px;padding:4px 14px;margin:14px 0}.lesson-doc details[open]{padding-bottom:14px}.lesson-doc summary{cursor:pointer;padding:10px 0;color:var(--signal);font-family:JetBrains Mono,monospace;font-size:13px;font-weight:600;list-style:none}.lesson-doc summary::-webkit-details-marker{display:none}.lesson-doc summary:before{content:"▸ "}.lesson-doc details[open] summary:before{content:"▾ "}.lesson-doc summary:hover{color:var(--foam)}.lesson-doc details>*:not(summary):first-of-type{margin-top:0}.code-block{position:relative}.code-block .copy-button{position:absolute;top:8px;right:8px;padding:4px 10px;font-size:11px;font-weight:500;font-family:JetBrains Mono,monospace;color:var(--fog);background:var(--panel);border:1px solid var(--line);border-radius:6px;opacity:.45;transition:opacity .15s ease,color .15s ease,border-color .15s ease}.code-block:hover .copy-button,.code-block .copy-button:focus-visible{opacity:1}@media (hover: none){.code-block .copy-button{opacity:.85}}.code-block .copy-button:hover{color:var(--signal);border-color:var(--signal);box-shadow:none}.sandbox-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center}.sandbox-mascot{margin-bottom:10px}.sandbox-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px;color:var(--fog)}.sandbox-panel-head .mono{color:var(--signal)}.terminal-frame iframe{width:100%;height:min(560px,65vh);border:none;display:block;background:#0b0e12}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--signal);margin-right:6px;box-shadow:0 0 6px var(--signal)}.status-dot--error{background:var(--danger);box-shadow:0 0 6px var(--danger)}.term-frame.is-error{border-color:var(--danger)}.terminal-status{color:var(--fog);font-size:13.5px}.terminal-status--error{background:#f2665a14}.terminal-status--error strong{color:var(--danger);display:block;margin-bottom:6px}.terminal-status--error p{margin:0 0 14px;line-height:1.6}.admin-link{color:var(--signal);text-decoration:none;font-family:JetBrains Mono,monospace;font-size:12px;border:1px solid var(--line);border-radius:999px;padding:4px 10px}.admin-link:hover{border-color:var(--signal)}.secondary-link{font-size:13px;color:var(--fog);text-decoration:none}.secondary-link:hover{color:var(--signal)}.admin-create{margin-bottom:24px}.admin-invite-form label{margin-bottom:14px}.admin-table{width:100%;border-collapse:collapse;font-size:13.5px}.admin-table th,.admin-table td{border-bottom:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:middle;color:var(--fog)}.admin-table th{font-family:JetBrains Mono,monospace;font-weight:600;font-size:12px}.admin-table td.mono{font-size:12.5px;color:var(--foam)}.invite-status--valid{color:var(--signal);border-color:#5eead459}.invite-status--used{color:var(--fog);border-color:var(--line)}.invite-status--expired{color:var(--danger);border-color:#f2665a59}.admin-copy-button{font-size:12px;padding:6px 12px}.dashboard-note-arch-link{margin-top:4px}.arch-intro{color:var(--fog);line-height:1.7;font-size:14.5px;margin:0 0 20px}.arch-diagram-frame{margin-bottom:20px}.arch-diagram-frame svg{width:100%;height:auto;display:block}.arch-highlights-title{font-size:16px;margin:28px 0 14px;color:var(--foam)}.arch-card-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.arch-card{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--signal);border-radius:8px;padding:14px 16px}.arch-card-title{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:14px;color:var(--foam);margin-bottom:8px}.arch-card-body{font-size:13px;line-height:1.6;color:var(--fog)}