.lab-page.lab-pocket,[data-theme=day] .lab-page.lab-pocket{--lab-bg:#171222;--lab-panel:#231b31;--lab-raised:#342944;--lab-line:#49385b;--lab-text:#f6efff;--lab-muted:#bcaecd;--lab-accent:#c693ff;--lab-accent-soft:#c693ff22;--lab-on:#c693ff;color-scheme:dark;background:radial-gradient(ellipse at 80% 0,#352140,#171222 65%)}.lab-pocket .lab-shell{max-width:1500px;padding-top:32px}.lab-pocket .lab-heading h1{letter-spacing:-.04em}.lab-pocket .lab-panel{border-radius:18px}.pocket-history{display:flex;gap:8px}.lab-pocket .pocket-transport{border-bottom:1px solid var(--lab-line);padding-bottom:22px}.lab-pocket .pocket-play{box-shadow:0 0 32px #c693ff25;color:#251638}.lab-pocket .pocket-track{border-radius:10px;padding:8px;background:color-mix(in srgb,var(--track-color) 7%,transparent)}.lab-pocket .pocket-steps{gap:8px}.lab-pocket .pocket-step{border-radius:7px;min-height:38px}.lab-pocket .pocket-step[aria-pressed=true]{box-shadow:0 0 16px color-mix(in srgb,var(--track-color) 28%,transparent)}.pocket-pads{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:12px 0}.pocket-pads button{min-width:0;min-height:110px;display:grid;align-content:center;gap:8px;background:linear-gradient(145deg,color-mix(in srgb,var(--pad-color) 80%,white),var(--pad-color));border:1px solid var(--pad-color);border-radius:18px;color:#171222;cursor:pointer;box-shadow:inset 0 0 25px #ffffff20,0 8px 20px #0002;transition:transform .12s,box-shadow .12s}.pocket-pads button.is-playing,.pocket-pads button:active{transform:scale(.96);box-shadow:0 0 30px var(--pad-color)}.pocket-pads small{font-size:11px}.pocket-pads strong{font-size:18px}@media(max-width:850px){.pocket-pads{grid-template-columns:repeat(3,minmax(0,1fr))}.pocket-pads button{min-height:90px}.lab-pocket .pocket-steps{gap:5px}}@media(max-width:480px){.lab-page.lab-pocket{padding-left:12px;padding-right:12px}.lab-pocket .lab-panel{padding:12px}.pocket-pads{gap:8px}.pocket-pads button{min-height:80px;border-radius:12px}.pocket-pads strong{font-size:14px}.lab-pocket .pocket-track{padding:6px}}@media(prefers-reduced-motion:reduce){.pocket-pads button{transition:none}}