:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#05060b;--fg:#e9ecf5;--muted:#9aa3b8;--accent:#7ef7ff;--line:#ffffff17;--panel:#080a128c;--pad:clamp(1rem, 4vw, 3rem)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;margin:0;font:16px/1.6 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,sans-serif}canvas{z-index:0;display:block;position:fixed;inset:0}header,main,footer{z-index:1;position:relative}a{color:inherit}a:hover{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.mono,.eyebrow,.brand,nav,.tags,h2,footer,.pill,.panel{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem}header{padding:1.1rem var(--pad);justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 0 auto}header a{color:var(--muted);text-decoration:none}header a:hover{color:var(--fg)}.brand{color:var(--fg);font-weight:600}nav a{margin-left:1.25rem}.hero{text-align:center;min-height:100svh;padding:6rem var(--pad) 14rem;place-content:center;gap:1rem;display:grid}.eyebrow{color:var(--accent);letter-spacing:.04em;text-wrap:balance;margin:0}.hero p,.hero a{text-shadow:0 0 24px #05060bf2,0 0 6px #05060bcc}h1{letter-spacing:-.03em;text-shadow:0 0 40px #05060be6;margin:0;font-size:clamp(2.8rem,9vw,6.5rem);font-weight:700;line-height:1}.lead{max-width:36ch;color:var(--muted);text-wrap:balance;margin:0 auto;font-size:clamp(1rem,2.2vw,1.2rem)}.links{flex-wrap:wrap;justify-content:center;gap:.6rem;margin:.5rem 0 0;display:flex}.links a{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;padding:.45rem .9rem;font-size:.9rem;text-decoration:none}.links a:hover{border-color:var(--accent)}section:not(.hero){max-width:64rem;padding:5rem var(--pad);margin:0 auto}h2{color:var(--accent);letter-spacing:.04em;margin:0 0 1.5rem;font-weight:500}h2:before{content:"// ";color:var(--muted)}section p{max-width:62ch}.tags{color:var(--muted);margin:0}.grid{grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:1rem;display:grid}.card{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:inherit;border-radius:14px;padding:1.25rem 1.4rem;text-decoration:none;transition:border-color .2s,transform .2s;display:block}.card:hover{border-color:var(--accent);color:inherit;transform:translateY(-2px)}.card h3{margin:0 0 .5rem;font-size:1.1rem}.card p{color:var(--muted);margin:0 0 .75rem;font-size:.95rem}.card .tags{color:var(--accent)}footer{padding:2rem var(--pad);color:var(--muted);border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:.5rem;display:flex}.pill{border:1px solid var(--line);color:var(--accent);border-radius:999px;margin-left:.4rem;padding:.1rem .5rem}@supports (animation-timeline:view()){.reveal{animation:linear both rise;animation-timeline:view();animation-range:entry entry 35%}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{animation:none}}.panel{z-index:2;background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:14px;width:min(19rem,100vw - 2rem);position:fixed;bottom:1rem;right:1rem}.panel summary{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--muted);padding:.6rem .9rem;list-style:none}.panel summary::-webkit-details-marker{display:none}.panel summary:before{content:"▸ ";color:var(--accent)}.panel[open] summary:before{content:"▾ "}.panel form{gap:.25rem;padding:0 .9rem .8rem;display:grid}.panel fieldset{border:0;gap:.25rem;margin:.3rem 0 0;padding:0;display:grid}.panel legend{color:var(--accent);margin-bottom:.25rem;padding:0}.panel label{color:var(--muted);grid-template-columns:6rem 1fr;align-items:center;gap:.6rem;display:grid}.panel input{accent-color:var(--accent);width:100%;margin:0}.panel input[type=color]{border:1px solid var(--line);background:0 0;border-radius:6px;width:2.6rem;height:1.5rem;padding:0}.panel button{border:1px solid var(--line);color:var(--fg);font:inherit;cursor:pointer;background:0 0;border-radius:999px;justify-self:end;margin-top:.5rem;padding:.3rem .8rem}.panel button:hover{border-color:var(--accent);color:var(--accent)}footer{padding-bottom:4rem}