:root{--bg:#0b0e14;--surface:#161b26;--surface-active:#202838;--text:#f2f4f8;--muted:#8b93a7;--muted-rgb:139, 147, 167;--accent:#4da3ff;--accent-rgb:77, 163, 255;--ok:#35d18e;--ok-rgb:53, 209, 142;--danger:#e5484d;--danger-rgb:229, 72, 77;--track:#0c0f16;--thumb:#eef1f6;--cat-guitar:#f2a33c;--cat-guitar-rgb:242, 163, 60;--cat-bass:#b57bff;--cat-bass-rgb:181, 123, 255;--cat-drum:#a3e635;--cat-drum-rgb:163, 230, 53;--cat-click:#22d3ee;--cat-click-rgb:34, 211, 238;--cat-sample:#f472b6;--cat-sample-rgb:244, 114, 182;--shadow-color:0, 0, 0;--shadow-alpha:1;--radius:1.25rem;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body,html{overscroll-behavior:none;height:100dvh;position:fixed;inset:0;overflow:hidden}#__nuxt{height:100%}body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (display-mode:standalone){body,html{height:calc(100dvh + env(safe-area-inset-top));bottom:auto}}button,input{color:inherit;font-family:inherit}button{cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none}a{color:var(--accent)}input[type=number],input[type=text],select{background:var(--surface-active);color:var(--text);box-shadow:inset 0 2px 4px rgba(var(--shadow-color),calc(var(--shadow-alpha)*.4)),inset 0 -1px 0 #ffffff08;border:none;border-radius:.75rem;padding:.75rem .9rem;font-size:1rem}select{appearance:none;background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%238b93a7%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M5.23%207.21a.75.75%200%200%201%201.06.02L10%2011.168l3.71-3.938a.75.75%200%201%201%201.08%201.04l-4.25%204.5a.75.75%200%200%201-1.08%200l-4.25-4.5a.75.75%200%200%201%20.02-1.06%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E),linear-gradient(155deg,#ffffff08,#fff0 45%);background-position:right .7rem center,0 0;background-repeat:no-repeat,no-repeat;background-size:1.1rem,100% 100%;padding-right:2.2rem}.back-btn{background:var(--surface);width:2.25rem;height:2.25rem;color:var(--muted);box-shadow:0 2px 5px rgba(var(--shadow-color),calc(var(--shadow-alpha)*.4)),inset 0 1px 0 #ffffff0f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;transition:box-shadow .15s;display:flex}.back-btn:active{box-shadow:inset 0 2px 5px rgba(var(--shadow-color),calc(var(--shadow-alpha)*.5))}.btn-primary{background:linear-gradient(155deg,#ffffff59,#fff0 45%),var(--accent);color:#06131f;box-shadow:0 4px 10px rgba(var(--shadow-color),calc(var(--shadow-alpha)*.5)),inset 0 1px 1px #fff6,inset 0 -2px 4px #00000026;border:none;border-radius:.75rem;padding:.7rem 1.2rem;font-weight:700;transition:box-shadow .15s}.btn-primary:active{box-shadow:0 2px 5px rgba(var(--shadow-color),calc(var(--shadow-alpha)*.35)),inset 0 2px 6px #00000040}.btn-secondary{background:var(--surface-active);color:var(--text);box-shadow:0 2px 5px rgba(var(--shadow-color),calc(var(--shadow-alpha)*.4)),inset 0 1px 0 #ffffff0f;border:none;border-radius:.75rem;padding:.7rem 1.2rem;font-weight:600;transition:box-shadow .15s}.btn-secondary:active{box-shadow:inset 0 2px 5px rgba(var(--shadow-color),calc(var(--shadow-alpha)*.5))}