:root{--bg:#0b0f1a;--bg-2:#0e1322;--panel:#131826;--panel-2:#1a2033;--border:#232a3d;--fg:#e6e9f2;--fg-bright:#fff;--muted:#8a93a6;--accent:#7aa2f7;--accent-2:#bb9af7;--success:#9ece6a;--warning:#e0af68;--danger:#f7768e;--max-content:1180px}*{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.55}a{color:var(--accent);text-decoration:none;transition:color .12s}a:hover{color:var(--accent-2)}h1,h2,h3{color:var(--fg-bright);letter-spacing:-.01em;margin:0;font-weight:700}h1{font-size:clamp(2.2rem,4.5vw,3.4rem);line-height:1.1}h2{font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.2}h3{font-size:1.15rem}.gradient-text{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#7aa2f7 0%,#bb9af7 50%,#f7768e 100%);-webkit-background-clip:text;background-clip:text}.muted{color:var(--muted)}.container{width:100%;max-width:var(--max-content);margin:0 auto;padding:0 1.5rem}.btn{color:#0b0f1a;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#7aa2f7,#bb9af7);border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:.45rem;padding:.7rem 1.2rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .12s,box-shadow .2s,opacity .12s;display:inline-flex}.btn:hover{color:#0b0f1a;transform:translateY(-1px);box-shadow:0 6px 30px #7aa2f759}.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.btn.secondary{color:var(--fg);border-color:var(--border);background:0 0}.btn.secondary:hover{border-color:var(--accent);color:var(--accent);box-shadow:none}.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:1.4rem}.badge{border:1px solid color-mix(in oklab, var(--accent) 35%, transparent);color:var(--accent);background:#7aa2f71a;border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .7rem;font-size:.78rem;font-weight:600;display:inline-flex}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}pre.code-block{border:1px solid var(--border);color:#d6dde8;background:#060912;border-radius:12px;margin:0;padding:1.1rem 1.25rem;font-size:.85rem;line-height:1.6;overflow-x:auto}pre.code-block .tok-key{color:#7aa2f7}pre.code-block .tok-str{color:#9ece6a}pre.code-block .tok-num{color:#e0af68}pre.code-block .tok-cmt{color:#586377;font-style:italic}pre.code-block .tok-fn{color:#bb9af7}input,select,textarea{font:inherit;color:var(--fg);background:var(--panel-2);border:1px solid var(--border);border-radius:8px;outline:none;width:100%;padding:.55rem .7rem}input:focus,select:focus,textarea:focus{border-color:var(--accent)}.starfield{pointer-events:none;opacity:.6;background-image:radial-gradient(2px 2px at 20% 30%,#ffffff80,#0000 50%),radial-gradient(1.5px 1.5px at 70% 60%,#ffffff59,#0000 50%),radial-gradient(2.5px 2.5px at 40% 80%,#fff6,#0000 50%),radial-gradient(1px 1px at 85% 20%,#fff9,#0000 50%),radial-gradient(1.5px 1.5px at 10% 70%,#ffffff4d,#0000 50%),radial-gradient(2px 2px at 55% 15%,#ffffff73,#0000 50%);position:absolute;inset:0}