@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--ink-950: oklch(.085 .018 264);--ink-900: oklch(.115 .022 264);--ink-850: oklch(.14 .026 264);--ink-800: oklch(.165 .03 264);--ink-700: oklch(.205 .034 264);--ink-600: oklch(.255 .038 264);--ink-500: oklch(.32 .04 265);--ink-400: oklch(.42 .038 266);--ink-300: oklch(.56 .034 266);--text-hi: oklch(.975 .008 264);--text-mid: oklch(.815 .018 264);--text-lo: oklch(.65 .026 265);--text-dim: oklch(.5 .03 266);--neon-pink: oklch(.7 .25 352);--neon-blue: oklch(.76 .165 232);--neon-purple: oklch(.62 .235 300);--neon-yellow: oklch(.885 .19 101);--pink-fill: oklch(.7 .25 352 / .16);--blue-fill: oklch(.76 .165 232 / .16);--purple-fill: oklch(.62 .235 300 / .18);--yellow-fill: oklch(.885 .19 101 / .14);--pink-line: oklch(.7 .25 352 / .55);--blue-line: oklch(.76 .165 232 / .55);--purple-line: oklch(.62 .235 300 / .55);--yellow-line: oklch(.885 .19 101 / .55);--ok: oklch(.82 .205 150);--danger: oklch(.645 .255 18);--warn: var(--neon-yellow);--info: var(--neon-blue);--ok-fill: oklch(.82 .205 150 / .16);--danger-fill: oklch(.645 .255 18 / .18);--line-subtle: oklch(.98 .01 264 / .07);--line: oklch(.98 .01 264 / .13);--line-strong: oklch(.98 .01 264 / .26);--bg-app: var(--ink-950);--bg-canvas: var(--ink-800);--surface-sunken: var(--ink-850);--surface: var(--ink-700);--surface-raised: var(--ink-600);--surface-chrome: var(--ink-900);--border: var(--line);--border-subtle: var(--line-subtle);--border-strong: var(--line-strong);--text: var(--text-mid);--text-heading: var(--text-hi);--text-muted: var(--text-lo);--text-faint: var(--text-dim);--accent: var(--neon-pink);--accent-2: var(--neon-blue);--accent-3: var(--neon-purple);--on-accent: var(--ink-950);--focus: var(--neon-blue);--selection-bg: var(--pink-fill);--selection-line: var(--pink-line)}:root{--font-display: "Chakra Petch", "Space Grotesk", system-ui, sans-serif;--font-sans: "Space Grotesk", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fs-display: 44px;--fs-h1: 30px;--fs-h2: 22px;--fs-h3: 17px;--fs-body: 14px;--fs-sm: 13px;--fs-xs: 12px;--fs-micro: 11px;--lh-tight: 1.05;--lh-snug: 1.2;--lh-normal: 1.45;--lh-relaxed: 1.6;--ls-tight: -.01em;--ls-normal: 0;--ls-wide: .04em;--ls-wider: .12em;--ls-display: .02em}:root{--space-0: 0;--space-1: 2px;--space-2: 4px;--space-3: 8px;--space-4: 12px;--space-5: 16px;--space-6: 20px;--space-7: 24px;--space-8: 32px;--space-9: 40px;--space-10: 56px;--space-11: 72px;--radius-0: 0px;--radius-1: 2px;--radius-2: 4px;--radius-3: 6px;--radius-pill: 999px;--notch: 9px;--notch-sm: 6px;--bw-hair: 1px;--bw: 1.5px;--bw-bold: 2px;--control-h-sm: 28px;--control-h: 36px;--control-h-lg: 44px;--z-canvas: 0;--z-board: 10;--z-panel: 100;--z-chrome: 200;--z-overlay: 900;--z-modal: 1000;--z-toast: 1100;--z-cursor: 1200}:root{--glow-pink: 0 0 0 1px oklch(.7 .25 352 / .9), 0 0 12px oklch(.7 .25 352 / .55), 0 0 28px oklch(.7 .25 352 / .3);--glow-blue: 0 0 0 1px oklch(.76 .165 232 / .9), 0 0 12px oklch(.76 .165 232 / .55), 0 0 28px oklch(.76 .165 232 / .3);--glow-purple: 0 0 0 1px oklch(.62 .235 300 / .9), 0 0 12px oklch(.62 .235 300 / .55), 0 0 28px oklch(.62 .235 300 / .3);--glow-yellow: 0 0 0 1px oklch(.885 .19 101 / .9), 0 0 12px oklch(.885 .19 101 / .55), 0 0 28px oklch(.885 .19 101 / .3);--bloom-pink: 0 0 16px oklch(.7 .25 352 / .4);--bloom-blue: 0 0 16px oklch(.76 .165 232 / .4);--ring-focus: 0 0 0 2px var(--bg-app), 0 0 0 4px oklch(.76 .165 232 / .9), 0 0 16px oklch(.76 .165 232 / .5);--tglow-pink: 0 0 8px oklch(.7 .25 352 / .75), 0 0 20px oklch(.7 .25 352 / .45);--tglow-blue: 0 0 8px oklch(.76 .165 232 / .75), 0 0 20px oklch(.76 .165 232 / .45);--tglow-purple: 0 0 8px oklch(.62 .235 300 / .8), 0 0 20px oklch(.62 .235 300 / .5);--tglow-yellow: 0 0 8px oklch(.885 .19 101 / .7), 0 0 20px oklch(.885 .19 101 / .4);--shadow-1: 0 1px 2px oklch(0 0 0 / .45), 0 0 0 1px var(--line-subtle);--shadow-2: 0 6px 18px oklch(0 0 0 / .5), 0 0 0 1px var(--line-subtle);--shadow-3: 0 18px 48px oklch(0 0 0 / .6), 0 0 0 1px var(--line);--inset-top: inset 0 1px 0 oklch(.98 .01 264 / .06);--grid-minor: oklch(.98 .02 250 / .06);--grid-major: oklch(.76 .165 232 / .14);--grid-size: 24px;--grid-major-size: 120px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-inout: cubic-bezier(.65, 0, .35, 1);--ease-snap: cubic-bezier(.5, 0, 0, 1.25);--dur-1: 90ms;--dur-2: .16s;--dur-3: .24s}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--bg-app);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-normal);font-weight:var(--fw-regular);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--selection-bg);color:var(--text-hi)}h1,h2,h3,h4{font-family:var(--font-display);color:var(--text-heading);letter-spacing:var(--ls-display);margin:0;line-height:var(--lh-snug)}code,kbd,samp{font-family:var(--font-mono)}.kz-overline{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--text-faint)}.kz-canvas{background-color:var(--bg-canvas);background-image:linear-gradient(var(--grid-minor) 1px,transparent 1px),linear-gradient(90deg,var(--grid-minor) 1px,transparent 1px),linear-gradient(var(--grid-major) 1px,transparent 1px),linear-gradient(90deg,var(--grid-major) 1px,transparent 1px);background-size:var(--grid-size) var(--grid-size),var(--grid-size) var(--grid-size),var(--grid-major-size) var(--grid-major-size),var(--grid-major-size) var(--grid-major-size)}.kz-notch{clip-path:polygon(var(--notch) 0,100% 0,100% calc(100% - var(--notch)),calc(100% - var(--notch)) 100%,0 100%,0 var(--notch))}.kz-notch-tr{clip-path:polygon(0 0,calc(100% - var(--notch)) 0,100% var(--notch),100% 100%,0 100%)}.kz-neon-pink{color:var(--neon-pink);text-shadow:var(--tglow-pink)}.kz-neon-blue{color:var(--neon-blue);text-shadow:var(--tglow-blue)}.kz-neon-purple{color:var(--neon-purple);text-shadow:var(--tglow-purple)}.kz-neon-yellow{color:var(--neon-yellow);text-shadow:var(--tglow-yellow)}.kz-scanlines:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent 0 2px,oklch(0 0 0 / .12) 2px 3px);pointer-events:none;mix-blend-mode:multiply}.kz-btn{--_accent: var(--neon-pink);--_glow: var(--glow-pink);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-display);font-weight:600;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;border:1.5px solid transparent;border-radius:var(--radius-2);text-decoration:none;transition:transform var(--dur-1) var(--ease-out),box-shadow var(--dur-2) var(--ease-out),background var(--dur-2) var(--ease-out),border-color var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out);outline:none}.kz-btn:focus-visible{box-shadow:var(--ring-focus)}.kz-btn:active{transform:translateY(1px)}.kz-btn[disabled],.kz-btn[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}.kz-btn .ph{font-size:1.15em}.kz-btn svg{width:1.1em;height:1.1em}.kz-btn--sm{height:var(--control-h-sm);padding:0 12px;font-size:11px}.kz-btn--md{height:var(--control-h);padding:0 16px;font-size:12.5px}.kz-btn--lg{height:var(--control-h-lg);padding:0 22px;font-size:14px}.kz-btn--block{width:100%}.kz-btn--primary{background:var(--_accent);color:var(--on-accent);box-shadow:0 0 0 1px var(--_accent)}.kz-btn--primary:hover{box-shadow:var(--_glow)}.kz-btn--secondary{background:var(--surface-raised);color:var(--text-hi);border-color:var(--border-strong)}.kz-btn--secondary:hover{border-color:var(--_accent);color:var(--_accent);box-shadow:var(--_glow)}.kz-btn--outline{background:transparent;color:var(--_accent);border-color:var(--_accent);box-shadow:0 0 10px -2px var(--_accent);text-shadow:0 0 8px color-mix(in oklch,var(--_accent),transparent 55%)}.kz-btn--outline:hover{background:color-mix(in oklch,var(--_accent),transparent 86%);box-shadow:var(--_glow)}.kz-btn--ghost{background:transparent;color:var(--text-mid)}.kz-btn--ghost:hover{background:var(--surface-raised);color:var(--text-hi)}.kz-iconbtn{--_accent: var(--neon-pink);--_glow: var(--glow-pink);position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-mid);background:transparent;border:1.5px solid transparent;border-radius:var(--radius-2);transition:transform var(--dur-1) var(--ease-out),box-shadow var(--dur-2) var(--ease-out),background var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out),border-color var(--dur-2) var(--ease-out);outline:none}.kz-iconbtn .ph{font-size:1.25em;line-height:1}.kz-iconbtn svg{width:1.25em;height:1.25em}.kz-iconbtn:hover{color:var(--text-hi);background:var(--surface-raised)}.kz-iconbtn:focus-visible{box-shadow:var(--ring-focus)}.kz-iconbtn:active{transform:translateY(1px)}.kz-iconbtn[disabled]{opacity:.35;pointer-events:none}.kz-iconbtn--sm{width:28px;height:28px;font-size:14px}.kz-iconbtn--md{width:36px;height:36px;font-size:16px}.kz-iconbtn--lg{width:44px;height:44px;font-size:19px}.kz-iconbtn--active{color:var(--on-accent);background:var(--_accent);box-shadow:var(--_glow)}.kz-iconbtn--active:hover{color:var(--on-accent);background:var(--_accent)}.kz-iconbtn--outline{border-color:var(--border-strong);color:var(--text-hi)}.kz-iconbtn--outline:hover{border-color:var(--_accent);color:var(--_accent);box-shadow:var(--_glow);background:transparent}.kz-field{display:flex;flex-direction:column;gap:7px}.kz-label{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--text-lo)}.kz-label .req{color:var(--neon-pink);margin-left:3px}.kz-hint{font-family:var(--font-mono);font-size:11px;color:var(--text-faint)}.kz-hint--error{color:var(--danger)}.kz-input,.kz-textarea,.kz-select{width:100%;font-family:var(--font-sans);font-size:var(--fs-body);color:var(--text-hi);background:var(--surface-sunken);border:1.5px solid var(--border-strong);border-radius:var(--radius-2);transition:border-color var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out),background var(--dur-2) var(--ease-out);outline:none}.kz-input,.kz-select{height:var(--control-h);padding:0 12px}.kz-textarea{padding:10px 12px;min-height:84px;resize:vertical;line-height:var(--lh-normal)}.kz-input::placeholder,.kz-textarea::placeholder{color:var(--text-dim)}.kz-input:hover,.kz-textarea:hover,.kz-select:hover{border-color:var(--ink-400)}.kz-input:focus,.kz-textarea:focus,.kz-select:focus{border-color:var(--focus);background:var(--ink-850);box-shadow:0 0 0 3px #1fc0ff33,0 0 16px -2px #1fc0ff80;box-shadow:0 0 0 3px oklch(.76 .165 232 / .2),0 0 16px -2px oklch(.76 .165 232 / .5)}.kz-input[aria-invalid=true],.kz-textarea[aria-invalid=true]{border-color:var(--danger)}.kz-input[disabled],.kz-textarea[disabled],.kz-select[disabled]{opacity:.45;cursor:not-allowed}.kz-input-wrap{position:relative}.kz-input-wrap svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-dim);pointer-events:none}.kz-input-wrap .kz-input{padding-left:36px}.kz-select-wrap{position:relative}.kz-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:34px;cursor:pointer}.kz-select-wrap svg{position:absolute;right:11px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-lo);pointer-events:none}.kz-check{display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--fs-body);color:var(--text-mid)}.kz-check input{position:absolute;opacity:0;width:0;height:0}.kz-check .box{width:18px;height:18px;flex:none;border:1.5px solid var(--border-strong);border-radius:var(--radius-1);background:var(--surface-sunken);display:flex;align-items:center;justify-content:center;color:var(--on-accent);transition:all var(--dur-2) var(--ease-out)}.kz-check .box svg{width:13px;height:13px;opacity:0;transform:scale(.5);transition:all var(--dur-1) var(--ease-out);stroke-width:3}.kz-check:hover .box{border-color:var(--neon-pink)}.kz-check input:checked+.box{background:var(--neon-pink);border-color:var(--neon-pink);box-shadow:var(--bloom-pink)}.kz-check input:checked+.box svg{opacity:1;transform:scale(1)}.kz-check input:focus-visible+.box{box-shadow:var(--ring-focus)}.kz-radio{display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--fs-body);color:var(--text-mid)}.kz-radio input{position:absolute;opacity:0;width:0;height:0}.kz-radio .dot{width:18px;height:18px;flex:none;border:1.5px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--surface-sunken);display:flex;align-items:center;justify-content:center;transition:all var(--dur-2) var(--ease-out)}.kz-radio .dot:after{content:"";width:8px;height:8px;border-radius:var(--radius-pill);background:var(--neon-blue);transform:scale(0);transition:transform var(--dur-1) var(--ease-snap)}.kz-radio:hover .dot{border-color:var(--neon-blue)}.kz-radio input:checked+.dot{border-color:var(--neon-blue);box-shadow:var(--bloom-blue)}.kz-radio input:checked+.dot:after{transform:scale(1);box-shadow:0 0 8px var(--neon-blue)}.kz-radio input:focus-visible+.dot{box-shadow:var(--ring-focus)}.kz-switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--fs-body);color:var(--text-mid)}.kz-switch input{position:absolute;opacity:0;width:0;height:0}.kz-switch .track{width:40px;height:22px;flex:none;border-radius:var(--radius-3);background:var(--ink-500);border:1.5px solid var(--border-strong);position:relative;transition:all var(--dur-2) var(--ease-out)}.kz-switch .track:after{content:"";position:absolute;left:2px;top:2px;width:14px;height:14px;border-radius:var(--radius-1);background:var(--text-mid);transition:all var(--dur-2) var(--ease-snap)}.kz-switch input:checked+.track{background:var(--neon-pink);border-color:var(--neon-pink);box-shadow:var(--bloom-pink)}.kz-switch input:checked+.track:after{left:21px;background:var(--on-accent)}.kz-switch input:focus-visible+.track{box-shadow:var(--ring-focus)}.kz-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2);box-shadow:var(--shadow-2);color:var(--text);overflow:hidden}.kz-panel--float{box-shadow:var(--shadow-3)}.kz-panel--accent{border-color:var(--pink-line);box-shadow:var(--shadow-2),0 0 0 1px var(--pink-line),var(--bloom-pink)}.kz-panel__head{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border-subtle);background:var(--surface-chrome)}.kz-panel__title{font-family:var(--font-display);font-weight:600;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-hi);margin:0}.kz-panel__title .accent{color:var(--neon-pink);text-shadow:var(--tglow-pink)}.kz-panel__actions{margin-left:auto;display:flex;gap:4px;align-items:center}.kz-panel__body{padding:14px}.kz-panel__foot{display:flex;align-items:center;gap:8px;padding:12px 14px;border-top:1px solid var(--border-subtle);background:var(--surface-sunken)}.kz-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2);box-shadow:var(--shadow-1);transition:border-color var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out),transform var(--dur-2) var(--ease-out)}.kz-card--interactive{cursor:pointer}.kz-card--interactive:hover{border-color:var(--pink-line);box-shadow:var(--shadow-2),var(--bloom-pink);transform:translateY(-2px)}.kz-card__media{aspect-ratio:16/10;background:var(--surface-sunken);border-bottom:1px solid var(--border-subtle);background-image:linear-gradient(var(--grid-minor) 1px,transparent 1px),linear-gradient(90deg,var(--grid-minor) 1px,transparent 1px);background-size:18px 18px}.kz-card__body{padding:14px}.kz-divider{height:1px;background:var(--border-subtle);border:0;margin:0}.kz-tooltip{display:inline-block;font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--text-hi);background:var(--ink-950, oklch(.09 .022 264));border:1px solid var(--border-strong, oklch(.32 .025 264));padding:6px 9px;border-radius:var(--radius-2, 3px);white-space:nowrap;box-shadow:var(--shadow-2, 0 2px 8px oklch(0 0 0 / .4)),0 0 12px -4px #1fc0ff99;box-shadow:var(--shadow-2, 0 2px 8px oklch(0 0 0 / .4)),0 0 12px -4px oklch(.76 .165 232 / .6)}.kz-tooltip:after{content:"";position:absolute;left:50%;top:-5px;transform:translate(-50%) rotate(45deg);width:8px;height:8px;background:var(--ink-950, oklch(.09 .022 264));border-left:1px solid var(--border-strong, oklch(.32 .025 264));border-top:1px solid var(--border-strong, oklch(.32 .025 264))}.kz-tooltip kbd{color:var(--neon-blue);margin-left:6px}.kz-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:24px;background:#010205a8;-webkit-backdrop-filter:blur(6px) saturate(1.1);backdrop-filter:blur(6px) saturate(1.1)}.kz-dialog{width:100%;max-width:460px;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-2);box-shadow:var(--shadow-3),0 0 0 1px var(--pink-line),0 0 40px -6px #ff51ad66;box-shadow:var(--shadow-3),0 0 0 1px var(--pink-line),0 0 40px -6px oklch(.7 .25 352 / .4);overflow:hidden}.kz-dialog__head{display:flex;align-items:flex-start;gap:12px;padding:18px 18px 14px;border-bottom:1px solid var(--border-subtle)}.kz-dialog__title{font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:.02em;color:var(--text-hi);margin:0}.kz-dialog__sub{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);margin-top:5px}.kz-dialog__close{margin-left:auto}.kz-dialog__body{padding:18px;color:var(--text-mid);line-height:var(--lh-normal)}.kz-dialog__foot{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 18px;border-top:1px solid var(--border-subtle);background:var(--surface-sunken)}#root{min-height:100dvh;display:flex;flex-direction:column}