:root{--bg:#0f1117;--panel:#161b27;--border:#1e2535;--text:#e2e8f0;--muted:#64748b;--accent:#6366f1;--accent-fg:#ffffff;--accent-lo:#1e1f3a;--danger:#ef4444;--ok:#22c55e;--warn:#f59e0b;--code-bg:#0b0f18;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--text-xs:11px;--text-sm:12px;--text-base:13px;--text-md:14px;--text-lg:16px;--text-xl:20px;--text-2xl:28px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--ease-standard:cubic-bezier(0.4,0,0.2,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--dur-micro:140ms;--dur-entrance:240ms;--font-mono:ui-monospace,SFMono-Regular,Menlo,monospace}*{box-sizing:border-box}html{scrollbar-width:thin;scrollbar-color:var(--border) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--muted)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes spin{to{transform:rotate(1turn)}}.spin{display:inline-block;width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.72)}}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;animation:live-pulse 2s var(--ease-standard) infinite}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes panel-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:none}}@keyframes list-item-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.list-enter>*{animation:list-item-in var(--dur-entrance) var(--ease-standard) both}.list-enter>:first-child{animation-delay:0s}.list-enter>:nth-child(2){animation-delay:55ms}.list-enter>:nth-child(3){animation-delay:.11s}.list-enter>:nth-child(4){animation-delay:165ms}.list-enter>:nth-child(5){animation-delay:.22s}.list-enter>:nth-child(6){animation-delay:275ms}.list-enter>:nth-child(n+7){animation-delay:.32s}.overlay-in{animation:overlay-in var(--dur-micro) var(--ease-standard)}.panel-in{animation:panel-in var(--dur-entrance) var(--ease-standard)}.menu-in{animation:menu-in var(--dur-micro) var(--ease-standard);transform-origin:top right}.skel{border-radius:4px;background:var(--border);position:relative;overflow:hidden;flex-shrink:0}.skel:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05) 50%,transparent);animation:shimmer 1.8s ease-in-out infinite}.ambient{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.ambient-grid{position:absolute;inset:-40px;background-image:radial-gradient(circle,var(--border) 1px,transparent 1.5px);background-size:32px 32px;opacity:.5;will-change:transform;animation:ambient-drift 16s linear infinite}@keyframes ambient-drift{0%{transform:translateZ(0)}to{transform:translate3d(32px,32px,0)}}.ambient-glow{position:absolute;top:-12%;left:50%;width:620px;height:620px;margin-left:-310px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 22%,transparent),transparent 68%);filter:blur(40px);will-change:opacity,transform;animation:ambient-breathe 9s var(--ease-standard) infinite}@keyframes ambient-breathe{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.6;transform:scale(1.08)}}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.7}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:920px;margin:0 auto;padding:24px 20px 64px}.topbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:14px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 72%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-wrap:wrap;gap:8px 14px}.topbar .brand{font-weight:600;letter-spacing:.2px}.topbar .row{flex-wrap:wrap;justify-content:flex-end;row-gap:8px;margin-left:auto}.topbar .endpoint{color:var(--muted);font-size:var(--text-base);font-family:var(--font-mono);overflow-wrap:anywhere}.account-menu-item:hover{background:var(--accent-lo)}@media (max-width:600px){.topbar{padding:12px 16px}.topbar .row{flex-basis:100%;justify-content:space-between;margin-left:0}}@media (max-width:560px){.topbar .endpoint,.topbar .topbar-email{display:none}}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);padding:18px;margin-bottom:14px;transition:transform var(--dur-micro) var(--ease-standard),box-shadow var(--dur-micro) var(--ease-standard),border-color var(--dur-micro) var(--ease-standard)}a.card:hover,button.card:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 40%,var(--border));box-shadow:0 6px 20px rgba(0,0,0,.25);text-decoration:none}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}label{display:block;color:var(--muted);font-size:var(--text-base);margin:12px 0 4px}input{width:100%;background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:9px 11px;font-size:var(--text-md);transition:border-color var(--dur-micro) var(--ease-standard),box-shadow var(--dur-micro) var(--ease-standard)}input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 30%,transparent)}.btn,button{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--accent);color:var(--accent-fg);border:1px solid transparent;border-radius:var(--radius-sm);padding:9px 14px;font-weight:600;font-size:var(--text-md);line-height:1;cursor:pointer;text-decoration:none;white-space:nowrap;transition:transform var(--dur-micro) var(--ease-standard),box-shadow var(--dur-micro) var(--ease-standard),background var(--dur-micro) var(--ease-standard),border-color var(--dur-micro) var(--ease-standard)}.btn:hover:not(.is-disabled):not(.secondary):not(.danger),button:hover:not(:disabled):not(.secondary):not(.danger):not(.segmented-item){transform:translateY(-1px);box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 35%,transparent);text-decoration:none}.btn:active:not(.is-disabled),button:active:not(:disabled):not(.segmented-item){transform:translateY(0);box-shadow:none}.btn:hover{text-decoration:none}.btn:focus-visible,button:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 40%,transparent)}.btn.secondary:hover:not(.is-disabled),button.secondary:hover:not(:disabled){color:var(--text);border-color:var(--muted);background:var(--accent-lo)}.btn.danger:hover:not(.is-disabled),button.danger:hover:not(:disabled){border-color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent)}.btn.secondary,button.secondary{background:transparent;color:var(--muted);border-color:var(--border)}.btn.danger,button.danger{background:transparent;color:var(--danger);border-color:var(--border)}.btn-sm,button.btn-sm{padding:7px 12px;font-size:var(--text-base)}.btn.is-disabled,.btn:disabled,button:disabled{opacity:.5;cursor:default}.muted{color:var(--muted)}.error,.flash{display:flex;align-items:flex-start;gap:8px;margin:0 0 16px;padding:10px 12px;border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--text-base);line-height:1.5}.error:before,.flash:before{flex-shrink:0;font-weight:700;line-height:1.5}.error{color:#fca5a5;background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.35)}.error:before{content:"⚠"}.flash.ok{color:#86efac;background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.35)}.flash.ok:before{content:"✓"}.flash.info{color:#a5b4fc;background:rgba(99,102,241,.1);border-color:rgba(99,102,241,.35)}.flash.info:before{content:"i";font-style:italic}.section-label{font-weight:500;letter-spacing:.04em;text-transform:uppercase}.pill,.section-label{font-size:var(--text-sm);color:var(--muted)}.pill{display:inline-block;font-family:var(--font-mono);padding:1px 9px}.pill,.segmented{border:1px solid var(--border);border-radius:999px}.segmented{position:relative;display:inline-flex;background:var(--code-bg);padding:3px}.segmented-indicator{position:absolute;top:3px;bottom:3px;background:var(--accent);border-radius:999px;pointer-events:none;transition:left var(--dur-entrance) var(--ease-standard),width var(--dur-entrance) var(--ease-standard),opacity var(--dur-micro) var(--ease-standard)}.segmented-item{position:relative;z-index:1;background:transparent;border:none;border-radius:999px;color:var(--muted);font-size:var(--text-sm);font-weight:600;padding:5px 12px;cursor:pointer;white-space:nowrap;transition:color var(--dur-micro) var(--ease-standard)}.segmented-item.is-active{color:var(--accent-fg)}.segmented-item:hover:not(.is-active){color:var(--text)}h1{font-size:22px;margin:4px 0 18px}h2{font-size:var(--text-lg);margin:0 0 10px}