@charset "UTF-8";:root{color-scheme:dark;--bg: #0a1626;--bg-2: #0e1f33;--panel: #14273f;--panel-2: #1c3457;--line: #28425f;--line-2: #36527a;--text: #eef3fb;--muted: #abbcd8;--faint: #7589a9;--brand: #1183cc;--brand-2: #5cc3f2;--accent: #d8b667;--ok: #34d39c;--warn: #f6b545;--bad: #f0696f;--topbar: rgba(8, 18, 32, .82);--topbar-border: #223a59;--hl: rgba(92, 195, 242, .26);--radius: 12px;--radius-sm: 8px;--shadow: 0 14px 40px rgba(0, 16, 40, .5);--mono: "Cascadia Code", "SF Mono", "Consolas", monospace;--sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}:root[data-theme=light]{color-scheme:light;--bg: #eef3f9;--bg-2: #ffffff;--panel: #ffffff;--panel-2: #f3f7fc;--line: #e2e9f2;--line-2: #ccd8e8;--text: #0c2340;--muted: #51637c;--faint: #8595ac;--brand: #0079c1;--brand-2: #0a6aa8;--accent: #92702a;--ok: #157f54;--warn: #a6660a;--bad: #c5343a;--topbar: rgba(255, 255, 255, .92);--topbar-border: #dbe4f0;--hl: rgba(0, 121, 193, .16);--shadow: 0 12px 30px rgba(20, 50, 90, .1)}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:radial-gradient(1200px 600px at 78% -8%,color-mix(in srgb,var(--brand) 16%,transparent),transparent 60%),var(--bg);background-attachment:fixed}a{color:inherit;text-decoration:none}button{font-family:inherit}h1,h2,h3,h4{line-height:1.18;margin:0 0 .5rem;letter-spacing:-.018em}h1{font-weight:800}.mono,.num,code,pre{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--brand-2);outline-offset:2px;border-radius:4px}button:focus:not(:focus-visible){outline:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:8px}::-webkit-scrollbar-track{background:transparent}.page{max-width:1080px;margin:0 auto;padding:2rem 1.5rem 4rem}.page-head{margin-bottom:1.75rem}.page-head h1{font-size:1.9rem;letter-spacing:-.02em}.page-head p{color:var(--muted);max-width:70ch;margin:0}.eyebrow{display:inline-block;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-2);font-weight:700;margin-bottom:.5rem}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem}.eyebrow+h1,.eyebrow+h2{margin-top:.1rem}.grid{display:grid;gap:1rem}.tag{display:inline-block;padding:.15rem .55rem;border-radius:999px;font-size:.72rem;font-weight:600;background:var(--panel-2);border:1px solid var(--line-2);color:var(--muted)}.chip{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .7rem;border-radius:999px;font-size:.78rem;background:var(--panel-2);border:1px solid var(--line-2)}.btn{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;padding:.6rem 1.05rem;border-radius:var(--radius-sm);font-weight:600;font-size:.9rem;border:1px solid var(--line-2);background:var(--panel-2);color:var(--text);transition:border-color .15s ease,background .15s ease,transform .08s ease,box-shadow .15s ease}.btn:hover{border-color:var(--brand)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg,color-mix(in srgb,var(--brand) 92%,white),var(--brand));border-color:color-mix(in srgb,var(--brand) 70%,black);color:#fff;box-shadow:0 1px #ffffff2e inset,0 6px 16px color-mix(in srgb,var(--brand) 36%,transparent)}.btn-primary:hover{filter:brightness(1.06);border-color:var(--brand)}.btn-ok{background:color-mix(in srgb,var(--ok) 14%,transparent);border-color:color-mix(in srgb,var(--ok) 55%,var(--line-2));color:var(--ok)}.btn-ok:hover{border-color:var(--ok)}.btn-bad{background:color-mix(in srgb,var(--bad) 12%,transparent);border-color:color-mix(in srgb,var(--bad) 50%,var(--line-2));color:var(--bad)}.btn-bad:hover{border-color:var(--bad)}.mono{font-family:var(--mono)}
