:root{--teal-deep: #2f5957;--teal: #3a6765;--teal-2: #4a7976;--jade: #9fbfb7;--jade-light: #bcd3cc;--jade-pale: #d8e4de;--sage: #bfd19a;--sage-deep: #8aa36b;--mustard: #e8c84a;--mustard-deep: #c9a92a;--pink: #e83d8a;--pink-deep: #b91c65;--cream: #ece4cf;--cream-2: #dcd2b8;--ink: #1a1e1c;--ink-soft: #2a322e}*{box-sizing:border-box}html,body{margin:0;padding:0;background:#1a2827;font-family:Cormorant Garamond,Georgia,serif;color:var(--ink)}body{min-height:100vh;background:radial-gradient(ellipse 80% 60% at 50% 0%,#355654,#1c2a29 60%,#121c1b);padding:28px 20px 60px;overflow-x:auto}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");mix-blend-mode:multiply;opacity:.6}button,input{font-family:inherit}#app{min-width:1440px;max-width:1560px;margin:0 auto;position:relative}[data-bpm-knob]{user-select:none;-webkit-user-select:none;touch-action:none}