@property --dna-p{syntax:"<number>";inherits:true;initial-value:0}:root{--bg:#0c0e11;--surface:#15181d;--raised:#1c2026;--hover:#232830;--line:#262c34;--line-2:#343c47;--text:#eef0f3;--soft:#a7b0bb;--muted:#a7b0bb;--faint:#77818d;--accent:#52a8f5;--deep:#3b7ac2;--warm:#e39c47;--mint:#38c299;--danger:#f08a73;--mono:ui-monospace,SFMono-Regular,Menlo,monospace;--sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--ease:cubic-bezier(.2,.8,.2,1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.dna-em,.dna-em em{font:inherit;background:linear-gradient(100deg,var(--accent),#8fd0ff 60%,var(--mint));color:#0000;-webkit-background-clip:text;background-clip:text}.dna-chassis{background:linear-gradient(#1c1f25,#121418 70%);border:1px solid #ffffff12;border-radius:30px;position:relative;box-shadow:inset 0 1px #ffffff1c,inset 0 -1px #00000080,0 50px 100px -40px #000e,0 0 0 6px #ffffff04}.dna-silk{font:600 10px/1 var(--mono);letter-spacing:2.4px;text-transform:uppercase;color:#77818d;display:block}.dna-icon{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.dna-key{background:linear-gradient(180deg,#74bdfc,var(--accent) 48%,#3a8ddc);color:#051526;letter-spacing:-.1px;min-height:54px;transition:transform .12s var(--ease),box-shadow .12s var(--ease),filter .2s;border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:14px 26px;font-size:15px;font-weight:720;display:inline-flex;position:relative;box-shadow:inset 0 1px #fff6,inset 0 -2px #0000002e,0 4px #1f5c99,0 14px 30px -10px #52a8f5aa}.dna-key .dna-icon{transition:transform .25s var(--ease)}.dna-key:hover{filter:brightness(1.06)}.dna-key:hover .dna-icon{transform:translate(3px)}.dna-key:active{transform:translateY(3px);box-shadow:inset 0 1px #fff6,inset 0 -2px #0000002e,0 1px #1f5c99,0 6px 16px -8px #52a8f5aa}.dna-key:disabled{filter:saturate(.4)brightness(.75);cursor:not-allowed;transform:none;box-shadow:0 4px #1b2c3d}.dna-key[aria-busy=true]{cursor:progress;filter:none}.dna-key[aria-busy=true] .dna-icon{display:none}.dna-key[aria-busy=true]:after{content:"";border:2px solid #05152655;border-top-color:#051526;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite dna-turn}@keyframes dna-turn{to{transform:rotate(1turn)}}.dna-ghost{color:#d6dde6;min-height:44px;transition:background .2s,border-color .2s,transform .12s var(--ease);background:#ffffff08;border:1px solid #3a424d;border-radius:12px;padding:10px 16px;font-size:13px;font-weight:600}.dna-ghost:hover{background:#ffffff12;border-color:#4d5866}.dna-ghost:not(:disabled):active{transform:translateY(2px)}.dna-link{color:#9fd0fb;text-underline-offset:4px;background:0 0;border:0;align-items:center;min-height:44px;padding:0 2px;font-size:13px;font-weight:600;-webkit-text-decoration:underline #9fd0fb55;text-decoration:underline #9fd0fb55;display:inline-flex}.dna-link:hover{color:#c9e5fd;text-decoration-color:currentColor}.dna-link:disabled{color:#8f99a5;cursor:default;opacity:1;text-decoration:none}.dna-screw{background:radial-gradient(circle at 35% 30%,#59626d,#1d2126 70%);border-radius:50%;width:9px;height:9px;position:absolute;box-shadow:0 1px #ffffff14,inset 0 0 0 1px #0009}.dna-screw:after{content:"";background:#0b0d10;height:1px;position:absolute;top:4px;left:1.5px;right:1.5px;transform:rotate(38deg)}.dna-screw:first-child{top:14px;left:14px}.dna-screw:nth-child(2){top:14px;right:14px}.dna-screw:nth-child(3){bottom:14px;left:14px}.dna-screw:nth-child(4){bottom:14px;right:14px}.dna-deck{aspect-ratio:1;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;flex:none;width:clamp(230px,24vw,296px);position:relative}.dna-deck[data-scratch]{cursor:grab;touch-action:pan-y}.dna-deck[data-grab]{cursor:grabbing}.dna-deck[data-grab] .dna-platter{box-shadow:0 10px 26px -10px #000c,0 0 0 1px #000,0 0 40px -6px #52a8f566}.dna-rim{background:repeating-conic-gradient(#aeb7c2 0 .7deg,#0000 .7deg 3.6deg),linear-gradient(145deg,#3a4049,#15181c 60%,#2a2f36);opacity:.55;border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(closest-side,#0000 calc(100% - 9px),#000 calc(100% - 8px));mask:radial-gradient(closest-side,#0000 calc(100% - 9px),#000 calc(100% - 8px))}.dna-ring{background:repeating-conic-gradient(#121418 0 1.1deg,#0000 1.1deg 7.5deg),conic-gradient(var(--accent) calc(var(--dna-p)*1turn),#ffffff14 0);filter:drop-shadow(0 0 5px #52a8f588);border-radius:50%;position:absolute;inset:14px;-webkit-mask:radial-gradient(closest-side,#0000 calc(100% - 6px),#000 calc(100% - 5px));mask:radial-gradient(closest-side,#0000 calc(100% - 6px),#000 calc(100% - 5px))}.dna-platter{border-radius:50%;position:absolute;inset:26px;box-shadow:0 18px 40px -12px #000c,0 0 0 1px #000}.dna-disc{will-change:transform;background:radial-gradient(circle,#0000 0 22.5%,#fff0 22.5%),repeating-radial-gradient(circle,#ffffff16 0 .5px,#fff0 1px 7.7%),repeating-radial-gradient(circle,#ffffff09 0 .5px,#fff0 1px 1.1%),radial-gradient(circle,#303030 18%,#121212 50%,#1c1c1c 100%);border-radius:50%;position:absolute;inset:0}.dna-disc:after{content:"";border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 0 1.5px #ffffff14,inset 0 0 0 7px #0b0b0b}.dna-label{background:linear-gradient(#ffffff2e,#fff0 50%),linear-gradient(135deg,#30545c,#14242b 55%,#0e1114);border-radius:50%;place-items:center;display:grid;position:absolute;inset:29%;overflow:hidden;box-shadow:0 0 0 1px #0009}.dna-label svg{width:91%;height:91%;position:absolute;inset:4.5%}.dna-label text{font-family:ui-rounded,system-ui,sans-serif}.dna-label .trackpull-wordmark{width:50%;margin:0;position:relative;transform:translateY(-105%)}.dna-label span{color:#fffc;font-family:ui-rounded,system-ui,sans-serif;font-size:clamp(7px,.8vw,10px);font-weight:700;position:absolute;top:61%}.dna-hole{background:#0f0f0f;border-radius:50%;width:3.2%;height:3.2%;margin:-1.6% 0 0 -1.6%;position:absolute;top:50%;left:50%;box-shadow:0 0 0 .5px #ffffff40}.dna-reflex{mix-blend-mode:screen;pointer-events:none;background:conic-gradient(from 50deg,#fff0,#ffffff29 14%,#fff0 28% 50%,#ffffff17 64%,#fff0 78%);border-radius:50%;position:absolute;inset:0}.dna-deck.small{width:clamp(150px,18vw,220px)}.dna-deck.small .dna-ring{background:repeating-conic-gradient(#121418 0 1.1deg,#0000 1.1deg 7.5deg),conic-gradient(var(--mint) 1turn,#0000 0);filter:drop-shadow(0 0 6px #38c29988)}.dna-tempo{flex-direction:column;align-items:center;gap:12px;display:flex}.dna-tempo i{background-color:#0000;background-image:linear-gradient(90deg,#0000 calc(50% - 2px),#07080a calc(50% - 2px) calc(50% + 2px),#0000 calc(50% + 2px)),repeating-linear-gradient(#ffffff2e 0 1px,#0000 1px 17px);background-position:0 0,0 8px;background-repeat:no-repeat;background-size:100% 100%,100% 154px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:8px;width:26px;height:170px;position:relative;container-type:size}.dna-tempo b{height:26px;transform:translateY(var(--dna-fader,0));transition:transform 1s var(--ease);background:linear-gradient(#4a525c,#23272d 45%,#31373f 55%,#1a1d21);border-radius:5px;margin-top:-13px;position:absolute;top:78%;left:-3px;right:-3px;box-shadow:0 4px 8px #000a,inset 0 1px #fff3}.dna-tempo b:after{content:"";background:var(--accent);height:2px;box-shadow:0 0 6px var(--accent);border-radius:2px;margin-top:-1px;position:absolute;top:50%;left:4px;right:4px}.dna-pads{grid-template-columns:repeat(4,1fr);gap:12px;width:100%;display:grid}.dna-pads button{aspect-ratio:1.18;color:#7d8793;width:100%;font:700 10px/1 var(--mono);letter-spacing:1.4px;transition:color .4s,box-shadow .5s var(--ease),transform .12s,background .4s;background:linear-gradient(#2a2f36,#1b1e23);border:1px solid #000;border-radius:12px;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:10px 11px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff1f,0 3px #0a0b0d,0 0 #0000}.dna-pads button b{letter-spacing:0;font-size:17px;font-weight:600}.dna-pads button:disabled{cursor:default}.dna-pads button[aria-current]{color:#d8ecff;box-shadow:0 1px 0 #fff3 inset,0 3px 0 #0a0b0d,0 0 0 1.5px var(--accent),0 0 26px -2px #52a8f599;background:linear-gradient(#2c4258,#1b2836)}.dna-pads button[aria-current]:before{content:"";border-radius:inherit;opacity:0;pointer-events:none;animation:2.2s ease-in-out infinite dna-pad;position:absolute;inset:-1px;box-shadow:0 0 34px 2px #52a8f5bb}.dna-pads button.done{color:#c9f3e5;box-shadow:0 1px 0 #ffffff2e inset,0 3px 0 #0a0b0d,0 0 0 1.5px var(--mint),0 0 18px -4px #38c29988;background:linear-gradient(#22473d,#172a26)}.dna-pads button.done:after{content:"✓";color:var(--mint);text-shadow:0 0 8px #38c299aa;font-size:12px;position:absolute;top:9px;right:10px}.dna-pads button.done:not(:disabled):hover{filter:brightness(1.15)}.dna-pads button:not(:disabled):active{transform:translateY(2px)}@keyframes dna-pad{50%{opacity:1}}.dna-lcd{min-height:58px;font:600 12px/1 var(--mono);letter-spacing:1.6px;color:#8ec8fa;text-shadow:0 0 10px #52a8f577;background:linear-gradient(#07090c,#0c1016);border:1px solid #000;border-radius:12px;align-items:center;gap:16px;padding:10px 18px;display:flex;box-shadow:0 0 0 1px #ffffff0f,inset 0 0 24px #52a8f514}.dna-lcd-step{letter-spacing:.5px;color:#e6f3ff;font-size:17px}.dna-lcd-name{min-width:48px}.dna-wave{background:linear-gradient(90deg,var(--accent) calc(var(--dna-p)*100%),#ffffff24 0);filter:drop-shadow(0 0 4px #52a8f566);flex:1;min-width:40px;height:34px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 319 36' preserveAspectRatio='none'%3E%3Cpath stroke='%23000' stroke-width='3' stroke-linecap='round' d='M2 14v8M7 12v12M12 13v10M17 12v12M22 10v16M27 10v16M32 10v16M37 10v16M42 8v20M47 9v18M52 12v12M57 9v18M62 7v22M67 12v12M72 6v24M77 8v20M82 3v30M87 6v24M92 9v18M97 10v16M102 8v20M107 9v18M112 5v26M117 5v26M122 6v24M127 9v18M132 8v20M137 9v18M142 8v20M147 9v18M152 6v24M157 9v18M162 4v28M167 10v16M172 9v18M177 8v20M182 8v20M187 6v24M192 6v24M197 8v20M202 5v26M207 7v22M212 9v18M217 11v14M222 9v18M227 11v14M232 8v20M237 12v12M242 9v18M247 12v12M252 13v10M257 13v10M262 12v12M267 13v10M272 14v8M277 13v10M282 12v12M287 13v10M292 15v6M297 15v6M302 14v8M307 14v8M312 14v8M317 14v8'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 319 36' preserveAspectRatio='none'%3E%3Cpath stroke='%23000' stroke-width='3' stroke-linecap='round' d='M2 14v8M7 12v12M12 13v10M17 12v12M22 10v16M27 10v16M32 10v16M37 10v16M42 8v20M47 9v18M52 12v12M57 9v18M62 7v22M67 12v12M72 6v24M77 8v20M82 3v30M87 6v24M92 9v18M97 10v16M102 8v20M107 9v18M112 5v26M117 5v26M122 6v24M127 9v18M132 8v20M137 9v18M142 8v20M147 9v18M152 6v24M157 9v18M162 4v28M167 10v16M172 9v18M177 8v20M182 8v20M187 6v24M192 6v24M197 8v20M202 5v26M207 7v22M212 9v18M217 11v14M222 9v18M227 11v14M232 8v20M237 12v12M242 9v18M247 12v12M252 13v10M257 13v10M262 12v12M267 13v10M272 14v8M277 13v10M282 12v12M287 13v10M292 15v6M297 15v6M302 14v8M307 14v8M312 14v8M317 14v8'/%3E%3C/svg%3E") 50%/100% 100% no-repeat}.dna-led{text-transform:uppercase;color:#5c6672;text-shadow:none;align-items:center;gap:7px;font-size:10px;transition:color .4s;display:flex}.dna-led:before{content:"";background:#2a3038;border-radius:50%;width:7px;height:7px;transition:background .4s,box-shadow .4s}@keyframes dna-blink{50%{opacity:.25}}.dna-lcd-rpm{text-align:right;color:#6f95b6;min-width:74px;font-size:10px}.dna-lcd-rpm b{letter-spacing:.5px;color:#e6f3ff;font-size:17px;font-weight:600}.dna-meter{align-items:center;gap:14px;margin:-4px 0 14px;display:flex}.dna-meter span{flex:1;gap:5px;display:flex}.dna-meter i{background:#262c33;border-radius:3px;flex:1;height:7px;transition:background .25s,box-shadow .25s;box-shadow:inset 0 1px 2px #0009}.dna-meter p{text-align:right;min-width:118px;font:600 11px/1 var(--mono);letter-spacing:.6px;text-transform:uppercase;color:#8f99a5}.dna-meter[data-level="1"] i:nth-child(-n+1),.dna-meter[data-level="2"] i:nth-child(-n+2),.dna-meter[data-level="3"] i:nth-child(-n+3),.dna-meter[data-level="4"] i:nth-child(-n+4){background:var(--warm);box-shadow:0 0 8px #e39c4788}.dna-meter[data-level="5"] i{background:var(--mint);box-shadow:0 0 9px #38c299aa}.dna-meter[data-level="5"] p{color:#8fe0c5}.dna-burst{z-index:3;pointer-events:none;position:absolute;top:50%;left:50%}.dna-burst i{background:var(--accent);border-radius:3px;width:8px;height:14px;position:absolute;top:-7px;left:-4px}.dna-burst i:nth-child(5n+1){background:var(--mint)}.dna-burst i:nth-child(5n+2){background:var(--warm)}.dna-burst i:nth-child(5n+3){background:#8fd0ff;border-radius:50%;height:8px}.dna-burst i:nth-child(5n+4){background:#eef0f3;width:5px}.dna-led[data-state=on]{color:#9be8cf}.dna-led[data-state=on]:before{background:var(--mint);box-shadow:0 0 10px var(--mint)}.dna-led[data-state=live]{color:#bfe0fc}.dna-led[data-state=live]:before{background:var(--accent);box-shadow:0 0 10px var(--accent);animation:1s ease-in-out infinite dna-beat}.dna-led[data-state=busy]:before{background:var(--warm);box-shadow:0 0 10px var(--warm);animation:.5s steps(2,end) infinite dna-blink}.dna-led[data-state=warn]{color:#f1cf9d}.dna-led[data-state=warn]:before{background:var(--warm);box-shadow:0 0 10px var(--warm)}.dna-led[data-state=danger]{color:#f8c0b2}.dna-led[data-state=danger]:before{background:var(--danger);box-shadow:0 0 10px var(--danger)}@keyframes dna-beat{50%{opacity:.45}}@keyframes dna-rise{0%{opacity:0;transform:translateY(14px)}}[data-reveal=wait]{opacity:0;translate:0 14px}[data-reveal=in]{transition:opacity .6s var(--ease),translate .7s var(--ease)}@media print{[data-reveal]{opacity:1!important;translate:none!important}}[data-tempo=warm] .dna-tempo b{--dna-fader:-16cqh}[data-tempo=play] .dna-tempo b{--dna-fader:-32cqh}[data-tempo=fast] .dna-tempo b{--dna-fader:-60cqh}.dna-deck.mini{width:30px}.dna-deck.spin .dna-disc{animation:1.35s linear infinite dna-turn}.dna-deck.mini .dna-rim,.dna-deck.mini .dna-label svg,.dna-deck.mini .dna-label span,.dna-deck.mini .dna-label img{display:none}.dna-deck.mini .dna-ring{background:conic-gradient(var(--accent) calc(var(--dna-p)*1turn),#ffffff1c 0);filter:none;inset:0;-webkit-mask:radial-gradient(closest-side,#0000 calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(closest-side,#0000 calc(100% - 3px),#000 calc(100% - 2px))}.dna-deck.mini .dna-platter{box-shadow:none;inset:4px}.dna-deck.mini .dna-disc:after{box-shadow:inset 0 0 0 1px #ffffff14}@media (prefers-reduced-motion:reduce){.dna-key,.dna-key .dna-icon,.dna-ghost,.dna-pads button,.dna-pads button:before,.dna-tempo b,.dna-led,.dna-led:before,.dna-meter i,[data-reveal]{transition:none!important;animation:none!important}[data-reveal]{opacity:1!important;translate:none!important}}