@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:dark;font-family:Poppins,Inter,system-ui,-apple-system,sans-serif;font-synthesis:none;text-rendering:optimizeSpeed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--g-bg: #02040B;--g-surface: #1C1E25;--g-surface-mid: #292b32;--g-surface-deep: rgba(10, 12, 20, .92);--g-input: #15171f;--g-accent: #2080FF;--g-accent-periwinkle:#4DA3FF;--g-periwinkle: #9BADFF;--g-green: #50F9AC;--g-teal: #62DDE8;--g-warn: #ffb347;--g-warn-text: #ffb347;--g-danger: #ff7b7b;--g-text: #f5f7ff;--g-tint-muted: #9CB8DE;--g-text-secondary: var(--g-tint-muted);--g-text-muted: var(--g-tint-muted);--g-text-label: var(--g-tint-muted);--g-border: rgba(32, 128, 255, .2);--g-border-mid: rgba(32, 128, 255, .3);--g-border-bright: rgba(32, 128, 255, .5);--g-border-input: #5A75A0;--g-shadow: 0 8px 32px rgba(31, 38, 135, .37);--g-shadow-deep: 0 24px 64px rgba(0, 0, 0, .5);--g-wordmark: linear-gradient(145deg, #006eff -20%, #00cfff 20%, #3ee878 72%, #76ff9b 100%);--g-wordmark-solid: #00cfff;--radius: 14px;--maxw: 1080px;--mono: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace}:root[data-theme=light]{color-scheme:light;color-scheme:only light;--g-bg: #F4F7FE;--g-surface: #FFFFFF;--g-surface-mid: #EAF0FB;--g-surface-deep: rgba(255, 255, 255, .94);--g-input: #FFFFFF;--g-accent: #1257D6;--g-accent-periwinkle:#1B6FE0;--g-periwinkle: #4C6AE0;--g-green: #0E9E68;--g-teal: #0E7490;--g-warn: #C77A12;--g-warn-text: #96560B;--g-danger: #b3261e;--g-text: #0B1020;--g-text-secondary: #495168;--g-text-muted: rgba(38, 58, 110, .85);--g-text-label: rgba(34, 62, 130, .85);--g-border: rgba(30, 90, 200, .16);--g-border-mid: rgba(30, 90, 200, .26);--g-border-bright: rgba(30, 90, 200, .42);--g-border-input: #738AB0;--g-shadow: 0 10px 30px rgba(30, 60, 130, .1);--g-shadow-deep: 0 24px 60px rgba(24, 46, 100, .16);--g-wordmark-solid: #006B83}body{font-family:Poppins,Inter,system-ui,-apple-system,sans-serif;background:var(--g-bg);color:var(--g-text);min-height:100vh;line-height:1.6;overflow-x:hidden;background-image:radial-gradient(circle at 12% -5%,rgba(32,128,255,.1),transparent 45%),radial-gradient(circle at 88% 8%,rgba(155,173,255,.06),transparent 40%),radial-gradient(circle at 78% 96%,rgba(80,249,172,.07),transparent 45%);background-attachment:fixed;background-repeat:no-repeat}[data-theme=light] body{background-image:radial-gradient(circle at 12% -5%,rgba(32,128,255,.08),transparent 45%),radial-gradient(circle at 88% 8%,rgba(120,150,255,.06),transparent 40%),radial-gradient(circle at 78% 96%,rgba(16,190,120,.07),transparent 45%)}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px}a{color:inherit;text-decoration:none}p a,li a,.fineprint a,.docs a{color:var(--g-accent-periwinkle)}p a:hover,li a:hover,.docs a:hover{text-decoration:underline}h1,h2,h3{line-height:1.2;letter-spacing:-.01em}h1{font-size:clamp(1.75rem,1.2rem + 2vw,2.5rem);font-weight:700}h2{font-size:1.25rem;font-weight:600}h3{font-size:1rem;font-weight:600}code,.mono{font-family:var(--mono);font-size:.875em}.brand-name{color:#fff}[data-theme=light] .brand-name{color:var(--g-text)}.product-name{background-image:var(--g-wordmark);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0px 1px 1px rgba(0,0,0,.25)) drop-shadow(0px 0px 8px rgba(0,191,255,.18))}[data-theme=light] .product-name{background-image:none;-webkit-text-fill-color:var(--g-wordmark-solid);color:var(--g-wordmark-solid);filter:none}.brand-tile{flex:none;display:inline-flex;align-items:center;justify-content:center;border-radius:22%;background:linear-gradient(150deg,#0c1322,#080a12);border:1px solid rgba(121,149,255,.18);box-shadow:inset 0 1px #ffffff0d,0 4px 14px #00000080}.brand-tile img{display:block;filter:drop-shadow(0 2px 7px rgba(0,0,0,.45))}a:hover>.brand-tile,a:focus-visible>.brand-tile{border-color:#4da3ff8c;box-shadow:inset 0 1px #ffffff0d,0 4px 14px #00000080,0 0 0 1.5px #4da3ffb3,0 0 20px 4px #4da3ff61}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border:1px solid transparent;border-radius:12px;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:600;letter-spacing:.02em;white-space:nowrap;transition:all .2s ease}.btn:focus-visible{outline:2px solid var(--g-accent-periwinkle);outline-offset:2px}.btn:disabled{opacity:.45;cursor:default;transform:none;box-shadow:none}.btn[hidden]{display:none}.btn-primary{background:linear-gradient(135deg,#50f9ac38,#50f9ac1f);border-color:var(--g-green);color:var(--g-green)}.btn-primary:not(:disabled):hover{background:linear-gradient(135deg,#50f9ac52,#50f9ac2e);color:#fff;transform:translateY(-1px);box-shadow:0 6px 18px #50f9ac2e}.btn-secondary{background:var(--g-surface-mid);border-color:var(--g-border-input);color:var(--g-text)}.btn-secondary:not(:disabled):hover{border-color:var(--g-accent-periwinkle);background:linear-gradient(135deg,#4da3ff2e,#2080ff1a);color:var(--g-accent-periwinkle);transform:translateY(-1px)}.btn-ghost{background:transparent;border-color:var(--g-border-input);color:var(--g-text-secondary)}.btn-ghost:not(:disabled):hover{border-color:var(--g-accent-periwinkle);color:var(--g-text)}.btn-danger{background:transparent;border-color:#ff7b7b80;color:var(--g-danger)}.btn-danger:not(:disabled):hover{background:#ff7b7b1f;border-color:var(--g-danger)}.btn-small{padding:7px 12px;font-size:.8125rem;border-radius:999px}.btn .arrow{transition:transform .2s ease}.btn:hover .arrow{transform:translate(3px)}[data-theme=light] .btn-primary{background:linear-gradient(135deg,#0b7d52,#0a6b46);border-color:#0a6b46;color:#fff}[data-theme=light] .btn-primary:not(:disabled):hover{background:linear-gradient(135deg,#0a6b46,#08583a);border-color:#08583a;color:#fff;box-shadow:0 6px 18px #0a6b464d}[data-theme=light] .btn-secondary{background:linear-gradient(135deg,#2668cf,#1150c2);border-color:#1150c2;color:#fff}[data-theme=light] .btn-secondary:not(:disabled):hover{background:linear-gradient(135deg,#205cc0,#0d43a6);border-color:#0d43a6;color:#fff;box-shadow:0 6px 18px #1257d642}[data-theme=light] .btn-ghost{background:#ffffffb3;border-color:var(--g-border-input);color:var(--g-text)}[data-theme=light] .btn-ghost:not(:disabled):hover{border-color:var(--g-accent-periwinkle);color:var(--g-accent);background:#fff}.nav{position:sticky;top:0;z-index:100;background:#02040bb8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--g-border)}[data-theme=light] .nav{background:#ffffffb8}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:68px;gap:22px;max-width:none}.nav-brand{display:flex;align-items:center;gap:.55em;font-size:1.375rem;font-weight:700;letter-spacing:.03em}.nav-brand .brand-tile{width:2.55em;height:2.55em}.nav-brand .brand-tile img{width:1.95em;height:1.95em}.nav-brand .product-name{font-weight:700}.nav-links{display:flex;align-items:center;gap:4px}.nav-link{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:10px;font-size:.9375rem;font-weight:500;color:var(--g-text-secondary);transition:color .15s ease,background .15s ease}.nav-link:hover{color:var(--g-text);background:#4da3ff1f}.nav-link.is-active{color:var(--g-text)}.nav-link.is-signed-in{color:var(--g-accent-periwinkle)}.theme-toggle{width:42px;height:42px;margin-left:6px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--g-border-input);border-radius:10px;background:transparent;color:var(--g-text-secondary);cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease}.theme-toggle:hover{border-color:var(--g-accent-periwinkle);color:var(--g-accent-periwinkle)}.theme-toggle svg{width:18px;height:18px}.theme-toggle .icon-sun,[data-theme=light] .theme-toggle .icon-moon{display:none}[data-theme=light] .theme-toggle .icon-sun{display:inline-flex}.page{width:100%;max-width:var(--maxw);margin:0 auto;padding:40px 24px 72px}.page.narrow-page{max-width:720px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px;flex-wrap:wrap}.page-head h1{margin:2px 0 4px}.eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--g-accent-periwinkle)}[data-theme=light] .eyebrow{color:#1257d6}.muted{color:var(--g-text-secondary);font-size:.9375rem}.small{font-size:.8125rem}.card{border:1px solid var(--g-border);border-radius:18px;background:var(--g-surface-deep);box-shadow:var(--g-shadow);padding:24px;margin-bottom:20px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;flex-wrap:wrap}.card-head h2{display:flex;align-items:center;gap:8px}.card-head h2 svg{width:18px;height:18px;color:var(--g-accent-periwinkle)}.stack{display:flex;flex-direction:column;gap:14px}.row-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.auth-loading{color:var(--g-text-muted);font-size:.875rem;padding:30px 0;text-align:center}.notice{padding:12px 14px;border-radius:12px;border:1px solid var(--g-border-mid);background:#4da3ff14;font-size:.875rem}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:.8125rem;font-weight:500;color:var(--g-text-label)}.field label .opt{font-weight:400;color:var(--g-text-muted);margin-left:6px}.field input,.field select,.field textarea{font:inherit;font-size:.9375rem;padding:11px 13px;border-radius:10px;border:1px solid var(--g-border-input);background:var(--g-input);color:var(--g-text);width:100%}.field textarea{resize:vertical;min-height:84px}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--g-accent-periwinkle);outline-offset:1px}.field[hidden]{display:none}.form-help{font-size:.8125rem;color:var(--g-text-muted);line-height:1.5}.checkbox{display:flex;align-items:flex-start;gap:10px;font-size:.875rem;color:var(--g-text-secondary);cursor:pointer}.checkbox input{margin-top:5px;accent-color:var(--g-accent-periwinkle);width:16px;height:16px;flex:none}.form-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.auth-status{margin:12px 0 0;font-size:.875rem;color:var(--g-text-secondary)}.auth-error{margin:0;padding:10px 14px;border-radius:12px;font-size:.875rem;text-align:left;border:1px solid rgba(255,99,99,.4);background:#ff63631a;color:#ff9c9c}[data-theme=light] .auth-error{color:#b3261e;background:#b3261e12;border-color:#b3261e4d}.auth-status[hidden],.auth-error[hidden]{display:none}.ok-line{color:var(--g-green);font-size:.875rem}.hero{padding:56px 0 36px;max-width:760px}.hero h1{font-size:clamp(2rem,1.3rem + 3vw,3.25rem);margin:12px 0 16px}.hero-sub{font-size:1.125rem;color:var(--g-text-secondary);max-width:620px}.hero-cta{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}.features{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:24px 0 28px}.feature{padding:22px;border:1px solid var(--g-border);border-radius:16px;background:linear-gradient(160deg,#1c1e25e6,#0a0c14e6)}[data-theme=light] .feature{background:linear-gradient(160deg,#fff,#f1f5fe)}.feature h3{margin-bottom:8px}.feature p{font-size:.9375rem;color:var(--g-text-secondary)}.feature-icon{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;margin-bottom:12px;background:#4da3ff24;color:var(--g-accent-periwinkle)}.feature-icon svg{width:18px;height:18px}.landing .card h2{margin-bottom:12px}.status-strip{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.chip{font-size:.75rem;font-weight:600;letter-spacing:.04em;padding:5px 10px;border-radius:999px;border:1px solid var(--g-border-mid);color:var(--g-text-secondary)}.chip-live{border-color:#50f9ac80;color:var(--g-green)}.chip-soon{border-color:#ffb34780;color:var(--g-warn-text)}.code{font-family:var(--mono);font-size:.8125rem;line-height:1.6;padding:14px 16px;border-radius:12px;overflow-x:auto;background:#0b0e17;color:#dfe7ff;border:1px solid var(--g-border);white-space:pre}[data-theme=light] .code{background:#0f172a;color:#e2e8f0}.code .c{color:#8fa3c7}.inline-code{font-family:var(--mono);font-size:.8125em;padding:2px 6px;border-radius:6px;background:var(--g-surface-mid);border:1px solid var(--g-border)}.key-list{list-style:none;display:flex;flex-direction:column;gap:10px}.key-row{display:grid;grid-template-columns:1fr auto;gap:6px 16px;align-items:center;padding:12px 14px;border:1px solid var(--g-border);border-radius:12px;background:var(--g-surface)}.key-row--expired,.key-row--revoked{opacity:.72}.key-main{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.key-name{font-weight:600;font-size:.9375rem}.key-meta{grid-column:1;font-size:.8125rem;color:var(--g-text-secondary);display:flex;gap:8px;flex-wrap:wrap}.key-meta .mono{color:var(--g-text)}.key-actions{grid-row:1 / span 2;grid-column:2;display:flex;gap:8px;align-items:center}.badge{font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:999px;border:1px solid}.badge-active{color:var(--g-green);border-color:#50f9ac80}.badge-expired{color:var(--g-warn-text);border-color:#ffb34780}.badge-revoked{color:var(--g-text-muted);border-color:var(--g-border-mid)}.key-create{display:grid;grid-template-columns:1.4fr 1fr auto;gap:12px;align-items:end;margin-top:18px;padding-top:18px;border-top:1px solid var(--g-border)}.key-create .field-date{grid-column:1 / -1;max-width:260px}.key-create .btn{height:44px}.key-limit{grid-column:1 / -1}.reveal{margin-top:16px;padding:18px;border-radius:14px;border:1px solid rgba(80,249,172,.5);background:#50f9ac12}.reveal-title{font-weight:600;margin-bottom:4px}.reveal-row{display:flex;gap:10px;align-items:center;margin:12px 0;flex-wrap:wrap}.reveal-key{flex:1;min-width:240px;font-family:var(--mono);font-size:.875rem;padding:11px 13px;border-radius:10px;background:var(--g-input);border:1px solid var(--g-border-input);word-break:break-all;-webkit-user-select:all;user-select:all}.reveal .btn{height:42px}.usage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.usage-stat{padding:14px 16px;border-radius:12px;border:1px solid var(--g-border);background:var(--g-surface)}.usage-num{font-size:1.5rem;font-weight:700;line-height:1.1}.usage-label{font-size:.75rem;color:var(--g-text-secondary);margin-top:4px}.bars{display:flex;align-items:flex-end;gap:3px;height:54px;margin-top:14px}.bar{flex:1;min-width:4px;background:linear-gradient(180deg,var(--g-accent-periwinkle),var(--g-accent));border-radius:3px 3px 0 0;opacity:.85}.bar-empty{background:var(--g-border-mid)}.auth-passkey-list{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.auth-passkey{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--g-border);border-radius:12px;background:var(--g-surface)}.auth-passkey-copy{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}.auth-passkey-label{font-size:.9375rem;font-weight:500}.auth-passkey-meta{font-size:.75rem;color:var(--g-text-secondary)}.dl{display:grid;grid-template-columns:160px 1fr;gap:8px 16px;font-size:.9375rem}.dl dt{color:var(--g-text-secondary)}.dl dd{word-break:break-word}.auth-main{min-height:calc(100vh - 180px);display:flex;align-items:center;justify-content:center;padding:60px 20px}.auth-card{width:100%;max-width:460px;text-align:center;padding:44px 38px;border:1px solid var(--g-border);border-radius:20px;background:var(--g-surface-deep);box-shadow:var(--g-shadow)}.auth-card>.brand-tile{width:96px;height:96px}.auth-card>.brand-tile img{width:72px;height:72px}.auth-card h1{font-size:1.5rem;margin:18px 0 10px}.auth-sub{font-size:.9375rem;color:var(--g-text-secondary);margin-bottom:26px}.auth-card .auth-error{margin-bottom:18px}.btn-google{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:13px 18px;border-radius:999px;background:#fff;color:#1f1f1f;font-weight:600;font-size:.9375rem;border:1px solid rgba(0,0,0,.15);transition:transform .15s ease,box-shadow .15s ease}.btn-google:hover{transform:translateY(-1px);box-shadow:0 6px 18px #00000040}.btn-google svg{width:18px;height:18px;flex:none}.btn-passkey{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:10px;padding:13px 18px;border-radius:999px;background:var(--g-surface);color:var(--g-text);font:inherit;font-weight:600;font-size:.9375rem;border:1px solid var(--g-border-bright);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.btn-passkey:hover:not(:disabled){transform:translateY(-1px);border-color:var(--g-accent-periwinkle);box-shadow:0 6px 18px #00000040}.btn-passkey:disabled{opacity:.55;cursor:default}.btn-passkey[hidden]{display:none}.btn-passkey svg{width:18px;height:18px;flex:none}.auth-fineprint{margin-top:22px;font-size:.75rem;line-height:1.55;color:var(--g-text-muted)}.dev-login{margin-top:18px;padding:12px;border:1px dashed var(--g-border-mid);border-radius:12px;text-align:left}.dev-login summary{cursor:pointer;font-size:.8125rem;color:var(--g-warn-text)}.dev-login form{display:flex;gap:8px;margin-top:10px}.dev-login input{flex:1;font:inherit;font-size:.875rem;padding:9px 11px;border-radius:9px;border:1px solid var(--g-border-input);background:var(--g-input);color:var(--g-text)}.docs{max-width:820px}.docs h2{margin:34px 0 12px;padding-top:8px}.docs h3{margin:22px 0 8px}.docs p,.docs li{font-size:.9375rem;color:var(--g-text-secondary)}.docs p{margin:0 0 14px}.docs ol{padding-left:22px}.docs ol>li{margin:0 0 8px}.docs li>p{margin:6px 0}.docs p strong,.docs li strong{color:var(--g-text)}.docs ul{padding-left:20px;display:flex;flex-direction:column;gap:6px}.docs .code{margin:12px 0}.docs table{width:100%;border-collapse:collapse;font-size:.875rem;margin:12px 0}.docs th,.docs td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--g-border);vertical-align:top}.docs th{color:var(--g-text-label);font-weight:600;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}.docs td:first-child{white-space:nowrap}.endpoint{display:flex;align-items:center;gap:10px;margin:18px 0 8px;flex-wrap:wrap}.method{font-family:var(--mono);font-size:.75rem;font-weight:700;padding:3px 8px;border-radius:6px;background:#50f9ac26;color:var(--g-green);border:1px solid rgba(80,249,172,.4)}.path{font-family:var(--mono);font-size:.9375rem;color:var(--g-text)}.toc{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 6px}.toc a{font-size:.8125rem;padding:5px 10px;border-radius:999px;border:1px solid var(--g-border-mid);color:var(--g-text-secondary)}.toc a:hover{color:var(--g-text);border-color:var(--g-accent-periwinkle);text-decoration:none}.legal{max-width:760px}.legal h2{margin:28px 0 8px;font-size:1.125rem}.legal p,.legal li{font-size:.9375rem;color:var(--g-text-secondary)}.legal ol{padding-left:22px;display:flex;flex-direction:column;gap:8px}.draft{display:inline-block;margin-bottom:14px}.footer{border-top:1px solid var(--g-border);padding:24px 0 40px;margin-top:24px}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;font-size:.8125rem;color:var(--g-text-secondary)}.footer-links{display:flex;gap:18px}.footer-links a:hover{color:var(--g-text)}.nav-link{white-space:nowrap}@media(max-width:720px){.features,.row-2,.key-create,.key-row{grid-template-columns:1fr}.key-actions{grid-row:auto;grid-column:1}.dl{grid-template-columns:1fr;gap:2px 0}.dl dt{margin-top:8px}.nav-inner{gap:10px;padding:0 14px}.nav-links{gap:0;flex:none}.nav-link{padding:9px 8px;font-size:.875rem}.nav-brand{font-size:1.125rem;gap:.45em;min-width:0}.theme-toggle{width:38px;height:38px;margin-left:2px}.auth-card{padding:34px 22px}.page{padding:28px 16px 56px}}@media(max-width:640px){.nav-links .nav-link:nth-child(-n+2){display:none}}@media(max-width:480px){.nav-brand .brand-tile{width:2.2em;height:2.2em}.nav-brand .brand-tile img{width:1.7em;height:1.7em}}.row-key{display:flex;gap:10px}.row-key input{flex:1;font:inherit;font-family:var(--mono);font-size:.875rem;padding:11px 13px;border-radius:10px;border:1px solid var(--g-border-input);background:var(--g-input);color:var(--g-text)}.row-key input:focus{outline:2px solid var(--g-accent-periwinkle);outline-offset:1px}.tabs{display:flex;gap:6px;margin:4px 0 14px}.tab{font:inherit;font-size:.875rem;font-weight:600;padding:9px 14px;border-radius:999px;border:1px solid var(--g-border-mid);background:transparent;color:var(--g-text-secondary);cursor:pointer}.tab.is-active{color:var(--g-text);border-color:var(--g-accent-periwinkle);background:#4da3ff1f}.seg{display:inline-flex;border:1px solid var(--g-border-input);border-radius:10px;overflow:hidden}.seg-btn{font:inherit;font-size:.875rem;padding:10px 14px;border:0;background:transparent;color:var(--g-text-secondary);cursor:pointer}.seg-btn+.seg-btn{border-left:1px solid var(--g-border-input)}.seg-btn.is-active{background:#4da3ff24;color:var(--g-text)}.stage{position:relative;width:100%;max-width:560px;aspect-ratio:4 / 3;margin:18px 0 8px;border-radius:14px;overflow:hidden;background:#000;border:1px solid var(--g-border)}.stage video,.stage canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.stage.mirror video,.stage.mirror canvas{transform:scaleX(-1)}.stage-badge{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:4rem;font-weight:700;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.7);pointer-events:none}.stage-badge[hidden]{display:none}.pg-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}.pg-actions[hidden]{display:none}.result{margin-top:16px;padding:18px;border-radius:14px;border:1px solid var(--g-border-mid);background:var(--g-surface)}.result-head{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:10px}.result-tier{font-size:1.25rem;font-weight:700}.result-score{font-size:1.75rem;font-weight:700}.result-of{font-size:.875rem;font-weight:500;color:var(--g-text-secondary)}.result-excellent,.result-good{border-color:#50f9ac80}.result-excellent .result-tier,.result-good .result-tier{color:var(--g-green)}.result-okay{border-color:#ffb34780}.result-okay .result-tier{color:var(--g-warn-text)}.result-not-quite{border-color:#ff7b7b80}.result-not-quite .result-tier{color:var(--g-danger)}.comp-list{list-style:none;display:flex;flex-direction:column;gap:8px;margin:8px 0 12px}.comp{display:flex;gap:10px;font-size:.9375rem}.comp-mark{flex:none;width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.8125rem;font-weight:700}.comp-ok .comp-mark{background:#50f9ac2e;color:var(--g-green)}.comp-fix .comp-mark{background:#ff7b7b2e;color:var(--g-danger)}.comp-bullets{margin:4px 0 0;padding-left:18px;font-size:.875rem;color:var(--g-text-secondary)}.raw summary{cursor:pointer;font-size:.8125rem;color:var(--g-text-secondary)}.raw .code{margin-top:8px;max-height:320px;overflow:auto}.pg-video{display:block;width:100%;max-width:360px;border-radius:12px;background:#080c16;margin:10px 0 14px}.docs-tools{position:sticky;z-index:50;display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:4px 0 18px;padding:10px 0;background:var(--g-bg);border-bottom:1px solid var(--g-border)}.docs-tools input[type=search]{flex:1 1 220px;min-width:160px;font:inherit;font-size:.9375rem;padding:9px 12px;border-radius:10px;border:1px solid var(--g-border-input);background:var(--g-input);color:var(--g-text)}.docs-tools input[type=search]:focus{outline:none;border-color:var(--g-accent-periwinkle);box-shadow:0 0 0 3px #4da3ff2e}.docs-tools .seg{display:inline-flex;border:1px solid var(--g-border-input);border-radius:10px;overflow:hidden}.docs-tools .seg-btn{padding:8px 14px}.docs-hits{font-size:.8125rem;color:var(--g-text-secondary)}.docs-hits[hidden]{display:none}mark.docs-mark{background:#ffb34759;color:inherit;border-radius:3px;padding:0 1px}.docs .platform{position:relative;margin:26px 0;padding:6px 0 4px 20px;border-left:3px solid var(--g-border-bright)}.docs .platform-web{border-color:var(--g-accent-periwinkle)}.docs .platform-ios{border-color:var(--g-teal)}.docs .platform-android{border-color:var(--g-green)}.docs .platform h3{margin-top:6px}.platform-chip{display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:3px 10px;border-radius:999px;color:var(--g-bg)}.platform-web .platform-chip{background:var(--g-accent-periwinkle)}.platform-ios .platform-chip{background:var(--g-teal)}.platform-android .platform-chip{background:var(--g-green)}.docs tr[hidden]{display:none}.docs .toc a.is-active{color:var(--g-text);border-color:var(--g-accent-periwinkle);background:#4da3ff24}.docs .platform[hidden],.docs .platform h3[hidden]{display:none}.readme .page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.readme .page-head .pg-actions{margin-top:6px}.md-body h1{font-size:1.5rem;margin:24px 0 10px}.md-body h2{margin:30px 0 10px;padding-top:6px;font-size:1.25rem}.md-body h3{margin:20px 0 8px;font-size:1.05rem}.md-body pre{margin:12px 0;padding:14px 16px;border-radius:12px;border:1px solid var(--g-border);background:var(--g-surface);overflow-x:auto;font-family:var(--mono);font-size:.8125rem;line-height:1.55;color:var(--g-text)}.md-body pre code{background:none;padding:0;border:0;font-size:inherit}.md-body code{font-family:var(--mono);font-size:.8125rem;padding:1px 6px;border-radius:6px;background:var(--g-surface-mid);color:var(--g-text)}.md-body ul,.md-body ol{margin:0 0 14px}.md-body li{margin:0 0 6px}.md-body blockquote{margin:12px 0;padding:6px 14px;border-left:3px solid var(--g-border-bright);color:var(--g-text-secondary)}.md-body table{margin:14px 0}.md-body td:first-child{white-space:normal}.md-body a{color:var(--g-accent-periwinkle)}.md-body hr{border:0;border-top:1px solid var(--g-border);margin:20px 0}.to-top{position:fixed;right:28px;bottom:28px;z-index:90;width:46px;height:46px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--g-text);background:#1c1e2573;border:1px solid var(--g-border-mid);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .25s ease,transform .25s ease,background .2s ease,border-color .2s ease}.to-top.show{opacity:1;transform:none;pointer-events:auto}.to-top:hover{background:#4da3ff40;border-color:var(--g-border-bright)}.to-top svg{width:19px;height:19px}[data-theme=light] .to-top{background:#ffffff8c}[data-theme=light] .to-top:hover{background:#1b6fe029}@media(max-width:640px){.to-top{right:16px;bottom:16px;width:42px;height:42px}}.footer-inner{padding-right:96px}@media(max-width:640px){.footer-inner{padding-right:74px}}.scroll-veil{position:fixed;inset:0;z-index:89;pointer-events:none;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);transition:-webkit-backdrop-filter .3s ease,backdrop-filter .3s ease}.scroll-veil.on{-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px);transition-duration:.12s}@media(prefers-reduced-motion:reduce){.to-top{transform:none;transition:opacity .2s ease}.scroll-veil{display:none}}
