:root{--bg:#0a0a0a;--bg-card:#141210;--text:#e8e0d0;--text-muted:#8a8378;--accent:#c9a86a;--accent-hover:#d8bc85;--accent-btn:#8a6d2f;--accent-btn-hover:#8f6f35;--border:#2a2620;--danger:#ff5c5c;--success:#5cff8a;--accent-soft:#c9a86a1f;--text-primary:#e8e0d0}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--border) transparent;margin:0;padding:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);background-clip:padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--accent);background-clip:padding-box}@media (hover:none) and (pointer:coarse){::-webkit-scrollbar{width:0;height:0}}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);overflow-wrap:break-word;word-break:break-word;flex-direction:column;min-height:100dvh;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6;display:flex}img,video,svg{max-width:100%;height:auto}.site-header{border-bottom:1px solid var(--border);background:var(--bg);z-index:10;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.75rem 1rem;display:grid;position:sticky;top:0}.brand{color:var(--accent);white-space:nowrap;align-items:center;gap:8px;font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex}.brand-logo{object-fit:contain;width:32px;height:32px}.site-header-controls{justify-self:end;align-items:center;gap:.5rem;display:flex}.role-badge{color:var(--accent);background:var(--accent-soft,#ffffff14);border:1px solid var(--border);white-space:nowrap;border-radius:999px;padding:.2rem .6rem;font-size:.75rem;font-weight:600}.nav{background:var(--bg-card);border:1px solid var(--border);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:.25rem;min-width:0;padding:.25rem;display:flex}.nav a{color:var(--text-muted);white-space:nowrap;border-radius:999px;align-items:center;min-height:48px;padding:.35rem .9rem;font-size:.9rem;text-decoration:none;transition:color .2s,background-color .2s;display:inline-flex}.nav a:hover{color:var(--text)}.nav a.is-active{background:var(--accent-btn);color:#fff}.lang-toggle{background:var(--bg-card);border:1px solid var(--border);border-radius:999px;grid-template-columns:1fr 1fr;min-width:96px;min-height:48px;padding:.2rem;display:grid;position:relative}.lang-toggle__opt{z-index:1;color:var(--text-muted);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:999px;min-height:48px;padding:.35rem .75rem;font-size:.85rem;font-weight:600;line-height:1;transition:color .2s;position:relative}.lang-toggle__opt:hover{color:var(--text)}.lang-toggle__opt[aria-pressed=true],.lang-toggle__opt[aria-pressed=true]:hover{color:#fff}.lang-toggle__knob{background:var(--accent);z-index:0;border-radius:999px;width:calc(50% - .2rem);transition:transform .25s;position:absolute;top:.2rem;bottom:.2rem;left:.2rem}.lang-toggle[data-lang=en] .lang-toggle__knob{transform:translate(100%)}@media (prefers-reduced-motion:reduce){.lang-toggle__knob,.lang-toggle__opt,.nav a,.btn{transition:none}.btn:active{transform:none}}.container{z-index:1;flex:1;width:100%;max-width:720px;margin:0 auto;padding:1.5rem 1rem;position:relative}.site-footer{border-top:1px solid var(--border);text-align:center;color:var(--text-muted);z-index:1;flex-direction:column;align-items:center;gap:1.25rem;padding:2.5rem 1rem 1.5rem;font-size:.85rem;display:flex;position:relative}.footer-tagline{letter-spacing:.01em;max-width:36rem;color:var(--text);margin:0;font-size:.95rem;line-height:1.5}.footer-credit{flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;margin:0;font-size:.92rem;display:flex}.footer-credit__link{color:var(--accent);text-underline-offset:2px;cursor:pointer;font-weight:600;text-decoration:underline}.footer-credit__link:hover{color:var(--accent-hover)}.footer-credit__link:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.footer-credit__handle{color:var(--text-muted)}.footer-legal{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem;margin-top:.25rem;padding-top:1rem;display:flex}.footer-legal .footer-link+.footer-link:before{content:"·";color:var(--text-muted);opacity:.5;margin-right:.5rem}.footer-link{color:var(--text-muted);text-underline-offset:2px;cursor:pointer;background:0 0;border:none;min-height:48px;padding:.25rem;font-size:.85rem;line-height:1;text-decoration:underline;transition:color .2s}.footer-link:hover{color:var(--accent)}.footer-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}@media (width<=480px){.site-footer{gap:1rem;padding:2rem 1rem 1.25rem}.footer-credit{line-height:1.6}.footer-legal{gap:.1rem}}#roadmap{display:block}.card{background:var(--bg-card);border:1px solid var(--border);color:var(--text);border-radius:12px;margin-bottom:0;padding:1.25rem;text-decoration:none;transition:border-color .2s,transform .2s ease-out;display:block}@media (hover:hover) and (pointer:fine){.card:hover{border-color:var(--accent);transform:translateY(-2px)}}.card:active{transform:scale(.98)}.card.locked{opacity:.6}.card h4{margin-bottom:.25rem;font-size:1.1rem}.card p{color:var(--text-muted);font-size:.9rem}.card .badge{border-radius:999px;margin-bottom:.5rem;padding:.15rem .5rem;font-size:.75rem;display:inline-block}.badge.locked{background:var(--border);color:var(--text-muted)}.badge.open{background:var(--accent-btn);color:#fff}.btn{background:var(--accent-btn);color:#fff;cursor:pointer;border:none;border-radius:8px;min-height:48px;padding:.6rem 1.25rem;font-size:.95rem;text-decoration:none;transition:background .2s,transform .16s ease-out;display:inline-block}.btn:hover{background:var(--accent-btn-hover)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.lesson-content{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.lesson-content h1{margin-bottom:1rem;font-size:1.4rem}textarea{background:var(--bg);width:100%;min-height:120px;color:var(--text);border:1px solid var(--border);resize:vertical;border-radius:8px;padding:.75rem;font-family:inherit;font-size:.95rem}textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--accent)}:focus-visible{outline:2px solid var(--accent-btn);outline-offset:2px;border-radius:2px}.stats{color:var(--accent);margin-bottom:.75rem;font-size:.9rem;font-weight:600}.rubric-result{background:var(--bg);border:1px solid var(--border);border-radius:8px;margin-top:1rem;padding:1rem}.rubric-result .score{color:var(--accent);font-size:1.5rem;font-weight:700}.rubric-result ul{margin-top:.5rem;padding-left:1.25rem;font-size:.9rem}@media (width<=480px){.site-header{grid-template-columns:1fr auto;grid-template-areas:"brand lang""badge badge""nav nav";align-items:center;gap:.15rem;padding:.3rem .5rem;display:grid}.site-header .brand{grid-area:brand}.site-header .role-badge{grid-area:badge;justify-self:start}.site-header .lang-toggle{grid-area:lang;justify-self:end;min-height:44px;padding:.1rem}.site-header .nav{flex-wrap:wrap;grid-area:nav;justify-content:center;gap:.15rem;padding:.15rem}.site-header .nav a{padding:.2rem .6rem}.container{padding:1rem .75rem}.card{padding:1rem}}@media (width<=340px){.site-header .nav a{padding:.15rem .4rem;font-size:.8rem}.site-header .nav{gap:.1rem}}@media (width>=1200px){.container{max-width:1400px;padding:1.5rem 2rem}}.cookie-consent[data-astro-cid-kror3uvh]{z-index:1000;background:var(--bg-card,#1a1a1a);border-top:1px solid var(--border,#333);padding:1rem;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000004d}.cookie-consent__content[data-astro-cid-kror3uvh]{flex-direction:column;gap:.5rem;max-width:720px;margin:0 auto;display:flex}.cookie-consent__title[data-astro-cid-kror3uvh]{margin:0;font-weight:700}.cookie-consent__text[data-astro-cid-kror3uvh]{color:var(--text-muted,#aaa);margin:0;font-size:.9rem;line-height:1.5}.cookie-consent__link[data-astro-cid-kror3uvh]{color:var(--accent);text-underline-offset:2px;cursor:pointer;text-decoration:underline}.cookie-consent__link[data-astro-cid-kror3uvh]:hover{color:var(--accent-hover)}.cookie-consent__actions[data-astro-cid-kror3uvh]{justify-content:flex-end;gap:.75rem;display:flex}@media (width<=480px){.cookie-consent__actions[data-astro-cid-kror3uvh]{flex-direction:column}.cookie-consent__actions[data-astro-cid-kror3uvh] .btn[data-astro-cid-kror3uvh]{width:100%}}.cookie-toast[data-astro-cid-kror3uvh]{z-index:1001;background:var(--bg-card,#1a1a1a);color:var(--text,#fff);border:1px solid var(--border,#333);opacity:1;text-align:center;border-radius:8px;max-width:90vw;padding:.75rem 1.25rem;font-size:.9rem;transition:opacity .2s;position:fixed;top:1rem;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #00000059}.cookie-toast[data-astro-cid-kror3uvh].cookie-toast--out{opacity:0}.prism-bg[data-astro-cid-n6kdzi6f]{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.prism-canvas[data-astro-cid-n6kdzi6f]{width:100%;height:100%;display:block;position:absolute;inset:0}.prism-fallback[data-astro-cid-n6kdzi6f]{background:radial-gradient(circle at 55% 45%,#66b3ff 0%,#050505 55%,#fff 100%);position:absolute;inset:0}.prism-noise[data-astro-cid-n6kdzi6f]{opacity:.03;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAElBMVEUAAAAAAAAAAAAAAAAAAAAAAADgKxmiAAAABnRSTlMCCgkGBAVJOAVJAAAASklEQVQ4y2NgGAWjYBSMglEwCgY/YGRgZBQUYmJiZGQEkYwMjIyMgoKCjIyMIJKBgRFIMjIyAklGRkYGRkFBYEcwMDIyMjAOUQAA1I4HwVwZAkYAAAAASUVORK5CYII=);background-size:200px;position:absolute;inset:0}.prism-scrim[data-astro-cid-n6kdzi6f]{background:#0505058c;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.prism-bg[data-astro-cid-n6kdzi6f]{animation:none}}