:root{--cookie-consent-background-color:#fff;--cookie-consent-text-color:#000;--cookie-consent-link-color:#6ac3ff;--cookie-consent-button-background-color:#0073e6;--cookie-consent-button-text-color:#fff}.ccb-fab,.ccb-modal,.ccb-wrapper{--ccb-bg:var(--cookie-consent-background-color,#fff);--ccb-fg:var(--cookie-consent-text-color,#000);--ccb-link:var(--cookie-consent-link-color,#6ac3ff);--ccb-accent:var(--cookie-consent-button-background-color,#0073e6);--ccb-accent-fg:var(--cookie-consent-button-text-color,#fff);--ccb-border:rgba(0,0,0,.12);--ccb-muted:color-mix(in srgb,var(--ccb-fg) 65%,transparent);--ccb-surface:color-mix(in srgb,var(--ccb-fg) 5%,var(--ccb-bg));--ccb-radius:14px;--ccb-shadow:0 12px 40px rgba(0,0,0,.22);font-family:inherit;box-sizing:border-box}.ccb-fab *,.ccb-modal *,.ccb-wrapper *{box-sizing:border-box}@media(prefers-color-scheme:dark){:root[data-ccb-scheme=auto] .ccb-fab,:root[data-ccb-scheme=auto] .ccb-modal,:root[data-ccb-scheme=auto] .ccb-wrapper{--ccb-border:rgba(255,255,255,.14)}}:root[data-ccb-scheme=dark] .ccb-fab,:root[data-ccb-scheme=dark] .ccb-modal,:root[data-ccb-scheme=dark] .ccb-wrapper{--ccb-border:rgba(255,255,255,.14)}.ccb-wrapper{position:fixed;display:flex;padding:16px;pointer-events:none}.ccb-wrapper>*{pointer-events:auto}.ccb-wrapper--bottom,.ccb-wrapper--top{left:0;right:0;justify-content:center}.ccb-wrapper--top{top:0}.ccb-wrapper--bottom{bottom:0}.ccb-wrapper--top-left{top:0;left:0}.ccb-wrapper--top-right{top:0;right:0}.ccb-wrapper--bottom-left{bottom:0;left:0}.ccb-wrapper--bottom-right{bottom:0;right:0}.ccb-banner{display:flex;flex-direction:column;gap:14px;width:100%;padding:20px 22px;border:1px solid var(--ccb-border);border-radius:var(--ccb-radius);background:var(--ccb-bg);color:var(--ccb-fg);box-shadow:var(--ccb-shadow);animation:ccb-in .25s ease-out}@keyframes ccb-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.ccb-banner,.ccb-modal__panel{animation:none}}.ccb-wrapper--bar .ccb-banner{max-width:1120px}@media(min-width:880px){.ccb-wrapper--bar .ccb-banner{flex-direction:row;align-items:center;flex-wrap:wrap;gap:14px 22px}.ccb-wrapper--bar .ccb-banner__text{flex:1 1 320px;min-width:0;margin:0}.ccb-wrapper--bar .ccb-banner__actions,.ccb-wrapper--bar .ccb-btn{flex:0 0 auto}.ccb-wrapper--bar .ccb-banner__links{flex:1 1 100%;order:3;padding-top:12px;border-top:1px solid var(--ccb-border)}}.ccb-wrapper--card .ccb-banner{max-width:420px}.ccb-banner__text{margin:0;font-size:.925rem;line-height:1.6;color:var(--ccb-fg)}.ccb-banner__links a,.ccb-banner__text a{color:var(--ccb-link);text-decoration:underline;text-underline-offset:2px}.ccb-banner__actions{display:flex;flex-wrap:wrap;gap:8px}.ccb-banner__links{display:flex;flex-wrap:wrap;gap:4px 18px;font-size:.8rem}.ccb-btn{flex:1 1 auto;padding:10px 16px;border:1px solid transparent;border-radius:9px;font:inherit;font-size:.875rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:filter .15s ease}.ccb-btn:hover{filter:brightness(.93)}.ccb-btn:focus-visible{outline:2px solid var(--ccb-accent);outline-offset:2px}.ccb-btn--primary{background:var(--ccb-accent);color:var(--ccb-accent-fg)}.ccb-btn--ghost{background:transparent;border-color:var(--ccb-border);color:var(--ccb-fg)}.ccb-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overscroll-behavior:contain}.ccb-modal__panel{position:relative;width:100%;max-width:560px;max-height:calc(100dvh - 32px);overflow-y:auto;padding:26px;border-radius:var(--ccb-radius);background:var(--ccb-bg);color:var(--ccb-fg);box-shadow:var(--ccb-shadow);animation:ccb-in .22s ease-out}.ccb-modal__title{margin:0 36px 8px 0;font-size:1.25rem;font-weight:700;line-height:1.3}.ccb-modal__para{margin:0 0 18px;font-size:.9rem;line-height:1.6;color:var(--ccb-muted)}.ccb-modal__close{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:30px;height:30px;padding:0;border:none;border-radius:8px;background:transparent;color:var(--ccb-muted);cursor:pointer}.ccb-modal__close:hover{background:var(--ccb-surface);color:var(--ccb-fg)}.ccb-modal__close:focus-visible{outline:2px solid var(--ccb-accent);outline-offset:2px}.ccb-modal__actions{position:-webkit-sticky;position:sticky;bottom:-26px;display:flex;gap:10px;padding:14px 0 0;background:var(--ccb-bg)}.ccb-options{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-direction:column;gap:10px}.ccb-option{padding:14px 16px;border:1px solid var(--ccb-border);border-radius:11px;background:var(--ccb-surface)}.ccb-option__row{display:flex;align-items:center;gap:10px;cursor:pointer}.ccb-option__input{width:17px;height:17px;accent-color:var(--ccb-accent);cursor:pointer;flex:0 0 auto}.ccb-option__input:disabled{cursor:default;opacity:.65}.ccb-option__label{font-size:.925rem;font-weight:600}.ccb-option__badge{margin-left:auto;padding:2px 9px;border-radius:999px;background:color-mix(in srgb,var(--ccb-accent) 15%,transparent);color:var(--ccb-accent);font-size:.7rem;font-weight:700;white-space:nowrap}.ccb-option__desc{margin:7px 0 0 27px;font-size:.83rem;line-height:1.55;color:var(--ccb-muted)}.ccb-fab{position:fixed;display:grid;place-items:center;width:46px;height:46px;padding:11px;border:1px solid var(--ccb-border);border-radius:50%;background:var(--ccb-bg);color:var(--ccb-fg);box-shadow:var(--ccb-shadow);cursor:pointer;transition:transform .15s ease}.ccb-fab:hover{transform:scale(1.06)}.ccb-fab:focus-visible{outline:2px solid var(--ccb-accent);outline-offset:2px}.ccb-fab svg{width:100%;height:100%}.ccb-fab--top-left{top:18px;left:18px}.ccb-fab--top-right{top:18px;right:18px}.ccb-fab--bottom-left{bottom:18px;left:18px}.ccb-fab--bottom-right{bottom:18px;right:18px}@media(max-width:600px){.ccb-wrapper{inset:auto 0 0;padding:0}.ccb-banner,.ccb-wrapper--card .ccb-banner{max-width:none;border-radius:var(--ccb-radius) var(--ccb-radius) 0 0;border-bottom:none;padding:18px 16px calc(18px + env(safe-area-inset-bottom))}.ccb-banner__actions{flex-direction:column}.ccb-btn{width:100%}.ccb-modal{padding:0;align-items:flex-end}.ccb-modal__panel{max-width:none;max-height:88dvh;border-radius:var(--ccb-radius) var(--ccb-radius) 0 0;padding:22px 18px calc(22px + env(safe-area-inset-bottom))}.ccb-modal__actions{flex-direction:column-reverse;bottom:-22px}}: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)}