:root{--ink-950:#06080f;--ink-900:#080b1a;--ink-850:#0a0f22;--ink-800:#0e1326;--ink-750:#141a33;--ink-700:#1b2240;--ink-650:#222a4b;--ink-600:#2c3556;--ink-500:#3c4569;--ink-400:#5a6488;--ink-300:#828cad;--ink-250:#9aa3c2;--ink-200:#b6bdd6;--ink-150:#d2d7e6;--ink-100:#e6e9f2;--ink-50:#f1f3f9;--paper:#fafaf5;--paper-dim:#e9e9e0;--amber-100:#fff3cc;--amber-200:#ffe79a;--amber-300:#ffda63;--amber-400:#f9cf3f;--amber-500:#f4c430;--amber-600:#d4a20f;--amber-700:#a87d08;--amber-800:#7a5a06;--violet-200:#cdcaff;--violet-300:#a7a2ff;--violet-400:#7c76ff;--violet-500:#4f46ff;--violet-600:#3f37e0;--violet-700:#322bb8;--violet-800:#241f87;--green-400:#4ade80;--green-500:#2fbf71;--green-600:#1f9d5b;--red-400:#f87171;--red-500:#ef4444;--red-600:#cf3030;--blue-400:#7c76ff;--amber-glow:240 196 48;--violet-glow:79 70 255;--r-xs:6px;--r-sm:9px;--r-md:12px;--r-lg:16px;--r-xl:22px;--r-2xl:30px;--r-pill:999px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--s-12:48px;--s-16:64px;--s-20:80px;--s-24:96px;--s-32:128px;--font-display:"Space Grotesk", "Inter", system-ui, sans-serif;--font-ui:"Space Grotesk", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--ease:cubic-bezier(.2,.7,.2,1);--ease-out:cubic-bezier(.16,1,.3,1);--dur:.22s}:root,[data-theme=dark]{--bg: var(--ink-900);--bg-grad-a: #0b1024;--bg-grad-b: #080b1a;--surface: var(--ink-800);--surface-2: var(--ink-750);--surface-3: var(--ink-700);--surface-inset:#0a0e20;--border: rgba(255,255,255,.08);--border-2: rgba(255,255,255,.14);--border-strong:rgba(255,255,255,.22);--text: var(--paper);--text-2: var(--ink-200);--text-muted: var(--ink-300);--text-subtle: var(--ink-400);--primary: var(--violet-500);--primary-2: var(--violet-400);--primary-hover:var(--violet-600);--on-primary: #fff;--primary-soft: rgba(124,118,255,.14);--primary-ring: rgba(124,118,255,.45);--accent: var(--amber-500);--accent-hover: var(--amber-400);--on-accent: var(--ink-900);--accent-soft: rgba(244,196,48,.13);--success:var(--green-400);--success-soft:rgba(74,222,128,.13);--danger:var(--red-500);--danger-soft:rgba(239,68,68,.13);--warning:var(--amber-500);--warning-soft:rgba(244,196,48,.13);--field-bg: rgba(255,255,255,.04);--field-bg-hover:rgba(255,255,255,.06);--field-border: rgba(255,255,255,.12);--shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow-md:0 8px 24px -8px rgba(0,0,0,.6);--shadow-lg:0 24px 60px -16px rgba(0,0,0,.7);--shadow-pop:0 16px 40px -12px rgba(0,0,0,.7), 0 0 0 1px var(--border);color-scheme:dark}[data-theme=light]{--bg: #f4f5fa;--bg-grad-a: #f7f8fc;--bg-grad-b: #eef0f7;--surface: #ffffff;--surface-2: #ffffff;--surface-3: #f5f6fb;--surface-inset:#f0f2f8;--border: rgba(20,26,51,.1);--border-2: rgba(20,26,51,.16);--border-strong:rgba(20,26,51,.26);--text: var(--ink-900);--text-2: var(--ink-700);--text-muted: var(--ink-400);--text-subtle: var(--ink-300);--primary: var(--violet-500);--primary-2: var(--violet-600);--primary-hover:var(--violet-600);--on-primary: #fff;--primary-soft: rgba(79,70,255,.08);--primary-ring: rgba(79,70,255,.3);--accent: var(--amber-500);--accent-hover: var(--amber-600);--on-accent: var(--ink-900);--accent-soft: rgba(244,196,48,.18);--success:var(--green-600);--success-soft:rgba(31,157,91,.12);--danger:var(--red-600);--danger-soft:rgba(207,48,48,.1);--warning:var(--amber-600);--warning-soft:rgba(212,162,15,.14);--field-bg: #ffffff;--field-bg-hover:#fbfbfe;--field-border: rgba(20,26,51,.16);--shadow-sm:0 1px 2px rgba(20,26,51,.06);--shadow-md:0 10px 30px -12px rgba(20,26,51,.18);--shadow-lg:0 30px 70px -24px rgba(20,26,51,.26);--shadow-pop:0 18px 44px -14px rgba(20,26,51,.22), 0 0 0 1px var(--border);color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-ui);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"ss01","cv01"}::selection{background:rgba(var(--amber-glow),.32);color:var(--text)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--primary-2);outline-offset:2px;border-radius:4px}.mono{font-family:var(--font-mono)}.eyebrow{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);display:inline-flex;align-items:center;gap:8px}.eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}.eyebrow.v:before{background:var(--primary-2)}.btn{--bh:44px;display:inline-flex;align-items:center;justify-content:center;gap:9px;height:var(--bh);padding:0 18px;border-radius:var(--r-md);font-family:var(--font-ui);font-size:14.5px;font-weight:600;letter-spacing:-.01em;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:transform var(--dur) var(--ease),background var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),color var(--dur);user-select:none}.btn:active{transform:translateY(1px) scale(.99)}.btn svg{width:17px;height:17px}.btn--primary{background:var(--primary);color:var(--on-primary);box-shadow:0 6px 18px -8px var(--primary-ring)}.btn--primary:hover{background:var(--primary-hover);box-shadow:0 10px 26px -10px var(--primary-ring)}.btn--accent{background:var(--accent);color:var(--on-accent)}.btn--accent:hover{background:var(--accent-hover)}.btn--ghost{background:transparent;color:var(--text);border-color:var(--border-2)}.btn--ghost:hover{background:var(--field-bg-hover);border-color:var(--border-strong)}.btn--soft{background:var(--primary-soft);color:var(--primary-2)}.btn--soft:hover{background:#7c76ff38}.btn--quiet{background:transparent;color:var(--text-muted);height:38px;padding:0 12px}.btn--quiet:hover{background:var(--field-bg-hover);color:var(--text)}.btn--danger{background:var(--danger-soft);color:var(--danger);border-color:transparent}.btn--danger:hover{background:var(--danger);color:#fff}.btn--sm{--bh:36px;font-size:13.5px;padding:0 13px;border-radius:var(--r-sm)}.btn--lg{--bh:52px;font-size:16px;padding:0 26px;border-radius:var(--r-lg)}.btn--icon{width:var(--bh);padding:0}.btn[disabled]{opacity:.45;pointer-events:none}.field{display:flex;flex-direction:column;gap:7px}.field>label{font-size:13px;font-weight:600;color:var(--text-2);letter-spacing:-.01em}.input{height:46px;padding:0 14px;width:100%;background:var(--field-bg);border:1px solid var(--field-border);border-radius:var(--r-md);color:var(--text);font:inherit;font-size:14.5px;transition:border-color var(--dur),box-shadow var(--dur),background var(--dur)}.input::placeholder{color:var(--text-subtle)}.input:hover{background:var(--field-bg-hover)}.input:focus{outline:none;border-color:var(--primary-2);box-shadow:0 0 0 4px var(--primary-soft)}.input-wrap{position:relative;display:flex;align-items:center}.input-wrap .ic{position:absolute;left:14px;color:var(--text-subtle);pointer-events:none;display:flex}.input-wrap .ic svg{width:18px;height:18px}.input-wrap .input{padding-left:42px}textarea.input{height:auto;padding:12px 14px;resize:vertical;min-height:96px;line-height:1.5}.select{position:relative;display:inline-flex;width:100%}.select select{appearance:none;-webkit-appearance:none;height:46px;width:100%;padding:0 42px 0 14px;background:var(--field-bg);border:1px solid var(--field-border);border-radius:var(--r-md);color:var(--text);font:inherit;font-size:14.5px;cursor:pointer;transition:border-color var(--dur),box-shadow var(--dur),background var(--dur)}.select select:hover{background:var(--field-bg-hover)}.select select:focus{outline:none;border-color:var(--primary-2);box-shadow:0 0 0 4px var(--primary-soft)}.select:after{content:"";position:absolute;right:16px;top:50%;width:9px;height:9px;border-right:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted);transform:translateY(-65%) rotate(45deg);pointer-events:none}.seg{position:relative;display:inline-flex;padding:4px;gap:2px;background:var(--surface-inset);border:1px solid var(--border);border-radius:var(--r-pill)}.seg__thumb{position:absolute;top:4px;bottom:4px;left:0;width:0;background:var(--surface);border-radius:var(--r-pill);box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease-out),width var(--dur) var(--ease-out);z-index:0}[data-theme=light] .seg__thumb{background:#fff;box-shadow:0 1px 3px #141a3324}.seg button{position:relative;z-index:1;border:0;background:transparent;cursor:pointer;height:36px;padding:0 18px;border-radius:var(--r-pill);font:inherit;font-size:13.5px;font-weight:600;color:var(--text-muted);transition:color var(--dur);white-space:nowrap}.seg button[aria-selected=true]{color:var(--text)}.seg--accent .seg__thumb{background:var(--accent)}.seg--accent button[aria-selected=true]{color:var(--on-accent)}.switch{position:relative;display:inline-flex;align-items:center;gap:11px;cursor:pointer;user-select:none}.switch input{position:absolute;opacity:0;width:0;height:0}.switch .track{width:46px;height:27px;border-radius:var(--r-pill);background:var(--surface-inset);border:1px solid var(--border-2);transition:background var(--dur),border-color var(--dur);position:relative;flex:none}.switch .track:after{content:"";position:absolute;top:2px;left:2px;width:21px;height:21px;border-radius:50%;background:var(--text-muted);transition:transform var(--dur) var(--ease-out),background var(--dur)}.switch input:checked+.track{background:var(--primary);border-color:transparent}.switch input:checked+.track:after{transform:translate(19px);background:#fff}.switch .lbl{font-size:14px;color:var(--text-2)}.check,.radio{display:inline-flex;align-items:center;gap:11px;cursor:pointer;user-select:none;font-size:14px;color:var(--text-2)}.check input,.radio input{position:absolute;opacity:0;width:0;height:0}.check .box{width:22px;height:22px;border-radius:7px;border:1.5px solid var(--border-strong);background:var(--field-bg);display:grid;place-items:center;transition:all var(--dur);flex:none}.check .box svg{width:13px;height:13px;stroke:#fff;stroke-width:3;opacity:0;transform:scale(.4);transition:all var(--dur)}.check input:checked+.box{background:var(--primary);border-color:transparent}.check input:checked+.box svg{opacity:1;transform:scale(1)}.radio .dot{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--border-strong);background:var(--field-bg);display:grid;place-items:center;transition:all var(--dur);flex:none}.radio .dot:after{content:"";width:9px;height:9px;border-radius:50%;background:var(--primary);transform:scale(0);transition:transform var(--dur) var(--ease-out)}.radio input:checked+.dot{border-color:var(--primary)}.radio input:checked+.dot:after{transform:scale(1)}.chip{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 13px;border-radius:var(--r-pill);border:1px solid var(--border-2);background:var(--field-bg);font-size:13px;font-weight:500;color:var(--text-2);cursor:pointer;transition:all var(--dur)}.chip:hover{border-color:var(--border-strong);color:var(--text)}.chip[aria-pressed=true]{background:var(--primary-soft);border-color:transparent;color:var(--primary-2)}.chip .x{opacity:.6}.badge{display:inline-flex;align-items:center;gap:6px;height:23px;padding:0 9px;border-radius:7px;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.badge--new{background:var(--success-soft);color:var(--success)}.badge--core{background:var(--accent-soft);color:var(--accent)}.badge--violet{background:var(--primary-soft);color:var(--primary-2)}.badge--neutral{background:var(--field-bg);color:var(--text-muted);border:1px solid var(--border)}.dot-status{width:8px;height:8px;border-radius:50%;display:inline-block}.dot-status.ok{background:var(--success);box-shadow:0 0 0 4px var(--success-soft)}.dot-status.err{background:var(--danger);box-shadow:0 0 0 4px var(--danger-soft)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.tabs{display:inline-flex;gap:4px;border-bottom:1px solid var(--border);position:relative}.tabs button{border:0;background:transparent;cursor:pointer;font:inherit;font-size:14px;font-weight:600;color:var(--text-muted);padding:12px 16px;position:relative;transition:color var(--dur)}.tabs button[aria-selected=true]{color:var(--text)}.tabs button[aria-selected=true]:after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;background:var(--primary-2);border-radius:2px}html.theming,html.theming *,html.theming *:before,html.theming *:after{transition:none!important}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}