:root{--bg:#0a0e0c;--surface:#12171a;--surface-2:#1a2127;--line:#223029;--text:#e7efe9;--muted:#8a9b90;--faint:#566159;--accent:#38d6ff;--accent-dim:#1fa6cc;--accent-2:#ffb02e;--accent-2-dim:#c98614;--spectrum:#ff5f6d, #ffb02e, #ffe14a, #4af0a2, #38d6ff, #8b7bff, #e04aff;--rainbow:linear-gradient(90deg, var(--spectrum));--font-display:"Space Grotesk", system-ui, -apple-system, Segoe UI, sans-serif;--font-body:"Space Grotesk", system-ui, -apple-system, Segoe UI, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--maxw:68rem;--pad:clamp(1.25rem, 4vw, 3rem);--radius:10px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100svh;font-size:1.02rem;line-height:1.6}img,svg,video{max-width:100%;height:auto;display:block}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.015em;font-weight:700;line-height:1.08}h1{font-size:clamp(2rem,5vw,3.1rem)}h2{font-size:clamp(1.5rem,3.2vw,2.1rem)}h3{font-size:1.2rem}p{max-width:62ch}a{color:var(--accent);-webkit-text-decoration-color:color-mix(in oklab, var(--accent) 45%, transparent);text-decoration-color:color-mix(in oklab, var(--accent) 45%, transparent);text-underline-offset:3px}a:hover{color:color-mix(in oklab, var(--accent) 80%, white)}code,kbd,pre,.mono{font-family:var(--font-mono);font-size:.9em}:not(pre)>code{background:var(--surface-2);border:1px solid var(--line);color:var(--accent);border-radius:5px;padding:.1em .4em}pre{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem;overflow-x:auto}hr{border:none;border-top:1px solid var(--line);margin:2.5rem 0}::selection{background:color-mix(in oklab, var(--accent) 35%, transparent);color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}.wrap{width:100%;max-width:var(--maxw);padding-inline:var(--pad);margin-inline:auto}.section{padding-block:clamp(3rem,8vw,5.5rem)}.section-head{align-items:baseline;gap:1rem;margin-bottom:1.75rem;display:flex}.section-head h2{margin:0}.section-head .rule{background:var(--rainbow);opacity:.55;border-radius:2px;flex:1;height:2px;transform:translateY(-.35rem)}.section-head .count{font-family:var(--font-mono);color:var(--faint);font-size:.8rem}.btn{font-family:var(--font-display);border-radius:var(--radius);border:1px solid var(--accent);color:var(--accent);background:color-mix(in oklab, var(--accent) 8%, transparent);align-items:center;gap:.5rem;padding:.6rem 1.1rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s,transform .15s;display:inline-flex}.btn:hover{background:var(--accent);color:#05120b;transform:translateY(-1px)}.btn--alt{border-color:var(--accent-2);color:var(--accent-2);background:color-mix(in oklab, var(--accent-2) 8%, transparent)}.btn--alt:hover{background:var(--accent-2);color:#1a0510}.btn--ghost{border-color:var(--line);color:var(--text);background:0 0}.btn--ghost:hover{border-color:var(--text);color:var(--text);background:var(--surface);transform:none}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:inherit;flex-direction:column;gap:.5rem;height:100%;padding:1.25rem 1.3rem;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}.card:hover{border-color:color-mix(in oklab, var(--accent) 45%, var(--line));transform:translateY(-2px)}.card h3{color:var(--text)}.card .meta{font-family:var(--font-mono);color:var(--faint);font-size:.78rem}.card p{color:var(--muted);font-size:.95rem}.grid{gap:1rem;display:grid}@media (width>=40rem){.grid--2{grid-template-columns:1fr 1fr}}@media (width>=52rem){.grid--3{grid-template-columns:repeat(3,1fr)}}.install{background:var(--surface-2);color:var(--accent);white-space:nowrap;border-radius:8px;margin-top:.55rem;padding:.4rem .65rem;font-size:.78rem;display:block;overflow-x:auto}.tag.link{color:var(--accent);border-color:color-mix(in oklab, var(--accent) 40%, var(--line));text-decoration:none}.tag.link:hover{background:color-mix(in oklab, var(--accent) 14%, transparent)}.card h3 a{color:inherit;text-decoration:none}.card h3 a:hover{color:var(--accent)}.tags{flex-wrap:wrap;gap:.4rem;margin-top:.25rem;display:flex}.tag{font-family:var(--font-mono);color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:.1rem .55rem;font-size:.72rem}.site-header{z-index:50;background:color-mix(in oklab, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);position:sticky;top:0}.site-header .bar{justify-content:space-between;align-items:center;gap:1rem;padding-block:.8rem;display:flex}.brand{font-family:var(--font-mono);color:var(--text);letter-spacing:-.02em;font-size:1rem;font-weight:700;text-decoration:none}.brand .dot{color:var(--accent);animation:6s linear infinite dot-cycle}@keyframes dot-cycle{0%{color:#ff5f6d}16%{color:#ffb02e}33%{color:#ffe14a}50%{color:#4af0a2}66%{color:#38d6ff}83%{color:#8b7bff}to{color:#ff5f6d}}:root[data-fx=mono] .brand .dot{animation:none}@media (prefers-reduced-motion:reduce){.brand .dot{animation:none}}.nav{flex-wrap:wrap;gap:.25rem;display:flex}.nav a{font-family:var(--font-display);color:var(--muted);border-radius:7px;padding:.35rem .6rem;font-size:.92rem;text-decoration:none}.nav a:hover,.nav a[aria-current=page]{color:var(--text);background:var(--surface)}.socials{gap:.6rem;display:flex}.socials a{color:var(--muted)}.socials a:hover{color:var(--accent)}.site-footer{border-top:1px solid var(--line);color:var(--muted);font-size:.9rem}.site-footer .bar{flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.5rem;padding-block:2rem;display:flex}.site-footer a{color:var(--muted)}.site-footer a:hover{color:var(--accent)}.prose :is(h2,h3){margin-top:2rem;margin-bottom:.6rem}.prose p,.prose ul,.prose ol{margin-bottom:1rem}.prose ul,.prose ol{padding-left:1.3rem}.prose li{margin-bottom:.35rem}.prose img{border-radius:var(--radius);border:1px solid var(--line);margin-block:1.25rem}.prose blockquote{border-left:2px solid var(--accent);color:var(--muted);padding-left:1rem;font-style:italic}:root[data-fx=mono]{--accent:#4af0a2;--accent-dim:#2bbd7c;--accent-2:#2bbd7c;--accent-2-dim:#1f8f5c;--spectrum:#1f9d62, #4af0a2, #b9ffd9, #4af0a2, #1f9d62}.fx-toggle{cursor:pointer;color:#ffe14a;filter:drop-shadow(0 0 6px oklab(90.9261% -.0218609 .163251/.7));background:0 0;border:0;border-radius:999px;place-items:center;width:2rem;height:2rem;padding:0;transition:color .2s,filter .2s,transform .15s;display:inline-grid}.fx-toggle:hover{transform:scale(1.1)}.fx-toggle .bulb-fill{fill:currentColor}:root[data-fx=mono] .fx-toggle{color:var(--muted);filter:none}:root[data-fx=mono] .fx-toggle .bulb-fill{fill:none}