:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f1ea;--bg-glow:#ebe4d6;--surface:#fffdf8;--surface-2:#f8f4ec;--ink:#1d1b26;--muted:#6c6779;--line:#e2dccf;--accent:#4f46e5;--accent-ink:#fff;--accent-soft:#e6e4fb;--coral:#ef6f53;--mint:#2fae86;--amber:#e2a336;--sky:#3a8fd6;--radius:14px;--radius-sm:9px;--shadow:0 1px 2px #1d1b260f, 0 6px 18px -8px #1d1b262e;--shadow-lift:0 2px 4px #1d1b2614, 0 18px 36px -14px #1d1b2652;--font:"Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--mono:"JetBrains Mono", "Cascadia Code", ui-monospace, monospace}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#14131b;--bg-glow:#1d1b29;--surface:#1f1d29;--surface-2:#272434;--ink:#eeeaf6;--muted:#9c96ad;--line:#322f40;--accent:#8b84ff;--accent-ink:#14131b;--accent-soft:#2b2850;--shadow:0 1px 2px #0000004d, 0 8px 22px -10px #0009;--shadow-lift:0 2px 6px #00000059, 0 22px 40px -14px #000000bf}}*,:before,:after{box-sizing:border-box}html,body{margin:0}body{background:radial-gradient(1200px 500px at 85% -10%, var(--bg-glow), transparent 70%), var(--bg);min-height:100vh;color:var(--ink);font:15px/1.5 var(--font);-webkit-font-smoothing:antialiased}a{color:var(--accent)}.frame{max-width:1080px;margin:0 auto;padding:28px 24px 64px}.site-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.site-header .brand{color:var(--ink);letter-spacing:-.01em;align-items:center;gap:10px;font-weight:650;text-decoration:none;display:inline-flex}.brand-mark{background:conic-gradient(from 210deg, var(--accent), var(--coral), var(--amber), var(--mint), var(--accent));width:26px;height:26px;box-shadow:var(--shadow);border-radius:8px}.site-header nav{flex-wrap:wrap;gap:4px;display:flex}.site-header nav a{color:var(--muted);border-radius:999px;padding:6px 11px;font-size:13.5px;text-decoration:none}.site-header nav a:hover{background:var(--surface);color:var(--ink)}.site-header nav a[aria-current=page]{background:var(--ink);color:var(--bg)}.intro{margin-bottom:24px}.intro h1{letter-spacing:-.03em;margin:0 0 6px;font-size:clamp(28px,4vw,40px);line-height:1.1}.intro p{max-width:62ch;color:var(--muted);margin:0}.tag{background:var(--accent-soft);color:var(--accent);font:600 11px/1.6 var(--mono);letter-spacing:.02em;border-radius:999px;padding:2px 8px;display:inline-block}button{border:1px solid var(--line);background:var(--surface);min-height:34px;color:var(--ink);font:550 13.5px/1 var(--font);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 14px;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}button:hover:not(:disabled){border-color:color-mix(in srgb, var(--ink) 25%, var(--line))}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:default}button.primary{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}button.icon{width:28px;min-height:28px;color:var(--muted);background:0 0;border-color:#0000;padding:0;font-size:15px}button.icon:hover:not(:disabled){border-color:var(--line);background:var(--surface-2);color:var(--ink)}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.toolbar .meta{color:var(--muted);font:500 13px var(--mono);margin-left:auto}.switch{color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13.5px;display:inline-flex}.switch input{accent-color:var(--accent)}@media (width<=640px){.frame{padding:18px 16px 48px}.site-header{flex-direction:column;align-items:flex-start}}