:root{--accent: #ff2e88;--accent-2: #ff7ab6;--on-accent: #0b0a0e;--bg: #0b0a0e;--bg-blur: rgba(11, 10, 14, .9);--bar-blur: rgba(14, 12, 19, .95);--panel: #121019;--panel-2: #0f0d14;--panel-head: #141220;--input: #15131c;--btn: #1c1826;--hover: #1a1724;--hover-2: #161320;--roll: #0a0910;--keybed: #08070d;--keywhite: #1a1724;--keyblack: #0a0910;--badge-bg: rgba(10, 9, 16, .78);--border: #241f30;--border-2: #211e2b;--border-3: #1e1a28;--border-str: #2e2a3c;--border-hi: #3a3348;--ink: #f2eff7;--ink-2: #9a93ac;--ink-3: #8b84a0;--ink-4: #8a83a0;--sep: #524b63;--scroll: #2a2634;--roll-lit: #ffffff;--roll-bar: rgba(255, 255, 255, .14);--roll-grid-bar: rgba(255, 255, 255, .12);--roll-grid-beat: rgba(255, 255, 255, .045);--roll-grid-oct: rgba(255, 255, 255, .022);--roll-key-edge: rgba(0, 0, 0, .55);--roll-head: #ffffff;--roll-head-glow: rgba(255, 255, 255, .7);--inst-0: #ff2e88;--inst-1: #ff7ab6;--inst-2: #2fe6d6;--inst-3: #ffc24b;--inst-4: #8b7cff;--amber: #ffc24b;--font-display: "Space Grotesk", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--danger: #ff5c6c;--live: #37e6b0;color-scheme:dark}:root[data-theme=light]{--accent: #d4006e;--accent-2: #b00058;--on-accent: #ffffff;--bg: #f4f2ed;--bg-blur: rgba(244, 242, 237, .92);--bar-blur: rgba(255, 255, 255, .96);--panel: #ffffff;--panel-2: #fbfaf7;--panel-head: #f0ede6;--input: #ffffff;--btn: #ffffff;--hover: #f0ede6;--hover-2: #f6f4ef;--roll: #fcfbf9;--keybed: #f7f5f1;--keywhite: #ffffff;--keyblack: #dad4ca;--badge-bg: rgba(252, 251, 249, .88);--border: #dcd6cb;--border-2: #e3ded4;--border-3: #e8e3d9;--border-str: #cfc8bb;--border-hi: #b8b0a2;--ink: #171520;--ink-2: #544f5e;--ink-3: #615b6b;--ink-4: #655f70;--sep: #a9a297;--scroll: #cfc8bb;--roll-lit: #171520;--roll-bar: rgba(23, 21, 32, .16);--roll-grid-bar: rgba(23, 21, 32, .16);--roll-grid-beat: rgba(23, 21, 32, .06);--roll-grid-oct: rgba(23, 21, 32, .03);--roll-key-edge: rgba(0, 0, 0, .14);--roll-head: #171520;--roll-head-glow: rgba(23, 21, 32, .35);--inst-0: #d4006e;--inst-1: #b5347e;--inst-2: #0a7f76;--inst-3: #9a6a00;--inst-4: #5340c9;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-display);-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-2)}button,input,select,textarea{font-family:inherit;color:inherit}::selection{background:var(--accent);color:var(--on-accent)}::-webkit-scrollbar{height:9px;width:9px}::-webkit-scrollbar-thumb{background:var(--scroll);border-radius:9px}::-webkit-scrollbar-track{background:transparent}@keyframes nb-pulse{0%,to{opacity:1}50%{opacity:.3}}.app-shell{min-height:100%;display:flex;flex-direction:column;padding-bottom:150px}.page{width:100%;max-width:1500px;margin:0 auto;padding:clamp(16px,2.6vw,30px) clamp(12px,2.6vw,28px) 0}.mono{font-family:var(--font-mono)}.h1{margin:0;font-size:clamp(26px,3.8vw,44px);line-height:1.04;letter-spacing:-.035em;font-weight:700}.h2{margin:0;font-size:clamp(20px,2.6vw,28px);line-height:1.08;letter-spacing:-.03em;font-weight:700}.h3{margin:0;font-size:17px;line-height:1.2;letter-spacing:-.02em;font-weight:600}.lede{margin:0;font-size:15px;line-height:1.55;color:var(--ink-2)}.section-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:var(--ink-3);text-transform:uppercase}.panel{border:1px solid var(--border);border-radius:14px;background:var(--panel-2);overflow:hidden}.panel-head{display:flex;align-items:center;gap:9px;padding:9px 13px;border-bottom:1px solid var(--border-2);background:var(--panel-head)}.chip{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:18px;border:1px solid var(--border);background:var(--input);font-size:12px;color:var(--ink-2);font-family:var(--font-mono);white-space:nowrap;cursor:pointer;line-height:1}.chip.selected{background:var(--accent);color:var(--on-accent);border-color:var(--accent);font-weight:600}.chip.neutral-selected{background:var(--btn);color:var(--ink);border-color:var(--border-hi);font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 17px;height:42px;border-radius:10px;border:1px solid var(--border-str);background:var(--btn);color:var(--ink);font-size:14px;font-weight:500;cursor:pointer;transition:border-color .12s ease,color .12s ease,background .12s ease;white-space:nowrap}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent);font-weight:600}.btn-primary:hover{background:var(--accent-2);color:var(--on-accent);border-color:var(--accent-2)}.btn:disabled{opacity:.4;cursor:not-allowed}input[type=text],input[type=email],input[type=number],textarea,select{background:var(--input);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:14px;outline:none;color:var(--ink)}input[type=text]:focus,input[type=email]:focus,input[type=number]:focus,textarea:focus,select:focus{border-color:var(--accent)}input::placeholder,textarea::placeholder{color:var(--ink-4)}label{font-size:13px;color:var(--ink-2);display:flex;flex-direction:column;gap:6px}.key-badge{font-family:var(--font-mono);font-size:11px;font-weight:600;border-radius:5px;padding:2px 6px;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent) 32%,transparent)}