.rad-overlay{--rad-bg:#ffffff;--rad-fg:#111827;--rad-muted:#4b5563;--rad-primary:#4f46e5;--rad-primary-fg:#ffffff;--rad-secondary:#f3f4f6;--rad-secondary-fg:#1f2937;--rad-overlay:rgba(9,9,11,.55);--rad-radius:16px;--rad-max-width:480px;--rad-border:rgba(0,0,0,.08);position:fixed;inset:0;display:flex;padding:16px;background-color:var(--rad-overlay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overscroll-behavior:contain;font-family:inherit}@media(prefers-color-scheme:dark){.rad-overlay:not(.rad-scheme--light){--rad-bg:#16181d;--rad-fg:#f4f4f5;--rad-muted:#a1a1aa;--rad-secondary:#26282f;--rad-secondary-fg:#f4f4f5;--rad-overlay:rgba(0,0,0,.65);--rad-border:rgba(255,255,255,.1)}}.rad-overlay.rad-scheme--dark{--rad-bg:#16181d;--rad-fg:#f4f4f5;--rad-muted:#a1a1aa;--rad-secondary:#26282f;--rad-secondary-fg:#f4f4f5;--rad-overlay:rgba(0,0,0,.65);--rad-border:rgba(255,255,255,.1)}.rad-overlay--center{align-items:center;justify-content:center}.rad-overlay--top{align-items:flex-start;justify-content:center}.rad-overlay--bottom{align-items:flex-end;justify-content:center}.rad-overlay--top-left{align-items:flex-start;justify-content:flex-start}.rad-overlay--top-right{align-items:flex-start;justify-content:flex-end}.rad-overlay--bottom-left{align-items:flex-end;justify-content:flex-start}.rad-overlay--bottom-right{align-items:flex-end;justify-content:flex-end}.rad-modal{position:relative;box-sizing:border-box;width:100%;max-width:var(--rad-max-width);max-height:calc(100dvh - 32px);overflow-y:auto;padding:28px;border-radius:var(--rad-radius);background:var(--rad-bg);color:var(--rad-fg);box-shadow:0 20px 60px #00000047;animation:rad-in .22s ease-out}@keyframes rad-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.rad-modal{animation:none}}.rad-modal *,.rad-modal :after,.rad-modal :before{box-sizing:border-box}.rad-title{margin:0 0 8px;font-size:1.35rem;font-weight:700;line-height:1.3;color:var(--rad-fg)}.rad-desc{margin:0 0 20px;font-size:.975rem;line-height:1.6;color:var(--rad-muted)}.rad-actions{display:flex;flex-wrap:wrap;gap:10px}.rad-btn{flex:1 1 180px;padding:11px 16px;border:none;border-radius:10px;font:inherit;font-size:.95rem;font-weight:600;cursor:pointer;transition:filter .15s ease,background-color .15s ease}.rad-btn:hover{filter:brightness(.94)}.rad-btn:focus-visible{outline:2px solid var(--rad-primary);outline-offset:2px}.rad-btn--primary{background:var(--rad-primary);color:var(--rad-primary-fg)}.rad-btn--secondary{background:var(--rad-secondary);color:var(--rad-secondary-fg)}.rad-close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:32px;height:32px;padding:0;border:none;border-radius:8px;background:transparent;color:var(--rad-muted);cursor:pointer}.rad-close:hover{background:var(--rad-secondary);color:var(--rad-fg)}.rad-close:focus-visible{outline:2px solid var(--rad-primary);outline-offset:2px}.rad-figure{display:block;width:100%;height:auto;margin-bottom:18px;border-radius:12px;border:1px solid var(--rad-border)}.rad-steps{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-direction:column;gap:10px}.rad-step{display:flex;gap:12px;padding:12px 14px;border-radius:12px;background:var(--rad-secondary);text-align:left}.rad-step__index{flex:0 0 24px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--rad-primary);color:var(--rad-primary-fg);font-size:.78rem;font-weight:700}.rad-step__body{display:flex;flex-direction:column;gap:2px}.rad-step__title{font-size:.94rem;font-weight:600;color:var(--rad-secondary-fg)}.rad-step__desc{font-size:.875rem;line-height:1.55;color:var(--rad-muted)}@media(max-width:480px){.rad-overlay{padding:0;align-items:flex-end}.rad-modal{max-width:none;max-height:88dvh;padding:22px 18px calc(22px + env(safe-area-inset-bottom));border-radius:var(--rad-radius) var(--rad-radius) 0 0;animation:rad-sheet-in .24s ease-out}@keyframes rad-sheet-in{0%{transform:translateY(100%)}to{transform:none}}.rad-title{font-size:1.2rem}.rad-btn{flex:1 1 100%}}:root{--bg:#0b0f17;--panel:#131a26;--panel-2:#1a2333;--border:#253046;--fg:#e8eef8;--muted:#94a3b8;--accent:#6aa9ff;--accent-fg:#04101f;--radius:14px;color-scheme:dark}*{box-sizing:border-box}html{background:var(--bg)}body{background:transparent}body,html{margin:0;padding:0;color:var(--fg);font-family:ui-sans-serif,-apple-system,Segoe UI,Inter,Helvetica,Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--accent)}.wrap{max-width:960px;margin:0 auto;padding:48px 20px 96px}.hero{margin-bottom:40px}.hero img{width:100%;height:auto;border-radius:var(--radius);display:block}.hero h1{font-size:clamp(28px,5vw,40px);margin:28px 0 10px;letter-spacing:-.02em}.hero p{color:var(--muted);font-size:18px;margin:0}.links{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.links a{display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border:1px solid var(--border);border-radius:999px;background:var(--panel);color:var(--fg);text-decoration:none;font-size:14px;font-weight:500;transition:border-color .15s ease,background .15s ease}.links a:hover{border-color:var(--accent);background:var(--panel-2)}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin:20px 0}.card h2{margin:0 0 6px;font-size:20px;letter-spacing:-.01em}.card .sub{color:var(--muted);font-size:15px;margin:0 0 18px}.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}button.demo{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--panel-2);color:var(--fg);padding:9px 16px;border-radius:9px;font:inherit;font-size:14px;cursor:pointer;transition:border-color .15s ease}button.demo.primary,button.demo:hover{border-color:var(--accent)}button.demo.primary{background:var(--accent);color:var(--accent-fg);font-weight:600}pre{background:#080c14;border:1px solid var(--border);border-radius:10px;padding:16px;overflow-x:auto;font-size:13.5px;line-height:1.55}.state,code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.state{display:grid;grid-template-columns:max-content 1fr;grid-gap:8px 16px;gap:8px 16px;font-size:14px}.state dt{color:var(--muted)}.state dd{margin:0}.pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600}.pill.on{background:#10331f;color:#6ee7a8}.pill.off{background:#3a1620;color:#ff92a5}footer{margin-top:56px;padding-top:24px;border-top:1px solid var(--border);color:var(--muted);font-size:14px}.field{margin-top:20px}.field label{display:block;font-size:14px;color:var(--muted);margin-bottom:8px}.field label code{color:var(--fg);font-size:13px}.field input[type=range]{width:100%;max-width:420px;accent-color:var(--accent)}.scoped{position:relative;overflow:hidden;height:260px;border:1px solid var(--border);border-radius:var(--radius);background:#060a12;display:grid;place-items:center}.scoped span{position:relative;z-index:1;color:var(--muted);font-size:14px;pointer-events:none}pre:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.topnav{position:-webkit-sticky;position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px)}.topnav__brand{display:inline-flex;align-items:center;gap:9px;color:var(--fg);font-size:14px;font-weight:650;letter-spacing:-.01em;text-decoration:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.topnav__dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}.topnav__links{display:flex;align-items:center;gap:4px}.topnav__links a{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:8px;color:#a4b2c6;font-size:13.5px;font-weight:500;text-decoration:none;transition:color .15s ease,background .15s ease}.topnav__links a:hover{color:var(--fg);background:var(--panel-2)}.topnav__links a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.code{margin:18px 0 0;border:1px solid var(--border);border-radius:12px;background:#070b12;overflow:hidden}.code__bar{display:flex;align-items:center;justify-content:space-between;padding:7px 10px 7px 14px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--panel) 60%,transparent)}.code__lang{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase}.code__copy{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--muted);font:inherit;font-size:12.5px;cursor:pointer;transition:color .15s ease,background .15s ease,border-color .15s ease}.code__copy:hover{color:var(--fg);background:var(--panel-2);border-color:var(--border)}.code__copy:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.code__pre{margin:0;padding:16px;overflow-x:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13.5px;line-height:1.65;-moz-tab-size:2;tab-size:2}.code__pre:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.code__line{display:block}.wrap{padding-top:34px}.card{transition:border-color .18s ease}.card:hover{border-color:color-mix(in srgb,var(--accent) 28%,var(--border))}.card h2{display:flex;align-items:center;gap:9px;font-size:19px}.card h2:before{content:"";width:3px;height:17px;border-radius:2px;background:var(--accent)}