@import"https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg: oklch(.215 .003 264);--chrome: oklch(.275 .003 264);--chrome-2: oklch(.315 .003 264);--chrome-3: oklch(.345 .003 264);--inset: oklch(.205 .003 264);--line: oklch(.38 .004 264);--line-soft: oklch(.33 .004 264);--ink: oklch(.965 .003 264);--ink-dim: oklch(.78 .004 264);--ink-faint: oklch(.6 .005 264);--canvas: oklch(.93 .002 264);--canvas-2: oklch(.965 .002 264);--canvas-ink:oklch(.42 .004 264);--canvas-faint:oklch(.58 .004 264);--ember: oklch(.66 .2 40);--ember-hi: oklch(.745 .185 47);--ember-lo: oklch(.565 .19 38);--vector: oklch(.62 .13 222);--vector-hi: oklch(.78 .12 215);--good: oklch(.7 .15 150);--violet: oklch(.62 .16 300);--raise-sm: inset 0 1px 0 oklch(1 0 0 / .08), 0 1px 1px oklch(0 0 0 / .28), 0 1px 2px oklch(0 0 0 / .22);--raise: inset 0 1px 0 oklch(1 0 0 / .09), 0 1px 2px oklch(0 0 0 / .3), 0 4px 9px -3px oklch(0 0 0 / .45);--raise-lg: inset 0 1px 0 oklch(1 0 0 / .11), 0 2px 4px oklch(0 0 0 / .3), 0 12px 26px -8px oklch(0 0 0 / .55);--recess: inset 0 1px 3px oklch(0 0 0 / .45), inset 0 -1px 0 oklch(1 0 0 / .05);--recess-deep: inset 0 2px 6px oklch(0 0 0 / .5), inset 0 -1px 0 oklch(1 0 0 / .05);--cast-r: 3px 0 9px -3px oklch(0 0 0 / .5);--cast-l: -3px 0 9px -3px oklch(0 0 0 / .5);--rail: 56px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0}.vk-root{height:100vh;width:100%;background:var(--bg);color:var(--ink);font-family:Geist,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:13px;line-height:1.45;-webkit-font-smoothing:antialiased}.mono{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums}.lbl{font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);display:block}.vk-card{background:linear-gradient(180deg,var(--chrome-2),var(--chrome));border-radius:13px;box-shadow:var(--raise-lg);padding:16px}.vk-tile{background:var(--chrome-2);border-radius:11px;box-shadow:var(--raise);padding:13px}.vk-inset{background:var(--inset);border-radius:9px;box-shadow:var(--recess)}.vk-btn{border:0;cursor:pointer;border-radius:8px;padding:9px 15px;color:#fffffffa;font-family:Geist,sans-serif;font-weight:600;font-size:12.5px;display:inline-flex;align-items:center;gap:8px;background:linear-gradient(180deg,var(--ember-hi),var(--ember-lo));box-shadow:inset 0 1px #ffffff40,0 1px 2px #0006,0 6px 14px -4px #cd400080;box-shadow:inset 0 1px #ffffff40,0 1px 2px #0006,0 6px 14px -4px oklch(.57 .19 38 / .5)}.vk-btn:active{box-shadow:var(--recess);transform:translateY(1px)}.vk-btn.soft{color:var(--ink);background:linear-gradient(180deg,var(--chrome-3),var(--chrome-2));box-shadow:var(--raise)}.vk-btn.soft:hover{background:var(--chrome-3)}.vk-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;color:var(--ink-dim);cursor:pointer;background:var(--chrome-2);box-shadow:var(--raise-sm)}.vk-icon:hover{color:var(--ink);background:var(--chrome-3)}.vk-seg{display:inline-flex;background:var(--inset);border-radius:9px;padding:3px;gap:3px;box-shadow:var(--recess)}.vk-seg button{font-family:inherit;font-size:12px;color:var(--ink-dim);background:transparent;border:0;padding:5px 13px;border-radius:6px;cursor:pointer}.vk-seg button.on{background:linear-gradient(180deg,var(--chrome-3),var(--chrome-2));color:var(--ink);box-shadow:var(--raise-sm)}.vk-pill{display:inline-flex;align-items:center;gap:9px;border:0;cursor:pointer;border-radius:12px;padding:11px 16px;color:#fffffffa;font-family:Geist,sans-serif;font-weight:600;font-size:13px;background:linear-gradient(180deg,var(--vector-hi),var(--vector));box-shadow:inset 0 1px #ffffff40,0 2px 4px #0006,0 9px 22px -5px #0095b78c;box-shadow:inset 0 1px #ffffff40,0 2px 4px #0006,0 9px 22px -5px oklch(.62 .13 222 / .55)}.vk-field{width:100%;background:var(--inset);color:var(--ink);border:1px solid var(--line-soft);border-radius:8px;box-shadow:var(--recess);font-family:JetBrains Mono,monospace;font-size:11.5px;padding:8px 10px;outline:none}.vk-field:focus{border-color:#f2591480}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:6px;border:3px solid var(--chrome)}::-webkit-scrollbar-track{background:transparent}@media(prefers-reduced-motion:reduce){*{transition:none!important}}#root{height:100%}input[type=range]{accent-color:var(--ember)}code{font-family:JetBrains Mono,monospace}