:root{--brand:#0f5c55;--brand-strong:#0b4a44;--accent:#f2b33d;--ink:#1b2422;--muted:#5b6763;--surface:#fff;--ground:#f6f5f1;--line:#e2e0d8;--code-bg:#14201e;--code-ink:#e8efe9;--ok:#1b7f3b;--fail:#b3261e;color:var(--ink);background:var(--ground);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--brand:#2a8f84;--brand-strong:#3aa597;--ink:#e6ebe9;--muted:#9aa8a3;--surface:#1c2523;--ground:#121917;--line:#2c3834;--code-bg:#0c1413;--ok:#5cc27a;--fail:#ff8a80;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}body{background:var(--ground);margin:0}a{color:var(--brand)}.logo{color:var(--ink);align-items:center;gap:.55rem;text-decoration:none;display:inline-flex}.logo-word{letter-spacing:-.02em;font-size:1.35rem;font-weight:700}.button{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:.5rem;padding:.7rem 1.2rem;font-weight:600;text-decoration:none;display:inline-flex}.button.primary{background:var(--brand);color:#fff}.button.primary:hover:not(:disabled){background:var(--brand-strong)}.button.secondary{background:var(--surface);color:var(--ink);border-color:var(--line)}.button:disabled{opacity:.55;cursor:not-allowed}.button:focus-visible,.header-link:focus-visible,.logo:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.button.small{padding:.4rem .75rem;font-size:.9rem}.error{color:var(--fail)}.landing{max-width:1080px;margin:0 auto;padding:0 1.25rem}.site-header{justify-content:space-between;align-items:center;padding:1.25rem 0;display:flex}.header-link{color:var(--ink);font-weight:600;text-decoration:none}.hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:3rem;padding:3rem 0 4rem;display:grid}.eyebrow{color:var(--brand);text-transform:uppercase;letter-spacing:.08em;margin:0 0 .75rem;font-size:.8rem;font-weight:700}.hero h1{letter-spacing:-.02em;margin:0 0 1rem;font-size:clamp(2rem,4vw,2.7rem);line-height:1.1}.lead{color:var(--muted);max-width:34rem;margin:0 0 1.75rem;font-size:1.15rem;line-height:1.55}.actions{flex-wrap:wrap;gap:.75rem;display:flex}.note{color:var(--muted);margin:.9rem 0 0;font-size:.9rem}.demo-window{background:var(--code-bg);color:var(--code-ink);border-radius:12px;font-family:ui-monospace,Cascadia Code,Menlo,Consolas,monospace;font-size:.92rem;overflow:hidden;box-shadow:0 18px 40px #0000002e}.hero-demo{margin:0}.demo-bar{background:#ffffff0f;align-items:center;gap:.4rem;padding:.65rem .9rem;display:flex}.demo-bar span{background:#fff3;border-radius:50%;width:.65rem;height:.65rem}.demo-bar em{opacity:.7;margin-left:.5rem;font-size:.8rem;font-style:normal}.demo-code{white-space:pre-wrap;margin:0;padding:1rem 1.1rem}.demo-code .fn{color:#8ecbff}.demo-code .str{color:#f2c879}.demo-code .kw{color:#c9e4dc}.demo-console{color:#cfd8d4;border-top:1px solid #ffffff14;padding:.75rem 1.1rem}.demo-console .in{color:#8ecbff}.demo-tests{color:#7ddc98;background:#5cc27a24;padding:.6rem 1.1rem;font-weight:600}.features{grid-template-columns:repeat(4,1fr);gap:1rem;padding-bottom:3rem;display:grid}.features article{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:1.2rem}.features h2{margin:0 0 .4rem;font-size:1.02rem}.features p{color:var(--muted);margin:0;font-size:.95rem;line-height:1.5}.site-footer{border-top:1px solid var(--line);color:var(--muted);padding:1.25rem 0 2rem;font-size:.85rem}.dev-login{border:1px dashed var(--line);border-radius:10px;margin-top:1.75rem;padding:1rem}.dev-login p{color:var(--muted);margin:0 0 .6rem;font-size:.85rem}.dev-users{flex-wrap:wrap;gap:.5rem;display:flex}.role-hint{color:var(--muted);font-size:.8rem;font-weight:400}.user-menu{align-items:center;gap:.75rem;display:flex}.role-badge{background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:.15rem .5rem;font-size:.75rem;font-weight:600}.overview h1{margin:1.5rem 0;font-size:1.8rem}.overview .features{grid-template-columns:repeat(2,1fr)}@media (width<=860px){.hero{grid-template-columns:1fr;gap:2rem;padding-top:1.5rem}.features{grid-template-columns:1fr 1fr}}@media (width<=520px){.features{grid-template-columns:1fr}}.playground{max-width:960px;margin:0 auto;padding:1rem}.playground h1{margin:.75rem 0 .25rem;font-size:1.3rem}.playground h2{font-size:1.05rem}.playground .status{color:var(--muted);margin-top:0;font-size:.85rem}.playground .error,.playground .tests .fail{color:var(--fail)}.playground .tabs{flex-wrap:wrap;gap:.5rem;margin:1rem 0 .5rem;display:flex}.playground .tabs button.active{border-color:var(--ink);font-weight:600}.playground .description{margin:.5rem 0}.playground .editor{border:1px solid var(--line);color:#1d1d1f;background:#fff}.playground .editor .cm-editor{min-height:12rem}.playground .toolbar{gap:.5rem;margin:.5rem 0;display:flex}.playground button{border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:4px;padding:.35rem .8rem}.playground button:disabled{opacity:.5;cursor:default}.playground .console{background:var(--code-bg);min-height:6rem;max-height:20rem;color:var(--code-ink);white-space:pre-wrap;padding:.5rem;overflow:auto}.playground .console .err{color:#ff8a80}.playground .console .in{color:#8ab4f8}.playground .console .sys{color:#999}.playground .console form{display:inline}.playground .console input{color:#8ab4f8;font:inherit;background:0 0;border:none;border-bottom:1px solid #8ab4f8;outline:none;min-width:10rem}.playground .tests ul{padding:0;list-style:none}.playground .tests .ok{color:var(--ok)}.playground .tests pre{white-space:pre-wrap;color:var(--muted);margin:.25rem 0 .5rem 1.2rem}.playground .grading{border-top:1px solid var(--line);margin-top:2rem}.playground .grading input[type=number]{width:4rem}.playground table{border-collapse:collapse;margin-top:.75rem;font-size:.85rem}.playground th,.playground td{border:1px solid var(--line);text-align:left;padding:.25rem .5rem}