:root{color-scheme:dark;--ink: #eee6d7;--ink-soft: #e8e0d1c4;--ink-faint: #e8e0d185;--bg: #14171c;--gold: #e7c98d;--gold-soft: #e2c18b33;--teal: #9ed8cf;--pill: #14171c99;--pill-line: #ddd4c42e;--mono: "IBM Plex Mono", ui-monospace, monospace;--serif: "Fraunces", Georgia, serif;--sans: "DM Sans", system-ui, sans-serif;font-family:var(--sans);color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit;touch-action:manipulation}button{cursor:pointer;color:inherit;border:0}button:disabled{cursor:wait;opacity:.6}a{color:inherit}button:focus-visible,input:focus-visible,[tabindex]:focus-visible,a:focus-visible{outline:2px solid #f8d69a;outline-offset:4px}[hidden]{display:none!important}.skip-link{position:absolute;top:10px;left:12px;z-index:60;padding:10px 16px;border-radius:999px;background:#edd4a7;color:#26211b;font:600 14px var(--sans);text-decoration:none;transform:translateY(-160%);transition:transform .15s}.skip-link:focus-visible{transform:none}.instrument-viewport:focus{outline:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.app{position:relative;min-height:100dvh;overflow:hidden;isolation:isolate;--d0-meter: 0;--d1-meter: 0}.instrument-stage [data-spin]{will-change:rotate}.scene{position:absolute;inset:0;z-index:-3;pointer-events:none}.scene svg{display:block;width:100%;height:100%;min-height:1000px}.room-shade{position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(180deg,#11151cd9 0,#11151c66 220px,#11151c08 46%,#0a0c11a6)}.app-header{position:relative;z-index:3;display:flex;align-items:center;gap:16px;padding:14px 32px}.wordmark{display:flex;flex:none;align-items:baseline;gap:12px;margin:0;font:600 22px/1 var(--mono);letter-spacing:-.04em}.wordmark span{font:500 12px var(--sans);letter-spacing:.02em;color:var(--ink-faint)}.header-nav{display:flex;flex:1;align-items:center;justify-content:center;gap:8px;min-width:0}.nav-group,.view-switch{display:flex;align-items:center;gap:6px}.header-nav :is(.nav-group>button,.nav-link){display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border:1px solid var(--pill-line);border-radius:999px;background:var(--pill);font:500 14px/1 var(--sans);white-space:nowrap;text-decoration:none;backdrop-filter:blur(14px);transition:background .2s,border-color .2s}.header-nav :is(.nav-group>button,.nav-link):hover{background:#ddd4c420}.header-nav .nav-group>:is([aria-pressed=true],[aria-expanded=true]){border-color:#ead3a9aa;background:#ead3a92a}.header-nav [data-action=equipment]{border-color:#d9b97c88;color:#f2d5a4}.nav-link{color:var(--ink-soft)}.nav-link span{font-size:12px;opacity:.8}.view-switch{gap:0;padding:3px;border:1px solid var(--pill-line);border-radius:999px;background:var(--pill);backdrop-filter:blur(14px)}.view-switch button{min-height:34px;padding:0 13px;border-radius:999px;background:none;color:var(--ink-soft);font:500 13px/1 var(--sans);white-space:nowrap;transition:background .2s,color .2s}.view-switch button:hover{color:var(--ink)}.view-switch button[aria-pressed=true]{background:#ead3a9;color:#231e17;font-weight:600}.nav-divider{width:1px;height:22px;margin:0 4px;background:var(--pill-line)}.sound-start{display:inline-flex;flex:none;align-items:center;gap:8px;min-height:44px;padding:0 20px 0 16px;border:1px solid #edd4a7;border-radius:999px;background:#edd4a7;color:#26211b;font:700 15px/1 var(--sans);box-shadow:0 6px 24px #0005;transition:background .2s,transform .15s}.sound-start:hover{background:#f6dfb8}.sound-start:active{transform:translateY(1px)}.sound-glyph{position:relative;width:12px;height:12px}.sound-glyph:before{content:"";position:absolute;inset:0 0 0 1px;background:currentColor;clip-path:polygon(0 0,100% 50%,0 100%)}.sound-start[data-state=playing] .sound-glyph:before{inset:0;clip-path:polygon(0 0,36% 0,36% 100%,0 100%,0 0,64% 0,100% 0,100% 100%,64% 100%,64% 0)}.sound-start[data-state=loading] .sound-glyph:before{inset:1px;border-radius:50%;clip-path:none;background:conic-gradient(currentColor 0 70%,transparent 0);animation:sound-spin .8s linear infinite;mask:radial-gradient(circle,transparent 3px,#000 3.5px)}@keyframes sound-spin{to{rotate:1turn}}.stage-room{position:relative;display:flex;flex-direction:column;align-items:center;min-height:675px;padding:0 26px 28px;perspective:1400px}.room-caption{display:flex;align-items:center;justify-content:space-between;width:min(1180px,100%);margin:2px 0 0;color:var(--ink-faint);font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase}.live-status{display:inline-flex;align-items:center;gap:7px;color:#dfc59b}.live-status:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.35}.app[data-live=true] .live-status{color:#a7e3b6}.app[data-live=true] .live-status:before{opacity:1;box-shadow:0 0 10px currentColor}.app[data-live=recording] .live-status{color:#ff9b88}.app[data-live=recording] .live-status:before{opacity:1;box-shadow:0 0 10px currentColor}.stage-head{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;margin:8px 0 14px;text-align:center}.stage-head:before{content:"";position:absolute;inset:-10px -40px;z-index:-1;border-radius:50%;background:#14171c55;filter:blur(18px);pointer-events:none}.stage-eyebrow{display:flex;align-items:center;gap:10px;margin:0;color:#e8d3acb8;font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase}.setup-silhouette{display:block;width:34px;height:24px;color:#dbc493}.setup-silhouette svg{display:block;width:100%;height:100%}.stage-count{padding:3px 7px;border:1px solid currentColor;border-radius:999px;opacity:.7;letter-spacing:.08em}.stage-head h1{margin:6px 0 4px;font:400 34px/1.1 var(--serif);letter-spacing:-.02em}.stage-desc{max-width:600px;margin:0;color:var(--ink-soft);font-size:15px;line-height:1.5}.first-moves{display:flex;align-items:center;justify-content:center;gap:6px;max-width:100%;margin-top:12px}.fm-toggle,.fm-steps button,.fm-lesson{display:inline-flex;flex:none;align-items:center;gap:7px;min-height:36px;padding:0 13px;border:1px solid #e2c18b44;border-radius:999px;background:#14171ca6;font:500 13px/1 var(--sans);white-space:nowrap;backdrop-filter:blur(10px);transition:background .2s,border-color .2s}.fm-toggle{color:var(--gold);font-weight:600}.fm-toggle span{font-size:11px}.fm-toggle:hover,.fm-steps button:hover,.fm-lesson:hover{border-color:#e2c18b99;background:#1c2026d9}.first-moves[data-open=true] .fm-toggle{border-color:transparent;background:none;backdrop-filter:none}.fm-steps{display:flex;gap:6px;margin:0;padding:0;list-style:none}.fm-steps b{display:grid;place-content:center;width:20px;height:20px;margin-left:-5px;border:1px solid #e7c98d88;border-radius:50%;color:var(--gold);font:600 11px/1 var(--mono)}.fm-steps [aria-current=step]{border-color:var(--teal);background:#1a2427e6}.fm-steps [aria-current=step] b{border-color:var(--teal);background:var(--teal);color:#14171c}.fm-steps [data-done=true] b{border-color:#9ed8cf88;color:transparent;background:#9ed8cf22;position:relative}.fm-steps [data-done=true] b:after{content:"\2713";position:absolute;inset:0;display:grid;place-content:center;color:var(--teal);font-size:12px}.fm-lesson{border-color:transparent;background:none;backdrop-filter:none;color:var(--gold);text-decoration:underline;text-decoration-color:#e7c98d55;text-underline-offset:4px}.first-moves[data-open=false] :is(.fm-steps,.fm-lesson){display:none}.first-move-target{outline:2px dashed var(--teal)!important;outline-offset:7px;filter:drop-shadow(0 0 10px #9ed8cf55)}.coach{--ink: #eee6d7;--ink-soft: #e8e0d1c4;position:fixed;z-index:40;width:min(320px,calc(100vw - 24px));padding:12px 14px 12px 16px;border:1px solid #9ed8cf88;border-radius:12px;background:#182226f2;color:var(--ink);box-shadow:0 14px 40px #000a;backdrop-filter:blur(16px);opacity:0;transform:translateY(4px);transition:opacity .18s,transform .18s;pointer-events:none}.coach[data-shown=true]{opacity:1;transform:none;pointer-events:auto}.coach:after{content:"";position:absolute;left:var(--arrow, 50%);width:12px;height:12px;margin-left:-6px;border:inherit;border-width:0 1px 1px 0;background:inherit;rotate:45deg}.coach[data-side=above]:after{bottom:-7px}.coach[data-side=below]:after{top:-7px;rotate:225deg}.coach-head{display:flex;align-items:baseline;gap:8px;margin:0 0 4px;font:600 14px/1.3 var(--sans)}.coach-head small{color:var(--teal);font:600 11px var(--mono);letter-spacing:.1em}.coach p{margin:0;color:var(--ink-soft);font-size:14px;line-height:1.45}.coach-foot{display:flex;justify-content:flex-end;gap:6px;margin-top:10px}.coach-foot button{min-height:32px;padding:0 12px;border:1px solid #9ed8cf55;border-radius:999px;background:none;font:600 13px var(--sans)}.coach-foot .coach-next{border-color:var(--teal);background:var(--teal);color:#14171c}.instrument-areas{display:none;gap:4px;margin:0 0 6px;padding:3px;border:1px solid #eed4a722;border-radius:999px;background:#151a2099;backdrop-filter:blur(10px)}.app[data-pans=true] .instrument-areas{display:flex}.instrument-areas button{min-height:32px;padding:0 12px;border-radius:999px;background:none;color:#ebd5ad;font:500 12px var(--mono)}.instrument-areas button:hover{background:#eed4a71a}.instrument-areas>span{align-self:center;padding:0 6px;color:#ebd5ad99;font-size:11px}.app[data-pans=true] :is(.tt-hint,.still-hint,.tr-pan-hint,.stn-pan-hint,.rig-pan-hint,.sp-hint){display:none!important}.instrument-viewport{position:relative;display:flex;align-items:center;justify-content:center;width:min(1180px,100%);min-height:480px;overflow:visible}.instrument-stage{position:relative;z-index:1;width:100%;transform-origin:50% 62%;filter:drop-shadow(0 28px 24px #0009);transition:transform 1.4s cubic-bezier(.2,.75,.1,1),filter 1.4s}.instrument-stage:before{content:"";position:absolute;bottom:-25px;left:5%;z-index:-1;width:90%;height:30px;border-radius:50%;background:#0006;filter:blur(25px)}.world-caption{position:absolute;bottom:22px;text-align:center;opacity:0;pointer-events:none;transition:opacity 1s}.world-caption p{margin:0 0 6px;font:italic 22px var(--serif)}.world-caption span{font-size:13px;opacity:.7}.control-caption{display:flex;align-items:baseline;justify-content:center;gap:12px;width:fit-content;max-width:min(900px,100%);min-height:44px;margin:14px auto 0;padding:11px 18px;border-radius:12px;background:#11141aa6;font-size:14px;line-height:1.55;text-align:left;backdrop-filter:blur(10px)}.control-caption b{flex:none;color:#e8c890;font-weight:600}.control-caption span{color:var(--ink-faint)}.session-bar{position:relative;z-index:2;display:flex;align-items:center;gap:18px;margin:0 32px;padding:12px 0;border-top:1px solid #e5d1a926;font-size:13px}.session-bar:before{content:"";position:absolute;inset:0 -32px;z-index:-1;background:#0e1117a6;backdrop-filter:blur(8px);pointer-events:none}.session-bar button{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid transparent;border-radius:999px;background:none;font-size:14px;white-space:nowrap;transition:background .2s,border-color .2s}.session-bar button:hover{border-color:var(--pill-line);background:#ddd4c412}.session-bar .sb-records{padding-left:10px;border-color:var(--pill-line)}.session-bar small{color:var(--ink-faint);font-size:12px}.crate-icon{font-size:18px;line-height:1}.now-playing{display:flex;flex:1;align-items:center;justify-content:center;gap:12px;min-width:0;color:var(--ink-soft);font:500 12px var(--mono)}.now-playing span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.now-playing i{color:var(--ink-faint);font:16px var(--serif)}.sb-actions{display:flex;gap:4px}.session-status{color:#dfd6c770;font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase}.app[data-mode=world] .stage-head{opacity:.7}.app[data-mode=world] .first-moves{display:none}.app[data-mode=world] .room-shade{background:linear-gradient(180deg,#11151c99,#11151c00 45%,#11151c99)}.app[data-mode=world] .world-caption{opacity:1}.app[data-mode=world] .control-caption{visibility:hidden}.app[data-mode=world] .instrument-areas{display:none}.app[data-mode=world] .instrument-viewport{position:relative;width:100%;height:520px;min-height:520px;overflow:hidden}.app[data-mode=world] .instrument-stage{position:absolute;top:50%;left:50%;width:1100px;min-width:1100px;transform:translate(-50%,-50%) scale(var(--world-scale, .58)) rotateX(10deg);transform-origin:50% 50%;filter:drop-shadow(0 28px 24px #0008)}.app[data-mode=world] .instrument-stage .instrument{pointer-events:none}.app[data-mode=world] .instrument{width:100%;max-width:none}.app[data-mode=world] .still-pan{overflow:visible}.app[data-mode=world] .still-body{width:1100px}.app[data-mode=world] .still-hint{display:none}.app[data-board=still][data-mode=world] .instrument-stage{top:calc(50% + 22px)}.field-notes{position:fixed;top:88px;right:26px;z-index:20;width:400px;max-height:calc(100dvh - 115px);overflow:auto;padding:22px 24px;border:1px solid #ddcba636;border-radius:12px;background:linear-gradient(135deg,#252627f7,#151a1ff7);color:#e6dcc9;box-shadow:0 20px 80px #0008;backdrop-filter:blur(24px)}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.panel-heading small{font:500 11px var(--mono);letter-spacing:.12em;color:#d9b97c}.panel-heading h2{margin:6px 0 0;font:400 24px var(--serif)}.field-notes .panel-heading h2{margin:0}.close{flex:none;width:40px;height:40px;border-radius:50%;background:none;color:#ddd1beaa;font-size:24px}.close:hover{background:#ffffff10;color:var(--ink)}.field-notes ol{margin:18px 0;padding:0;list-style:none}.field-notes li{display:flex;align-items:baseline;gap:14px;padding:12px 0;border-top:1px solid #dbccae18}.field-notes li>small{color:#d9b97c;font:12px var(--mono)}.field-notes li b{font-size:14px;font-weight:600}.field-notes li p{margin:5px 0 0;color:#ddcfbbb0;font-size:14px;line-height:1.6}.field-notes details{padding:12px 0;border-top:1px solid #ddcba626;color:#ddd0bd;font-size:14px}.field-notes summary{cursor:pointer;font-size:15px;font-weight:500}.field-notes .honest-note{color:#ddcfbba0;font-size:13px}.signal-path{padding:14px;border:1px solid #d9b97c25;background:#d9b97c0a}.signal-path p{margin:0 0 8px;font:12px/1.7 var(--mono)}.signal-path span{color:#ddcfbb99;font-size:13px;line-height:1.6}.control-dictionary{padding:12px 13px;border-left:2px solid #d9b97c50;background:#d9b97c08;font:12px/1.8 var(--mono)!important}.practice-list{display:grid;gap:6px;margin:18px 0}.practice-list button{display:flex;flex-direction:column;gap:5px;padding:12px 14px;border:1px solid #d9b97c25;border-radius:8px;background:#d9b97c08;text-align:left}.practice-list button:hover{background:#d9b97c15}.practice-list b{color:#ebd5a8;font-size:14px;font-weight:600}.practice-list span{color:#ddcfbbb0;font-size:13px;line-height:1.55}.notes-links{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:14px}.notes-links a{color:#d9b97c;font-size:13px;text-decoration:none}.notes-links a:hover{text-decoration:underline}.notes-links .notes-tab-note{display:block;flex-basis:100%;color:#c9bea8;font-size:12px}.lesson-highlight{outline:2px solid #ffe3a4!important;outline-offset:7px;filter:drop-shadow(0 0 9px #f4cc7766)}#toast{position:fixed;bottom:24px;left:50%;z-index:50;max-width:min(560px,calc(100% - 30px));padding:12px 18px;border-radius:10px;background:#ede0c7;color:#30281c;box-shadow:0 8px 40px #0005;font-size:14px;line-height:1.45;opacity:0;pointer-events:none;transform:translate(-50%,12px);transition:opacity .25s,transform .25s}#toast.visible{opacity:1;transform:translate(-50%)}.drop-ready{outline:2px dashed #efd496!important;outline-offset:5px}.instrument :is([data-control=scratch],[data-control=needle],input[type=range],[data-control=cut],[data-control=hotcue]){touch-action:none;user-select:none}.instrument canvas{display:block}.instrument input[type=number]:disabled{opacity:.35;cursor:default}.instrument button:active{translate:0 1px}@media (min-width: 1600px){.stage-room{min-height:730px}.instrument-viewport{width:1240px}}@media (min-width: 1001px) and (max-height: 950px){.app-header{padding-block:10px}.stage-head{margin:4px 0 10px}.stage-head h1{font-size:30px}.first-moves{margin-top:10px}}@media (max-width: 1180px){.app-header{flex-wrap:wrap;row-gap:10px;padding:12px 22px}.wordmark{margin-right:auto}.header-nav{order:3;flex-basis:100%;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;margin:0 -22px;padding:2px 22px;mask:linear-gradient(90deg,transparent,#000 22px,#000 calc(100% - 22px),transparent)}.header-nav::-webkit-scrollbar{display:none}.stage-room{padding:0 14px 25px}.session-bar{margin:0 22px;gap:12px}.session-bar:before{inset:0 -22px}.session-status{display:none}}@media (max-width: 640px){.app-header{padding:10px 14px}.header-nav{margin:0 -14px;padding:2px 14px;gap:6px;mask:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 14px),transparent)}.header-nav :is(.nav-group>button,.nav-link){min-height:38px;padding:0 12px;font-size:14px}.view-switch button{min-height:32px;padding:0 11px}.wordmark{font-size:19px}.wordmark span{display:none}.sound-start{min-height:42px;padding:0 16px 0 14px}.stage-room{min-height:590px;padding:0 0 22px}.room-caption{width:calc(100% - 28px);font-size:11px;letter-spacing:.08em}.stage-head{margin:6px 14px 10px}.stage-head:before{inset:-6px -10px}.stage-head h1{font-size:28px}.stage-desc{font-size:14px}.stage-eyebrow{gap:8px;font-size:11px;letter-spacing:.08em}.setup-silhouette{width:28px;height:20px}.first-moves{justify-content:flex-start;width:100vw;margin-top:10px;padding:2px 14px;overflow-x:auto;scrollbar-width:none;mask:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 14px),transparent)}.first-moves::-webkit-scrollbar{display:none}.first-moves[data-open=false]{justify-content:center}.fm-toggle,.fm-steps button,.fm-lesson{min-height:38px}.instrument-viewport{justify-content:flex-start;min-height:420px;padding:10px 14px 16px;overflow-x:auto;overflow-y:hidden;scrollbar-color:#d9b97c55 transparent;scrollbar-width:thin}.instrument-stage{flex:none;width:auto;min-width:100%}.control-caption{display:block;width:auto;min-height:66px;margin:6px 16px 0;font-size:13px}.control-caption b{display:block;margin-bottom:2px}.session-bar{flex-wrap:wrap;gap:6px 8px;margin:0 14px;padding:10px 0}.session-bar:before{inset:0 -14px}.session-bar small{display:none}.sb-actions{margin-left:auto}.session-bar button{min-height:38px;padding:0 10px;font-size:13px}.now-playing{order:3;flex-basis:100%;justify-content:flex-start;font-size:12px}.field-notes{top:72px;right:10px;left:10px;width:auto;max-height:calc(100dvh - 90px);padding:18px}.app[data-mode=world] .instrument-viewport{height:420px;min-height:420px;padding:0}.app[data-mode=world] .world-caption{bottom:10px}.world-caption p{font-size:18px}.scene svg{min-height:1100px}}@media (hover: none){.fm-steps button:hover,.fm-toggle:hover,.header-nav :is(.nav-group>button,.nav-link):hover{background:var(--pill)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.app[data-board=teeter]{color:#3a2b20;--ink-soft: #513c2ed0;--ink-faint: #513c2e99;--pill: #fff2d5a6;--pill-line: #654c3b33}.app[data-board=teeter] .room-shade{background:linear-gradient(180deg,#fff3daa6,#ffecc522 35%,#9c734233)}.app[data-board=teeter] .stage-head:before{background:#f3e4c27a}.app[data-board=teeter] :is(.room-caption,.stage-eyebrow,.live-status){color:#513c2eb0}.app[data-board=teeter] .setup-silhouette{color:#654f32}.app[data-board=teeter] .header-nav [data-action=equipment]{border-color:#654c3b66;color:#573d2d}.app[data-board=teeter] .header-nav .nav-group>:is([aria-pressed=true],[aria-expanded=true]){border-color:#774330;background:#77433022}.app[data-board=teeter] .view-switch button[aria-pressed=true]{background:#774330;color:#fff4de}.app[data-board=teeter] .sound-start{border-color:#774330;background:#774330;color:#fff4de}.app[data-board=teeter] .sound-start:hover{background:#8d523c}.app[data-board=teeter] :is(.fm-toggle,.fm-steps button){border-color:#654c3b44;background:#fff2d5d0;color:#3d2b20}.app[data-board=teeter] .first-moves[data-open=true] .fm-toggle{background:none}.app[data-board=teeter] :is(.fm-toggle,.fm-lesson){color:#774330}.app[data-board=teeter] .fm-steps b{border-color:#77433088;color:#774330}.app[data-board=teeter] .fm-steps [aria-current=step]{border-color:#2f7f74}.app[data-board=teeter] .fm-steps [aria-current=step] b{border-color:#2f7f74;background:#2f7f74;color:#fff4de}.app[data-board=teeter] .first-move-target{outline-color:#2f7f74!important}.app[data-board=teeter] .instrument-areas{border-color:#5b3a2e33;background:#fff0d9cc}.app[data-board=teeter] .instrument-areas button{color:#573d2d}.app[data-board=teeter] .session-bar{border-color:#5a3c2c33}.app[data-board=teeter] .session-bar:before{background:#f3e4c27a}.app[data-board=teeter] .session-status{color:#573d2d80}.app[data-board=teeter] .control-caption{background:#fff4e0b8}.app[data-board=teeter] .control-caption b{color:#774330}.equipment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.equipment-card{display:block;min-width:0;text-align:left;color:#eee6d7;background:#23272b;border:1px solid #d8c9ad30;border-radius:8px;padding:0;text-decoration:none;overflow:hidden;font-family:DM Sans,sans-serif;transition:border-color .2s,background .2s;cursor:pointer}.equipment-card:hover,.equipment-card[aria-current=true]{border-color:#eac58e;background:#2e3032}.equipment-card:focus-visible{outline:2px solid #f3d7a1;outline-offset:4px}.equipment-preview{position:relative;display:block;aspect-ratio:1100/710;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 50% 30%,#343638,#171a1e)}.preview-scale{position:absolute;display:block;left:0;top:8%;width:1100px;transform:scale(var(--preview-scale,.25));transform-origin:0 0;pointer-events:none}.equipment-preview .instrument{width:1100px;max-width:none;pointer-events:none}.equipment-preview .instrument--still:before,.equipment-preview .instrument--still:after{display:none}.equipment-card-copy{display:flex;flex-direction:column;gap:6px;padding:15px 18px 18px;min-height:109px}.equipment-card-copy small{font:9px IBM Plex Mono,monospace;color:#d9b97c;letter-spacing:.08em;text-transform:uppercase}.equipment-card-copy strong{font-size:17px;font-weight:600}.equipment-card-copy>span{font-size:12px;color:#c0b9ac;line-height:1.5}.equipment-panel{width:min(1180px,calc(100% - 36px));max-height:calc(100dvh - 40px);overflow:auto;padding:24px;color:#eee6d7;background:#171c21;border:1px solid #ddcba640;border-radius:10px;box-shadow:0 24px 90px #0009}.equipment-panel .equipment-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.equipment-card[aria-current=true]{box-shadow:inset 0 0 0 1px #eac58e}.equipment-current{margin-left:6px;padding:2px 6px;border-radius:4px;background:#eac58e;color:#1f2629;font-weight:600}.equipment-panel::backdrop{background:#090c10b8;backdrop-filter:blur(8px)}.equipment-panel .panel-heading{position:sticky;top:-24px;z-index:3;margin:-24px -24px 7px;padding:24px 24px 12px;background:#171c21}.equipment-panel h2{font:400 27px Fraunces,serif;margin:0}.equipment-panel .equipment-help{margin:0 0 20px;font-size:12px;color:#bcb7ad}.equipment-panel .close{background:none;border:0}.equipment-page{max-width:1120px;margin:auto;padding:24px 28px 28px}.equipment-page header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.equipment-page header a{text-decoration:none;font-size:12px}.equipment-page .equipment-brand{font:600 23px IBM Plex Mono,monospace;letter-spacing:-1px}.equipment-page h1{font:400 34px Fraunces,serif;margin:0 0 6px}.equipment-page .equipment-intro{font-size:13px;color:#bcb7ad;margin:0 0 24px}.equipment-page details{margin-top:22px;border-top:1px solid #ddcba626;padding-top:17px;color:#bcb7ad;font-size:12px}.equipment-page summary{cursor:pointer;width:fit-content}.earlier-equipment{display:flex;gap:22px;margin-top:17px;flex-wrap:wrap}.earlier-equipment a{color:#e3c89a}.equipment-page details p{font-size:11px;line-height:1.6;margin:10px 0 0}.equipment-page{background:radial-gradient(ellipse at 50% 0,#292b2a,transparent 55%)}.equipment-ideas{margin-top:22px;padding-top:16px;border-top:1px solid #ddcba626;font-family:DM Sans,sans-serif}.equipment-ideas h3{margin:0 0 10px;font:600 16px/1.3 DM Sans,sans-serif;color:#eee6d7}.equipment-ideas h3 small{margin-left:8px;font:500 12px IBM Plex Mono,monospace;letter-spacing:.06em;text-transform:uppercase;color:#d9b97c}.equipment-ideas ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px;margin:0;padding:0;list-style:none}.equipment-ideas li{font-size:14px;line-height:1.45;color:#c0b9ac}.equipment-ideas b{display:block;font-weight:600;color:#e6dccb}@media (max-width:1000px){.equipment-panel .equipment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.equipment-panel .equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.equipment-ideas ul{grid-template-columns:1fr}.equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.equipment-card-copy{padding:12px;min-height:116px;gap:5px}.equipment-card-copy strong{font-size:14px}.equipment-card-copy>span{font-size:11px}.equipment-page{padding:20px 16px}.equipment-page header{margin-bottom:22px}.equipment-page h1{font-size:28px}.equipment-panel{padding:18px;width:calc(100% - 24px);max-height:calc(100dvh - 24px)}.equipment-panel .panel-heading{top:-18px;margin:-18px -18px 7px;padding:18px 18px 12px}.equipment-panel .equipment-help{line-height:1.5;margin-bottom:16px}}@media (prefers-reduced-motion:reduce){.equipment-card{transition:none}}.equipment-preview{content-visibility:auto}.equipment-preview[data-pending] .preview-scale{content-visibility:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.record-library{color:#eee6d7;background:#171b1e;border:1px solid #d8c7a93b;border-radius:10px;padding:0;width:min(1280px,calc(100% - 44px));max-width:none;height:min(870px,calc(100dvh - 50px));max-height:none;overflow:hidden;box-shadow:0 28px 120px #000b;font:14px DM Sans,sans-serif;color-scheme:dark}.record-library::backdrop{background:#080b10a8;backdrop-filter:blur(8px)}.record-library[open]{display:flex;flex-direction:column}.record-library button,.record-library input,.record-library select{font:inherit}:where(.record-library) button{background:none;color:inherit;border:0;cursor:pointer}.record-library button:focus-visible,.record-library input:focus-visible,.record-library select:focus-visible{outline:2px solid #f4d394;outline-offset:3px}.record-library button:disabled,.record-library button[aria-disabled=true]{opacity:.5;cursor:wait}.app-header [data-action=crate]{border-color:#d9c49666}.library-heading{display:flex;align-items:center;gap:14px;padding:14px 18px 14px 24px;border-bottom:1px solid #ead6b71a;flex:none}.library-heading>div{flex:1;min-width:0}.library-eyebrow{font:11px IBM Plex Mono,monospace;letter-spacing:1.1px;color:#bda47c}.library-heading h2{font:500 26px/1.1 Fraunces,serif;margin:4px 0 0}.library-heading h2 small{font:13px IBM Plex Mono,monospace;vertical-align:middle;color:#d5c9b380;margin-left:9px}.library-browse-context{font-size:13px;color:#d7c8ad99;margin:5px 0 0}.library-heading .library-import{height:38px;padding:0 14px;border:1px solid #dbc9a344;border-radius:4px;color:#e6c99a;font-size:14px;white-space:nowrap}.library-heading .library-import:hover{background:#e2c39112}.library-heading .close{font-size:24px;width:40px;height:40px;padding:0;border-radius:4px;flex:none}.library-heading .close:hover{background:#ffffff0d}.library-decks{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#e6caa718;flex:none}.library-deck{display:flex;align-items:center;gap:12px;background:#202528;padding:9px 24px;min-width:0}.library-deck-art{display:flex;align-items:center;justify-content:center;flex:none;width:34px;height:34px;background-size:cover}.library-deck-art>*{display:none}.library-deck>span:last-child{min-width:0;display:flex;flex-direction:column;gap:4px}.library-deck b{font-size:13px;font-weight:500;display:flex;gap:13px;align-items:center}.library-deck em{font:10px IBM Plex Mono,monospace;font-style:normal;color:#ecd19c}.library-deck small{font-size:13px;color:#ddd0baab;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-drop-ready{outline:2px dashed #efd496;outline-offset:-5px}.library-note{font-size:12px;line-height:1.5;color:#cabc9e99;padding:9px 24px;border-top:1px solid #e7d5b817;flex:none;margin:0}.library-note a{color:#e6c99a;text-underline-offset:2px}.library-feedback{flex:none;margin:0;padding:9px 24px;background:#ddba7512;border-top:1px solid #e7c38944;color:#f0d6a9;font-size:14px;line-height:1.5;display:flex;align-items:center;justify-content:space-between;gap:10px}.library-feedback[hidden]{display:none}.library-feedback button{flex:none;border:1px solid #e7c38977;border-radius:4px;padding:9px 12px;color:#f1d6a5;background:#e7c3890d;font-size:13px}.library-layout{display:grid;grid-template-columns:164px minmax(0,1fr) 300px;min-height:0;flex:1}.library-crates{padding:18px 12px;border-right:1px solid #e7d5b817;overflow:auto}.library-crates button{display:flex;gap:8px;justify-content:space-between;align-items:center;text-align:left;width:100%;font-size:13px;line-height:1.4;padding:10px;border-radius:4px;color:#d9cebad1;margin:0 0 3px}.library-crates button:hover,.library-crates button[aria-pressed=true]{background:#e5c69412;color:#f4d39a}.library-crates button[aria-pressed=true]{box-shadow:inset 2px 0 #e9c992}.library-crates button small{font:11px IBM Plex Mono,monospace;opacity:.7}.library-crate-label{display:block;margin:24px 10px 10px;font:10px IBM Plex Mono,monospace;letter-spacing:.8px;color:#baa88b99;text-transform:uppercase}.library-catalog{padding:18px 20px 24px;min-width:0;overflow:auto;scrollbar-color:#685b47 #171b1e;scrollbar-width:thin}.library-catalog,.library-detail,.library-crates{overscroll-behavior:contain}.library-tools{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.library-tools label{flex:none;min-width:0}.library-tools .library-search{flex:1 1 175px}.library-tools input,.library-tools select,.library-tools button{box-sizing:border-box;height:36px;background:#0f1416;color:#e6dccb;border:1px solid #d9c4a02a;border-radius:4px;font-size:13px;min-width:0}.library-tools input{width:100%;padding:0 11px}.library-tools input::placeholder{color:#dbceb080}.library-tools select{appearance:none;-webkit-appearance:none;width:100%;padding:0 30px 0 11px;cursor:pointer;background:#0f1416 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23d9c49a' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 11px center}.library-tools select:hover,.library-tools button:hover{border-color:#d9c4a055}.library-tools option{background:#0f1416;color:#e6dccb}.library-tools button{padding:0 11px;white-space:nowrap;flex:none}.library-result-caption{font:11px IBM Plex Mono,monospace;color:#d4c5ab9c;margin:16px 0 12px}.library-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 16px}.library-record{position:relative;min-width:0;display:flex;flex-direction:column;container:record/inline-size}.library-select{display:flex;flex-direction:column;text-align:left;width:100%;padding:0;gap:11px}.library-art{display:flex;position:relative;width:100%;aspect-ratio:1;background-size:cover;background-position:center;flex-direction:column;justify-content:space-between;overflow:hidden;isolation:isolate;box-shadow:3px 6px 14px #0006;color:#292725;padding:13px;outline:1px solid #e7d3b926;outline-offset:-1px;container-type:inline-size;box-sizing:border-box}.library-art:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 3px 0 5px #ffefc31a,inset -5px 0 8px #0003;z-index:1}.library-art small{font:6px IBM Plex Mono,monospace;letter-spacing:.5px}.library-art em{font:7px IBM Plex Mono,monospace;font-style:normal}.library-art strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;font:500 clamp(16px,15cqw,27px)/1.05 "Fraunces",serif;letter-spacing:-.4px;overflow-wrap:normal;hyphens:none;max-width:100%;margin-top:auto;margin-bottom:14px;padding-bottom:.08em}.library-art[data-length=mid] strong{font-size:clamp(14px,12cqw,23px)}.library-art[data-length=long] strong{font-size:clamp(13px,10cqw,19px);line-height:1.1}.has-cover{padding:0}.has-cover>small{display:none}.library-record-copy{display:flex;flex-direction:column;gap:4px;min-width:0;width:100%}.library-record-copy b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;font-size:14px;font-weight:500;line-height:15px;min-height:30px;overflow-wrap:anywhere}.library-record-copy>span,.library-record-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-record-copy>span{font-size:12px;line-height:13px;color:#d2c2a480}.library-record-copy small{font:11px/13px IBM Plex Mono,monospace;color:#d9c6a8b3}.library-record.selected .library-art{outline:2px solid #e7c389;outline-offset:3px}.library-select:hover .library-art,.library-record:has(.library-select:hover) .library-heart{translate:0 -3px}.library-art,.library-heart{transition:translate .18s}.library-on-deck{position:absolute;left:8px;top:8px;z-index:2;font:10px IBM Plex Mono,monospace;color:#f1dcad;background:#141b1fde;border:1px solid #e3cfad44;padding:5px;border-radius:2px}.library-heart{position:absolute;right:3px;top:3px;z-index:2;display:grid;place-items:center;width:40px;height:40px;padding:0;color:#eadbc2}.library-heart-disc{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#12161ad0;border:1px solid #ead3b538;backdrop-filter:blur(5px);box-sizing:border-box}.library-heart svg,.library-favorite svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}.library-heart:hover .library-heart-disc{border-color:#ead3b580;background:#12161aee}.library-heart[aria-pressed=true]{color:#f2b56e}.library-heart[aria-pressed=true] .library-heart-disc{background:#2a1d12e8;border-color:#f2b56e8c}.library-heart[aria-pressed=true] svg,.library-favorite[aria-pressed=true] svg{fill:currentColor}.record-library .library-heart:focus-visible{outline-offset:-3px}.library-card-actions{display:flex;gap:5px;margin-top:12px}.library-card-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;box-sizing:border-box;border:1px solid #d9c4a030;border-radius:4px;background:#ffffff05;color:#e4cfa9;font-size:13px;white-space:nowrap;transition:background-color .15s,border-color .15s}.library-card-actions button:hover{background:#e2c39118;border-color:#e2c39166}.library-card-actions .library-preview{flex:1 1 auto;min-width:0;padding:0 10px;overflow:hidden}.library-card-actions .library-preview span{overflow:hidden;text-overflow:ellipsis}.library-load{flex:none;min-width:36px;padding:0 10px}.library-load.preferred{border-color:#e2c391a0;color:#f3d9aa}.library-load.on{border-color:#9fc0b866;color:#cfe7df}.library-load.live:after{content:"";width:5px;height:5px;border-radius:50%;background:#eaa25c;margin-left:-1px}.library-icon{width:11px;height:11px;flex:none}.library-preview[aria-pressed=true],.library-preview[aria-busy=true]{background:#e2c391!important;border-color:#f6d9a9!important;color:#262119!important}.library-preview[aria-busy=true] .library-icon{animation:library-pulse 1s ease-in-out infinite alternate}@keyframes library-pulse{to{opacity:.35}}@container record (max-width:215px){.library-load-word{display:none}}.library-load-confirm{border:1px solid #e3ac6070;background:#a85b2915;border-radius:4px;padding:12px;font-size:13px;line-height:1.5}.library-load-confirm p{margin:0 0 10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:hidden}.library-load-confirm p b{font-weight:500;color:#f3dcb3}.library-load-confirm div{display:flex;gap:6px}.library-load-confirm button{flex:1;height:34px;border:1px solid #e4c08270;border-radius:4px;font-size:13px;padding:0 10px}.library-load-confirm button:first-child{background:#e4c082;color:#30261a}.library-record .library-load-confirm{position:absolute;left:0;right:0;top:0;aspect-ratio:1;z-index:3;display:flex;flex-direction:column;justify-content:flex-end;box-sizing:border-box;margin:0;background:linear-gradient(#11151870,#111518f5 42%);backdrop-filter:blur(3px);border-color:#e3ac60aa;border-radius:2px;overflow:hidden}.library-record.confirming .library-heart,.library-record.confirming .library-on-deck{visibility:hidden}.library-results[data-view=list]{display:flex;flex-direction:column;gap:0}.library-results[data-view=list] .library-record{flex-direction:row;flex-wrap:wrap;align-items:center;gap:0 8px;padding:9px 6px;border-top:1px solid #e3ceaa16}.library-results[data-view=list] .selected{background:#ebd2a108}.library-results[data-view=list] .library-select{flex:1 1 0;min-width:0;flex-direction:row;align-items:center;gap:13px}.library-results[data-view=list] .library-art{width:46px;height:46px;flex:none;padding:4px}.library-results[data-view=list] .library-art>*{display:none}.library-results[data-view=list] .library-record.selected .library-art{outline-offset:2px}.library-results[data-view=list] .library-record-copy{gap:3px}.library-results[data-view=list] .library-record-copy b{min-height:0}.library-results[data-view=list] .library-on-deck{position:static;flex:none;margin-left:auto;white-space:nowrap}.library-results[data-view=list] .library-card-actions{margin:0;flex:none;order:2}.library-results[data-view=list] .library-heart{position:static;order:3;flex:none;translate:none}.library-results[data-view=list] .library-heart-disc{background:none;border-color:transparent}.library-results[data-view=list] .library-heart[aria-pressed=true] .library-heart-disc{background:#2a1d1299}.library-results[data-view=list] .library-card-actions .library-preview{flex:none;min-width:92px}.library-results[data-view=list] .library-load-confirm{position:static;order:4;flex:1 1 100%;aspect-ratio:auto;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;margin:9px 0 2px;background:#a85b2915;backdrop-filter:none}.library-results[data-view=list] .library-load-confirm p{margin:0}.library-results[data-view=list] .library-load-confirm div{flex:none}.library-results[data-view=list] .library-record.confirming .library-heart{visibility:visible}.library-results[data-view=list] .library-select:hover .library-art,.library-results[data-view=list] .library-record:has(.library-select:hover) .library-heart{translate:none}@container record (max-width:560px){.library-results[data-view=list] .library-select{flex-basis:calc(100% - 48px)}.library-results[data-view=list] .library-heart{order:1}.library-results[data-view=list] .library-card-actions{order:2;flex:1 1 100%;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:6px;margin:8px 0 0 59px}.library-results[data-view=list] .library-card-actions button{height:40px}.library-results[data-view=list] .library-card-actions .library-preview{min-width:0;padding:0 8px}.library-results[data-view=list] .library-load{min-width:0}.library-results[data-view=list] .library-record-copy>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-results[data-view=list] .library-record-copy b{white-space:normal}.library-results[data-view=list] .library-on-deck{display:none}.library-results[data-view=list] .library-load-confirm{flex-direction:column;align-items:stretch}}.library-detail{border-left:1px solid #e7d5b817;padding:18px 20px 24px;overflow:auto;background:#1b2023;scrollbar-color:#685b47 #1b2023;scrollbar-width:thin}.library-detail-head{display:grid;grid-template-columns:104px minmax(0,1fr);gap:14px;align-items:center;margin-bottom:16px}.library-cover{margin:0}.library-detail-art{padding:9px}.library-detail-art strong{font-size:clamp(11px,15cqw,17px)!important;margin-bottom:4px}.library-detail-art>small,.library-detail-art>em{display:none}.library-detail h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;font:500 20px/1.15 Fraunces,serif;margin:6px 0 5px;overflow-wrap:anywhere}.library-credit{font-size:13px;color:#deceb2a8;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-detail-meta{font:11px/1.5 IBM Plex Mono,monospace;color:#d9c6a8b3;margin:6px 0 0}.library-detail-actions .library-preview{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:42px;border:1px solid #e6cba16b;border-radius:4px;background:#ddba7511;color:#eed6aa;font-size:14px}.library-detail-actions .library-preview:hover{background:#ddba7522}.library-load-buttons{display:flex;gap:7px;margin:7px 0 0}.library-load-buttons button{flex:1;height:42px;padding:0 10px;border:1px solid #ddc28b77;border-radius:4px;background:transparent;color:#e4c697;font-size:14px}.library-load-buttons button:hover{background:#e2c39114}.library-load-buttons button.preferred{background:#e2c391;color:#292922;border-color:#f6d9a9}.library-detail-confirm:empty{display:none}.library-detail-confirm{margin-top:8px}.library-fit{font-size:13px;color:#ebc990;line-height:1.5;border-left:2px solid #b89d68;padding-left:10px;margin:12px 0 0}.library-fit small{display:block;font-size:12px;color:#d0c2a399;margin-top:4px}.library-detail-secondary{display:flex;gap:6px;margin-top:8px}.library-secondary{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 8px;border:1px solid #d9c4a026;border-radius:4px;font-size:13px;color:#d7c196;white-space:nowrap}.library-secondary:hover{background:#ffffff08}.library-secondary[aria-pressed=true]{color:#f2c98d;border-color:#f2b56e66}.library-favorite svg{width:13px;height:13px}.library-favorite .library-heart-disc{display:contents}.library-section{margin-top:18px;padding-top:15px;border-top:1px solid #e7d5b817}.library-description{font-size:14px;line-height:1.7;color:#d7cdbbd1;margin:8px 0 0}.library-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0 0}.library-facts dt{font:11px IBM Plex Mono,monospace;text-transform:uppercase;color:#cdbb9c80;margin-bottom:5px}.library-facts dd{margin:0;font-size:14px;color:#ead9bb}.library-facts dd small{display:block;font-size:11px;color:#cfbea180;margin-top:3px}.library-phrase-strip{display:flex;height:14px;gap:2px;margin:10px 0;border-radius:2px;overflow:hidden}.library-phrase-strip i{background:color-mix(in srgb,#dbb376 calc(32% + var(--phrase) * 8%),#344b51)}.library-phrases p{display:flex;flex-wrap:wrap;gap:7px 10px;margin:8px 0}.library-phrases p span{font-size:11px;color:#decdb2b3}.library-phrases p small{font:10px IBM Plex Mono,monospace;color:#c6b89980;margin-left:3px}.library-phrase-help{font-size:12px;line-height:1.5;color:#d0c0a499}.library-manual{display:flex;justify-content:space-between;align-items:center;margin-top:16px;font-size:13px;color:#dec8a6}.library-manual input{background:#11171a;border:1px solid #dec8a655;border-radius:3px;color:#e9d0a3;padding:8px;width:100px;max-width:45%}.library-local{font-size:12px;line-height:1.6;color:#cdbb9999}.library-remove{display:block;font-size:12px;color:#dcbaaf;padding:14px 0 0}.library-back{display:none}.library-rework{margin:18px 0 0;padding:12px;border:1px solid #dbc49a33;border-radius:4px;background:#e2c59109;font-size:13px;line-height:1.6;color:#d7cdbbd1}.library-rework b{display:block;font:11px IBM Plex Mono,monospace;letter-spacing:.8px;text-transform:uppercase;color:#e6c99a;margin-bottom:6px}.library-rework p{margin:0 0 8px}.library-rework a{color:#efd29d;text-underline-offset:2px}.library-rework a:focus-visible{outline:2px solid #f4d394;outline-offset:2px}.library-rework small{display:block;font-size:12px;color:#cfbea199}.library-guest{border-color:#9fc0b844;background:#8fb8ae0d}.library-badge{display:inline-block;margin-right:6px;padding:2px 5px;border:1px solid #a9cfc4;border-radius:2px;color:#cfe7df;letter-spacing:.5px}.library-empty{grid-column:1/-1;padding:40px 12px;text-align:center;color:#decdb1a6;line-height:1.7}.library-empty b{font:500 23px Fraunces,serif;color:#e7d9c0}.library-empty p{font-size:14px}.library-empty button,.library-more{border:1px solid #d8c2a249!important;padding:10px!important;border-radius:3px;font-size:13px!important}.library-more{display:block;margin:24px auto 0}@media (min-width:1400px){.library-results{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:1000px) and (min-width:800px){.library-layout{grid-template-columns:125px minmax(0,1fr) 260px}.library-crates{padding:14px 8px}.library-crates button{font-size:12px;padding:9px 7px}.library-catalog,.library-detail{padding:15px}.library-detail-head{grid-template-columns:88px minmax(0,1fr);gap:12px}.library-results{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:799px){.record-library{width:calc(100% - 16px);height:calc(100dvh - 16px);border-radius:8px}.library-heading{padding:11px 10px 11px 15px;gap:8px}.library-heading h2{font-size:23px}.library-browse-context{font-size:12px;margin-top:3px}.library-heading .library-import{font-size:13px;height:40px;padding:0 10px}.library-eyebrow{font-size:10px}.library-deck{padding:8px 13px;gap:8px}.library-deck-art{width:28px;height:28px}.library-deck b{font-size:12px;gap:6px}.library-deck em{font-size:10px}.library-deck small{font-size:12px}.library-layout{display:flex;flex-direction:column;overflow:hidden}.library-crates{display:flex;flex:none;gap:4px;overflow:auto;padding:10px 12px;border:0;border-bottom:1px solid #e4ceae19;scrollbar-width:none;mask-image:linear-gradient(to right,transparent,#000 8px,#000 calc(100% - 16px),transparent)}.library-crates button{width:auto;white-space:nowrap;padding:8px 10px;font-size:12px;margin:0;flex:none;border:1px solid #e4ceae20;background:#ddbd7c04}.library-crates button[aria-pressed=true]{box-shadow:none;border-color:#d7b47c77}.library-crates .library-crate-label{display:none}.library-catalog{padding:13px 13px 20px;flex:1;min-height:0}.library-tools .library-search{flex-basis:100%}.library-tools label{flex:1 1 0}.library-tools input,.library-tools select,.library-tools button{height:40px}.library-tools input{font-size:14px}.library-tools select{padding:0 26px 0 10px;background-position:right 9px center}.library-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.library-record-copy b{font-size:14px;line-height:16px;min-height:32px}.library-record-copy small{font-size:12px}.library-art strong{font-size:clamp(16px,15cqw,23px)}.library-art[data-length=mid] strong{font-size:clamp(14px,12.5cqw,20px)}.library-art[data-length=long] strong{font-size:clamp(12px,10.5cqw,17px)}.library-card-actions{gap:4px}.library-card-actions button{height:38px}.library-card-actions .library-preview{padding:0 8px;gap:5px}.library-load{min-width:34px;padding:0 8px}.library-record .library-load-confirm{padding:10px}.library-load-confirm button{padding:0 6px;height:38px}.library-results:not([data-view=list]) .library-card-actions{flex-wrap:wrap;gap:6px}.library-results:not([data-view=list]) .library-card-actions button{height:40px}.library-results:not([data-view=list]) .library-card-actions .library-preview{flex:1 1 100%}.library-results:not([data-view=list]) .library-load{flex:1 1 0;min-width:0}.library-results:not([data-view=list]) .library-load-word{display:inline}.library-results[data-view=list] .library-card-actions button{height:44px}.library-detail,.record-library[data-detail=true] .library-catalog,.record-library[data-detail=true] .library-crates{display:none}.record-library[data-detail=true] .library-detail{display:block;flex:1;min-height:0;border:0;padding:14px 18px 24px;overflow:auto}.library-back{display:block;margin:0 0 14px;padding:0;height:32px;color:#d9c29b;font-size:14px}.library-detail-head{grid-template-columns:96px minmax(0,1fr)}.library-detail h3{font-size:22px}.library-load-buttons button,.library-detail-actions .library-preview{height:44px}.library-secondary{height:40px}.library-note{font-size:11px;padding:7px 13px}.library-feedback{padding:9px 14px;font-size:12px}.library-feedback button{padding:10px 9px;max-width:110px}.library-feedback span{line-height:1.6}}body:has(dialog[open]){overflow:hidden}.record-library[open],.equipment-panel[open]{animation:dialog-arrive .18s cubic-bezier(.2,.7,.2,1)}.equipment-panel{overscroll-behavior:contain}@keyframes dialog-arrive{0%{opacity:0;transform:translateY(7px) scale(.992)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.record-library[open],.equipment-panel[open]{animation:none}.library-art,.library-heart,.library-card-actions button{transition:none}.library-select:hover .library-art,.library-record:has(.library-select:hover) .library-heart{translate:none}.library-preview[aria-busy=true] .library-icon{animation:none}}.lesson-picker{width:min(860px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);overflow:auto;background:#1b2225;color:#f0e6d4;border:1px solid #d7bd8550;border-radius:12px;padding:28px;font:16px/1.6 DM Sans,sans-serif;overscroll-behavior:contain}.lesson-picker::backdrop{background:#0b1015bb;backdrop-filter:blur(8px)}.lesson-picker header,.lesson-coach header{display:flex;align-items:center;gap:12px}.lesson-picker header>div{flex:1}.lesson-picker h2{font:500 34px/1.15 Fraunces,serif;margin:6px 0}.lesson-picker header small{font:12px IBM Plex Mono,monospace;color:#c9b48c;letter-spacing:1px}.lesson-picker button,.lesson-picker select,.lesson-coach button{font:inherit;color:inherit;border:1px solid #d7bd8544;border-radius:5px;background:#e8c98c0a;cursor:pointer}.lesson-picker header button,.lesson-coach header button{width:44px;height:44px;background:none;border:0;font-size:26px}.lesson-picker p{color:#d0c7b8}.lesson-courses{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lesson-courses>button{text-align:left;display:flex;gap:15px;padding:18px;background:#e8c98c06}.lesson-courses>button.current{border-color:#d7bd8590}.lesson-courses>button:hover{background:#e8c98c12}.lesson-courses>button>span:last-child{display:flex;flex-direction:column;gap:6px}.lesson-courses small{font-size:12px;color:#dac298}.lesson-courses b{font-size:17px;font-weight:500}.lesson-courses em{font-style:normal;font-size:13px;color:#c8baa1}.lesson-courses span span{font-size:14px;line-height:1.5;color:#b9b9b1}.lesson-silhouette{color:#dec293;width:82px;flex:none;align-self:center}.lesson-silhouette svg{display:block;width:100%;height:auto}.lesson-picker footer{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:25px;border-top:1px solid #d7bd8533;padding-top:18px;font-size:14px}.lesson-picker footer button{padding:10px 13px}.lesson-picker a{color:#dec293}.lesson-map{display:flex;gap:25px;padding:20px;background:#e8c98c07;margin:20px 0}.lesson-map>.lesson-silhouette{width:180px}.lesson-map>div{flex:1}.lesson-map p{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #d7bd8533;margin:0;padding:7px 0;font-size:14px}.lesson-map strong{font-weight:500;color:#dec293}.lesson-pair-label{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.lesson-pair-label select{padding:10px;background:#1b2225}.lesson-records{display:flex;gap:25px;margin-top:18px}.lesson-records>div{display:flex;gap:12px;align-items:center;flex:1}.lesson-records i{width:58px;height:58px;flex:none;background-size:cover}.lesson-records span{display:flex;flex-direction:column;gap:5px}.lesson-records b{font-size:14px;font-weight:500}.lesson-records small{font-size:12px;color:#c0b29b}.lesson-setup-note{font-size:14px;color:#e8cc99!important}.lesson-setup-actions{display:flex;gap:12px}.lesson-setup-actions button{padding:12px 16px}.lesson-setup-actions button:first-child{background:#e7c98d;color:#222b2d}.lesson-picker button:disabled{opacity:.45;cursor:wait}.lesson-picker :focus-visible,.lesson-coach :focus-visible{outline:2px solid #f5d9a4;outline-offset:3px}.lesson-coach{position:fixed;z-index:35;bottom:16px;left:50%;transform:translate(-50%);width:min(860px,calc(100% - 24px));background:#192326f5;color:#eadbc1;border:1px solid #e7c58e77;border-radius:10px;padding:12px 20px;box-shadow:0 8px 55px #0009;backdrop-filter:blur(18px);font:14px/1.6 DM Sans,sans-serif}.lesson-coach[hidden]{display:none}.lesson-coach header>span{flex:1;font-size:12px;color:#d8bd8d}.lesson-coach header button{width:32px;height:30px;font-size:22px}.lesson-content h3{font:500 24px/1.2 Fraunces,serif;margin:8px 0}.lesson-content p{font-size:16px;line-height:1.6;margin:8px 0 12px}.lesson-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.lesson-coach button{padding:8px 12px;font-size:14px}.lesson-actions [data-coach=next]{background:#e7c98d;color:#222b2d;border-color:#e7c98d}.lesson-actions button:disabled{opacity:.4;cursor:default}.lesson-actions [data-coach=skip]{border:0;background:none;font-size:12px;color:#b8b3a8}.lesson-check{display:block;font-size:12px;margin-top:7px;color:#c8c0ad}.lesson-count{display:flex;gap:8px;float:right;margin-left:16px;align-items:center}.lesson-count i{font:13px IBM Plex Mono,monospace;border:1px solid #c9b48c44;border-radius:50%;width:26px;height:26px;display:grid;place-content:center;font-style:normal;color:#a9a69c}.lesson-count i.on{background:#e7c98d;color:#192326;border-color:#e7c98d}.lesson-count small{font-size:11px;max-width:50px;line-height:1.2;color:#b8b3a8}.lesson-active .app{padding-bottom:260px}.lesson-coach.collapsed .lesson-content{display:none}.lesson-coach.collapsed{width:min(480px,calc(100% - 24px))}.lesson-active #toast{bottom:285px}.lesson-focus-control{outline:2px solid #f5d9a4!important;outline-offset:5px}.lesson-picker[open]{animation:dialog-arrive .18s ease-out}@media (max-width:640px){.lesson-picker{padding:20px}.lesson-picker h2{font-size:28px}.lesson-courses{grid-template-columns:1fr}.lesson-map{flex-direction:column;gap:12px}.lesson-map>.lesson-silhouette{width:145px}.lesson-map p{font-size:13px}.lesson-records{gap:10px}.lesson-records i{width:40px;height:40px}.lesson-records b{font-size:12px}.lesson-records small{font-size:11px}.lesson-coach{padding:10px 14px;bottom:8px}.lesson-content h3{font-size:21px}.lesson-content p{font-size:15px}.lesson-count{float:none;margin:5px 0 12px}.lesson-active .app{padding-bottom:360px}.lesson-active #toast{bottom:370px}}@media (prefers-reduced-motion:reduce){.lesson-picker[open]{animation:none}}.instrument--still{--brass-hi: #fde7ae;--brass: #cf9c50;--brass-lo: #6e4618;--copper: #b8652f;--walnut: #2b190d;--ink: #241307;--enamel: #0d1428;--sol: #ffb04a;--luna: #79e6dc;--key: rgba(255, 222, 160, .6);--rim: rgba(160, 215, 255, .35);--u: 1px;position:relative;width:100%;max-width:1100px;margin-inline:auto;container:still / inline-size;color:var(--brass-hi);font-family:DM Sans,system-ui,sans-serif;-webkit-tap-highlight-color:transparent}.instrument--still *,.instrument--still *:before,.instrument--still *:after{box-sizing:border-box}.instrument--still i{font-style:normal}.still-pan{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:none}.still-pan::-webkit-scrollbar{display:none}.still-body{position:relative;width:max(100%,1060px);aspect-ratio:1100 / 680;container-type:inline-size}.still-rig{position:absolute;inset:0;--u: calc(100cqw / 1100)}.instrument--still .at{position:absolute;margin:0;left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));width:calc(var(--w) * var(--u));height:calc(var(--h) * var(--u))}.still-snap{position:absolute;top:0;left:calc(var(--x) * var(--u));width:1px;height:1px;scroll-snap-align:center}.still-hint{display:none;justify-content:center;gap:.6em;margin:0 0 6px;font:500 11px/1 IBM Plex Mono,ui-monospace,monospace;letter-spacing:.16em;text-transform:uppercase;color:#e9c98a;opacity:.75}.still-hint span{animation:still-nudge 1.6s ease-in-out infinite alternate}@container still (max-width: 1059px){.still-hint{display:flex}}.still-d0{--hue: var(--sol);--hue-deep: #a8420f;--pos: var(--d0-pos, 0);--meter: var(--d0-meter, 0);--spin: var(--sa0, 0deg);--sand: var(--g0, 0);--hi: var(--eq0-high, .667);--mid: var(--eq0-mid, .667);--low: var(--eq0-low, .667)}.still-d1{--hue: var(--luna);--hue-deep: #24527a;--pos: var(--d1-pos, 0);--meter: var(--d1-meter, 0);--spin: var(--sa1, 0deg);--sand: var(--g1, 0);--hi: var(--eq1-high, .667);--mid: var(--eq1-mid, .667);--low: var(--eq1-low, .667)}.still-art{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.still-art .manifold{fill:url(#sa-walnut);stroke:var(--brass);stroke-width:1.5}.still-art .engrave{fill:none;stroke:#fde7ae33;stroke-dasharray:1 3}.still-art .bolt{fill:#c99447;stroke:#2a1708;stroke-width:.8}.still-art .coil ellipse{fill:none;stroke:var(--copper);stroke-width:3}.still-art .pipe,.still-art .pipe-cu,.still-art .pipe-hi,.still-art .glowpipe{fill:none;stroke-linecap:round;stroke-linejoin:round}.still-art .pipe{stroke:#2a1206;stroke-width:13}.still-art .pipe-cu{stroke:var(--copper);stroke-width:9}.still-art .pipe-cu.thin{stroke-width:4}.still-art .pipe-hi{stroke:#ffd6ae;stroke-width:2.2;opacity:.6;transform:translate(-2px,-1.5px)}.still-art .glowpipe{stroke:var(--hue);stroke-width:2;stroke-dasharray:2 14;opacity:calc(.06 + var(--meter) * .8);animation:still-flow .9s linear infinite}.still-art :is(.flange,.cap,.brass-bar,.foot-brass,.mast){fill:url(#sa-brass);stroke:#3a2008;stroke-width:.6}.still-art .brass-ring{fill:none;stroke:var(--brass);stroke-width:3.5}.still-art .leg{stroke:#8a5a24;stroke-width:4;stroke-linecap:round}.still-art .foot{stroke:var(--brass);stroke-width:4;stroke-linecap:round}.still-art .plinth{fill:url(#sa-walnut)}.still-art .brass-line{stroke:var(--brass);stroke-width:1.4}.still-art .claw{fill:#3f260e;stroke:var(--brass);stroke-width:2.4}.still-art .ticks path{stroke:#fde7aea6;stroke-width:1.3;stroke-linecap:round}.still-art .arc-text{font:italic 600 7.5px Fraunces,Georgia,serif;letter-spacing:2.4px;fill:var(--brass-hi);opacity:.7;text-anchor:middle}.still-art .lock-halo{fill:none;stroke:#fff1c2;stroke-width:2.5;opacity:var(--lock, 0);filter:drop-shadow(0 0 5px #ffcf70)}.still-art .hand{stroke-width:2.6;stroke-linecap:round;transform-box:view-box;transform-origin:550px 226px}.still-art .hand--0{stroke:var(--sol);transform:rotate(calc(var(--d0-beat, 0) * 360deg))}.still-art .hand--1{stroke:var(--luna);transform:rotate(calc(var(--d1-beat, 0) * 360deg))}.still-art .sun{fill:var(--sol);stroke:#fff3d0;stroke-width:1}.still-art .moon{fill:var(--luna);stroke:none}.still-art .lantern-cap{fill:url(#sa-brass);stroke:var(--brass);stroke-width:2}.still-art .lantern-glass{fill:#c8f0ff12;stroke:#ffffff59}.still-art .lantern-glow{fill:#ffcf70;opacity:calc(var(--lock, 0) * .4)}.still-art .lantern-flame{fill:#ffe6a8;opacity:calc(.12 + var(--lock, 0) * .88)}.still-art .tiny{font:600 7px IBM Plex Mono,monospace;letter-spacing:1.4px;fill:var(--brass-hi);opacity:.6}.still-art .vessel-back{fill:#080c1499}.still-art .mix-sol{opacity:.92}.still-art .mix-luna{opacity:var(--xf, .5)}.still-art .sediment{fill:#320a0480}.still-art .surface{fill:#fff6dc;opacity:calc(.18 + max(var(--d0-meter, 0),var(--d1-meter, 0))/2)}.still-art .ripple{fill:none;stroke-width:1.5;vector-effect:non-scaling-stroke;transform-box:view-box;transform-origin:550px 486px}.still-art .ripple--0{stroke:#fff0c8;transform:scale(calc(.1 + var(--d0-beat, 0) * .9));opacity:calc((1 - var(--d0-beat, 0)) * .95)}.still-art .ripple--1{stroke:#d6fff8;transform:scale(calc(.1 + var(--d1-beat, 0) * .9));opacity:calc((1 - var(--d1-beat, 0)) * .95)}.still-art .drip{transform-box:view-box}.still-art .drip--0{fill:var(--sol);transform:translateY(calc(clamp(0,(var(--d0-beat, 0) - .55) / .45,1)*76px));opacity:clamp(0,(var(--d0-beat, 0) - .5) * 12,1)}.still-art .drip--1{fill:var(--luna);transform:translateY(calc(clamp(0,(var(--d1-beat, 0) - .55) / .45,1)*76px));opacity:clamp(0,(var(--d1-beat, 0) - .5) * 12,1)}.still-art .vessel-glass{stroke:#dcfaff80;stroke-width:1.6}.still-art .vessel-glint{fill:none;stroke:#ffffff8c;stroke-width:3;stroke-linecap:round}.still-art .band{fill:none;stroke:var(--brass);stroke-width:3;opacity:.85}.still-legend{position:absolute;left:50%;bottom:0;translate:-50% 0;pointer-events:none;white-space:nowrap;font:600 calc(8.5 * var(--u))/1 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.16em;color:#f1d9a0;text-shadow:0 -1px 0 rgba(0,0,0,.9),0 1px 0 rgba(255,230,170,.12)}.instrument--still .control{display:block;cursor:grab}.instrument--still .control input[type=range]{position:absolute;inset:0;z-index:2;width:100%;height:100%;margin:0;opacity:0;cursor:inherit;touch-action:none}.instrument--still .control:active{cursor:grabbing}.instrument--still .control output{position:absolute;left:50%;top:calc(-14 * var(--u));translate:-50% 4px;z-index:3;pointer-events:none;padding:2px 5px;border-radius:3px;background:#120a04;box-shadow:0 0 0 1px #6e4618;font:500 calc(9 * var(--u))/1 "IBM Plex Mono",monospace;color:#ffe2a6;opacity:0;transition:opacity .15s,translate .15s}.instrument--still .control:is(:hover,:focus-within) output{opacity:1;translate:-50% 0}.instrument--still :is(.control:has(input:focus-visible),.still-btn:focus-visible,.still-flask:focus-visible){outline:2px solid #ffe7a8;outline-offset:3px;border-radius:calc(12 * var(--u))}.instrument--still :focus:not(:focus-visible){outline:none}.still-flask{border-radius:50%;cursor:grab;touch-action:none;z-index:1;background:radial-gradient(circle at 34% 26%,#ffffff52,#c8f0fa0d 32%,#6ea0b41a 72%,#dcfaff52);box-shadow:inset 0 0 0 calc(1.5 * var(--u)) #e1faff80,inset calc(-12 * var(--u)) calc(-16 * var(--u)) calc(30 * var(--u)) #0006,0 calc(22 * var(--u)) calc(30 * var(--u)) calc(-12 * var(--u)) #000000b3}.still-flask:active{cursor:grabbing}.flask-liquid{position:absolute;inset:calc(4 * var(--u));border-radius:50%;overflow:hidden;background:linear-gradient(transparent 36%,color-mix(in oklab,var(--hue) 80%,white) 36.5%,var(--hue) 44%,var(--hue-deep));opacity:.78;filter:brightness(calc(.75 + var(--meter) * .55))}.flask-liquid .bubbles{position:absolute;inset:40% 18% 0;opacity:0;background:radial-gradient(circle,rgba(255,255,255,.7) 0 1.5px,transparent 2.5px) 0 0 / 18% 30%,radial-gradient(circle,rgba(255,255,255,.5) 0 1px,transparent 2px) 9% 15% / 23% 27%}.instrument--still:has([data-control=play][data-deck="0"]:is([data-on=true],[aria-pressed=true])) .still-flask.still-d0 .bubbles,.instrument--still:has([data-control=play][data-deck="1"]:is([data-on=true],[aria-pressed=true])) .still-flask.still-d1 .bubbles{opacity:1;animation:still-boil 1.4s linear infinite}.still-flask .record-label{position:absolute;left:50%;top:50%;width:calc(68 * var(--u));height:calc(68 * var(--u));margin:calc(-34 * var(--u));border-radius:50%;rotate:var(--spin);background:var(--record-art, radial-gradient(circle, var(--hue) 0 30%, var(--hue-deep))) center / cover no-repeat;box-shadow:0 0 0 calc(3 * var(--u)) var(--record-color, var(--hue)),0 0 0 calc(4.5 * var(--u)) #1e0e04cc,0 calc(6 * var(--u)) calc(14 * var(--u)) #0000008c}.still-flask .record-label:after{content:"";position:absolute;inset:44%;border-radius:50%;background:#1a0d05;box-shadow:0 0 0 1px #ffe6b480}.flask-rod{position:absolute;left:calc(50% - 2.5 * var(--u));top:7%;width:calc(5 * var(--u));height:43%;transform-origin:50% 100%;rotate:var(--spin);border-radius:3px;pointer-events:none;background:linear-gradient(90deg,#ffffffd9,#beebfa59 60%,#fff9);box-shadow:0 0 calc(6 * var(--u)) #c8f0ff80}.flask-rod:before{content:"";position:absolute;left:50%;top:calc(-5 * var(--u));width:calc(11 * var(--u));aspect-ratio:1;translate:-50% 0;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,var(--hue) 60%,var(--hue-deep))}.flask-glint{position:absolute;inset:8% 50% 50% 12%;border-radius:50% 0 0;border:solid rgba(255,255,255,.55);border-width:calc(3 * var(--u)) 0 0 calc(3 * var(--u));filter:blur(.4px);pointer-events:none}.still-strata{display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;border-radius:calc(8 * var(--u));padding:calc(3 * var(--u));background:linear-gradient(90deg,#dcfaff40,#78aabe0f 35%,#ffffff05 65%,#dcfaff4d);box-shadow:inset 0 0 0 1.5px #e1faff73,inset 0 0 calc(12 * var(--u)) #00000080;filter:brightness(calc(.72 + var(--meter) * .6))}.still-strata>i{display:block;flex:none;border-radius:calc(4 * var(--u));transition:height .25s ease}.still-strata .head{flex:1}.still-strata .breath{height:calc((8 + 58 * var(--hi)) * var(--u));background:linear-gradient(#f0e6ff00,#e2d6ff8c)}.still-strata .body{height:calc((8 + 58 * var(--mid)) * var(--u));background:linear-gradient(color-mix(in oklab,var(--hue) 55%,#ff7aa8),color-mix(in oklab,var(--hue) 70%,#6a1c3c))}.still-strata .ember{height:calc((8 + 58 * var(--low)) * var(--u));background:radial-gradient(circle at 30% 70%,#ffcf6a 0 1.2px,transparent 2px) 0 0 / 9px 9px,linear-gradient(#c2361a,#4a0d04)}.deck-meter{border-radius:99px;overflow:hidden;background:#0b0604;box-shadow:inset 0 0 0 1.5px #e1faff59,0 0 0 calc(2 * var(--u)) #3a2008}.deck-meter__fill{position:absolute;inset:0;transform-origin:50% 100%;transform:scaleY(var(--meter));background:linear-gradient(#fff4d6,var(--hue) 30%,var(--hue-deep));box-shadow:0 0 calc(10 * var(--u)) var(--hue)}.still-plate,.still-plaque{background:linear-gradient(172deg,#fde7ae,#cf9c50 38%,#9a6a2c 70%,#c99447);box-shadow:inset 0 1px #fff9,inset 0 -2px #3c1e0899,0 3px 6px #0000008c;color:var(--ink)}.still-plate{display:flex;align-items:center;gap:calc(8 * var(--u));padding:0 calc(12 * var(--u));border-radius:calc(5 * var(--u))}.still-plate b{font:700 italic calc(17 * var(--u))/1 "Fraunces",Georgia,serif;color:var(--hue-deep);text-shadow:0 1px 0 rgba(255,240,200,.5)}.still-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 calc(12.5 * var(--u))/1.1 "DM Sans",sans-serif;text-shadow:0 1px 0 rgba(255,240,200,.45)}.still-plate:before,.still-plate:after{content:"";position:absolute;top:50%;width:5px;height:5px;margin-top:-2.5px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff2c8,#7a4c18)}.still-plate:before{left:4px}.still-plate:after{right:4px}.still-plaque{display:grid;place-items:center;align-content:center;border-radius:50%}.still-plaque b{font:600 calc(24 * var(--u))/1 "Fraunces",Georgia,serif;color:#3a1d08;text-shadow:0 1px 0 rgba(255,240,200,.6)}.still-plaque em{font:italic 500 calc(11 * var(--u))/1.2 "Fraunces",Georgia,serif;letter-spacing:.12em;color:#4a2a0e}.still-assay{display:grid;grid-template:auto auto / 1fr auto;align-content:center;column-gap:calc(4 * var(--u));padding:calc(6 * var(--u)) calc(9 * var(--u));border-radius:calc(8 * var(--u));background:radial-gradient(120% 90% at 30% 20%,#1c2748,#070b16);box-shadow:inset 0 0 0 1px #000,inset 0 calc(4 * var(--u)) calc(10 * var(--u)) #000000b3,0 0 0 calc(3 * var(--u)) #a8752f,0 0 0 calc(4 * var(--u)) #3a2008;font-family:IBM Plex Mono,monospace;color:var(--hue)}.assay-bpm{font-size:calc(21 * var(--u));font-weight:500;line-height:1;text-shadow:0 0 calc(8 * var(--u)) var(--hue)}.assay-unit{align-self:end;font-size:calc(8 * var(--u));letter-spacing:.14em;opacity:.7}.assay-time{font-size:calc(11 * var(--u));opacity:.9}.assay-base{display:flex;align-items:center;gap:3px;justify-self:end;font-size:calc(7.5 * var(--u));letter-spacing:.12em;color:#e9c98a}.assay-base input{width:calc(44 * var(--u));height:calc(18 * var(--u));padding:0 2px;border:0;border-radius:3px;background:#ffe6b414;box-shadow:inset 0 0 0 1px #e9c98a59;font:500 calc(10 * var(--u)) "IBM Plex Mono",monospace;color:#ffe2a6;text-align:right;-moz-appearance:textfield}.assay-base input::-webkit-inner-spin-button{opacity:.4}.still-rate,.still-phase{font:500 calc(10 * var(--u))/calc(18 * var(--u)) "IBM Plex Mono",monospace;text-align:center;letter-spacing:.06em}.still-rate{color:#f1d9a0}.still-phase{color:var(--hue);text-shadow:0 0 6px color-mix(in oklab,var(--hue) 60%,transparent)}.still-phase.still-d0:before{content:"\2609  "}.still-phase.still-d1:before{content:"\263e  "}.still-shelf{border-radius:calc(10 * var(--u)) calc(10 * var(--u)) calc(4 * var(--u)) calc(4 * var(--u));background:linear-gradient(#cf9c50,#6e4618) 0 calc(66 * var(--u)) / 100% calc(5 * var(--u)) no-repeat,linear-gradient(#cf9c50,#6e4618) 0 calc(130 * var(--u)) / 100% calc(5 * var(--u)) no-repeat,linear-gradient(#3a2414,#1d0f07);box-shadow:inset 0 0 0 1.5px #8a5a24,0 8px 18px #0000008c}.still-shelf em{position:absolute;left:0;right:0;bottom:calc(-15 * var(--u));text-align:center;font:italic 500 calc(11 * var(--u))/1 "Fraunces",Georgia,serif;letter-spacing:.2em;color:#e9c98a}.still-hourglass{border-block:calc(4 * var(--u)) solid #a8752f;border-radius:2px;background:linear-gradient(90deg,#6e4618 0 calc(2 * var(--u)),transparent 0 calc(100% - 2 * var(--u)),#6e4618 0)}.still-hourglass>i{position:absolute;left:12%;right:12%;height:46%;background:#dcfaff1a;box-shadow:inset 0 0 0 1px #dcfaff66}.still-hourglass .sand-top{top:2%;clip-path:polygon(0 0,100% 0,54% 100%,46% 100%);background:linear-gradient(transparent calc(var(--sand) * 100%),#f1c879 0) #dcfaff14}.still-hourglass .sand-bottom{bottom:2%;clip-path:polygon(46% 0,54% 0,100% 100%,0 100%);background:linear-gradient(transparent calc((1 - var(--sand)) * 100%),#f1c879 0) #dcfaff14}.still-btn{appearance:none;border:0;background:none;color:inherit;font:inherit;cursor:pointer;padding:0;transition:transform .08s ease,filter .2s}.still-btn:active,.still-btn[data-held=true]{transform:translateY(calc(1.5 * var(--u)))}.still-btn[data-loading=true]{animation:still-breathe 1s ease-in-out infinite}.still-btn .btn-art{position:absolute;inset:0 0 calc(13 * var(--u));display:grid;place-items:center;pointer-events:none}.still-btn svg{width:62%;height:62%;fill:none;stroke:#2e1806;stroke-width:2.4;stroke-linejoin:round;stroke-linecap:round}:is(.still-funnel,.still-ledger,.still-ear) .btn-art{inset:0 calc(4 * var(--u)) calc(13 * var(--u));border-radius:calc(10 * var(--u));background:radial-gradient(130% 100% at 30% 20%,#fde7ae,#cf9c50 45%,#7a4c18);box-shadow:inset 0 1px #ffffffb3,inset 0 -2px #32180699,0 3px 5px #0009}.still-ear[aria-pressed=true] .btn-art,.still-ear[data-on=true] .btn-art{box-shadow:inset 0 0 0 2px var(--hue),0 0 calc(14 * var(--u)) var(--hue)}.still-sigil .btn-art{inset:0 calc(6.5 * var(--u)) calc(13 * var(--u));border-radius:50%;background:radial-gradient(circle at 40% 30%,#2a3766,#070b16);box-shadow:0 0 0 calc(3 * var(--u)) #a8752f,0 0 0 calc(4 * var(--u)) #2a1406,0 4px 8px #0009}.still-sigil svg{stroke:color-mix(in oklab,var(--hue) 45%,#6d6a80);stroke-width:1.4}.still-sigil:is([aria-pressed=true],[data-on=true]) svg{stroke:var(--hue);filter:drop-shadow(0 0 4px var(--hue));animation:still-turn 12s linear infinite}.still-cork .cork{width:56%;height:70%;border-radius:22% 22% 30% 30%/14% 14% 30% 30%;background:radial-gradient(circle at 30% 30%,#6b4320 0 1px,transparent 1.6px) 0 0 / 7px 6px,radial-gradient(circle at 70% 60%,#6b4320 0 .8px,transparent 1.4px) 2px 3px / 6px 7px,linear-gradient(90deg,#a6743f,#d9a868 40%,#8a5a2c);box-shadow:inset 0 3px #ffe6be80,0 4px 6px #0009}.still-cork:is([data-on=true],[data-held=true]) .cork{box-shadow:inset 0 3px #ffe6be80,0 0 0 2px var(--hue),0 0 12px var(--hue)}.still-burner .font{position:absolute;left:22%;right:22%;bottom:0;height:46%;border-radius:45% 45% 20% 20%/60% 60% 18% 18%;background:radial-gradient(circle at 35% 30%,#ffffff80,#aadcf024 40%,#5082a047),linear-gradient(transparent 50%,color-mix(in oklab,var(--hue) 50%,#3a1d08) 50%);box-shadow:inset 0 0 0 1.5px #e1faff80,0 4px 8px #0009}.still-burner .wick{position:absolute;left:calc(50% - 5 * var(--u));width:calc(10 * var(--u));bottom:44%;height:12%;border-radius:2px;background:linear-gradient(90deg,#6e4618,#fde7ae,#6e4618)}.still-burner .flame{position:absolute;left:50%;bottom:54%;width:calc(12 * var(--u));height:calc(14 * var(--u));translate:-50% 0;transform-origin:50% 100%;border-radius:50%/70% 70% 30% 30%;background:radial-gradient(circle at 50% 75%,#cfe6ff,#3a6cff 60%,transparent 72%);opacity:.8}.still-burner:is([aria-pressed=true],[data-on=true]) .flame{width:calc(20 * var(--u));height:calc(34 * var(--u));opacity:1;background:radial-gradient(circle at 50% 82%,#fffbe6 0 14%,#ffd36a 30%,var(--hue) 55%,transparent 72%);filter:drop-shadow(0 0 calc(10 * var(--u)) var(--hue));animation:still-flicker .18s ease-in-out infinite alternate}.still-phial .btn-art{inset:0 0 calc(12 * var(--u))}.still-phial .phial-cork{position:absolute;top:4%;left:34%;right:34%;height:14%;border-radius:3px 3px 1px 1px;background:linear-gradient(90deg,#8a5a2c,#d9a868,#8a5a2c)}.still-phial .phial-glass{position:absolute;inset:16% 30% 2%;border-radius:2px 2px 99px 99px;overflow:hidden;background:#d2f5ff14;box-shadow:inset 0 0 0 1.5px #e1faff80,inset 3px 0 #ffffff40}.still-phial .phial-tincture{position:absolute;inset:70% 0 0;background:#8ca0aa40;transition:inset .2s}.still-phial[data-assigned=true] .phial-tincture{inset:22% 0 0;background:linear-gradient(color-mix(in oklab,var(--hue) 70%,white),var(--hue-deep))}.still-phial:is([data-active=true],[data-held=true]) .btn-art{transform:translateY(-14%);filter:drop-shadow(0 0 8px var(--hue))}.still-notch{border-radius:calc(4 * var(--u)) calc(4 * var(--u)) calc(10 * var(--u)) calc(10 * var(--u));background:linear-gradient(#3a2414,#1a0d05);box-shadow:inset 0 0 0 1px #8a5a24,inset 0 2px #ffdca026,0 3px 4px #00000080}.still-notch .still-legend{bottom:auto;top:50%;translate:-50% -50%;font:600 calc(14 * var(--u))/1 "Fraunces",Georgia,serif;letter-spacing:0;color:#e9c98a}.still-notch[data-control=loop-exit] .still-legend{font:600 calc(8.5 * var(--u))/1 "IBM Plex Mono",monospace;letter-spacing:.1em}.still-notch:is([aria-pressed=true],[data-active=true],[data-on=true]){background:radial-gradient(circle at 50% 40%,color-mix(in oklab,var(--hue) 70%,white),var(--hue-deep));box-shadow:0 0 calc(12 * var(--u)) var(--hue),inset 0 0 0 1px #fff3d0}.still-notch:is([aria-pressed=true],[data-active=true],[data-on=true]) .still-legend{color:#1a0d05;text-shadow:none}.still-tincture .cap{position:absolute;top:2%;left:38%;right:38%;height:14%;border-radius:2px;background:linear-gradient(90deg,#6e4618,#fde7ae,#6e4618)}.still-tincture .bottle{position:absolute;inset:14% 16% 0;border-radius:30% 30% 16% 16%/22% 22% 12% 12%;--ink-c: #c86bff;background:linear-gradient(transparent 38%,var(--ink-c) 38%,color-mix(in oklab,var(--ink-c) 50%,black));opacity:.9;box-shadow:inset 0 0 0 1.5px #e1faff80,inset 4px 0 #fff3}.still-tincture[data-slot="1"] .bottle{--ink-c: #ff6b8b;border-radius:50% 50% 40% 40%}.still-tincture[data-slot="2"] .bottle{--ink-c: #6bd1ff;border-radius:10% 10% 6% 6%}.still-tincture[data-slot="3"] .bottle{--ink-c: #9dff6b;clip-path:polygon(30% 0,70% 0,100% 100%,0 100%)}.still-tincture[data-slot="4"] .bottle{--ink-c: #ffcf5a;border-radius:50% 50% 18% 18%/70% 70% 12% 12%}.still-tincture[data-slot="5"] .bottle{--ink-c: #5affd0;clip-path:polygon(50% 0,100% 40%,100% 100%,0 100%,0 40%)}.still-tincture[data-slot="6"] .bottle{--ink-c: #ff8f4a;border-radius:50%}.still-tincture[data-slot="7"] .bottle{--ink-c: #b3a3ff;border-radius:40% 40% 10% 10%/16% 16% 8% 8%}.still-tincture:is([data-active=true],[data-held=true],[data-on=true],:active) .bottle{opacity:1;filter:brightness(1.5) drop-shadow(0 0 8px var(--ink-c))}.still-bottle .glass{position:absolute;inset:2% 24% 0;border-radius:22% 22% 14% 14%/14% 14% 10% 10%;clip-path:polygon(38% 0,62% 0,62% 18%,100% 34%,100% 100%,0 100%,0 34%,38% 18%);background:linear-gradient(110deg,#ffffff4d,#3c5a4666 40%,#14281eb3);box-shadow:inset 0 0 0 1.5px #e1faff66}.still-bottle .seal{position:absolute;top:0;left:50%;width:calc(16 * var(--u));aspect-ratio:1;translate:-50% 0;border-radius:46% 54% 50% 50%;background:radial-gradient(circle at 35% 30%,#ff7a6a,#8a1408);box-shadow:0 2px 3px #0009}.still-bottle .bottle-time{position:relative;top:14%;padding:1px 4px;border-radius:2px;background:#efe1bf;color:#3a1d08;font:600 calc(9.5 * var(--u))/1.2 "IBM Plex Mono",monospace;box-shadow:0 1px 2px #00000080}.still-bottle:is([aria-pressed=true],[data-on=true]) .seal{animation:still-breathe 1.2s ease-in-out infinite;box-shadow:0 0 calc(14 * var(--u)) #ff4a32}:is(.still-valve,.still-coil,.still-beat,.still-horn) .knob-art{position:absolute;left:50%;top:0;width:calc(42 * var(--u));aspect-ratio:1;translate:-50% 0;border-radius:50%;box-shadow:0 calc(4 * var(--u)) calc(6 * var(--u)) #000000a6}:is(.still-horn,.still-bell) .knob-art{top:calc(4 * var(--u))}.still-horn .knob-art{width:calc(52 * var(--u))}.still-coil .knob-art,.still-beat .knob-art{width:calc(46 * var(--u))}.wheel{position:absolute;inset:0;border-radius:50%;rotate:calc(var(--v) * 270deg - 135deg);--rim-c: var(--brass);--hub: #ffd98a;border:calc(4.5 * var(--u)) solid var(--rim-c);background:radial-gradient(circle,var(--hub) 0 17%,#3a1d08 18% 24%,transparent 25%),repeating-conic-gradient(from -6deg,var(--rim-c) 0 12deg,transparent 12deg 72deg)}.wheel:after{content:"";position:absolute;left:50%;top:calc(-7 * var(--u));width:calc(8 * var(--u));aspect-ratio:1;translate:-50% 0;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,var(--hub) 50%,#3a1d08);box-shadow:0 1px 2px #000}:is(.still-valve,.still-coil,.still-beat,.still-horn) .knob-art:after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;background:radial-gradient(60% 45% at 28% 18%,var(--key),transparent 70%),radial-gradient(40% 40% at 88% 80%,var(--rim),transparent 70%);mix-blend-mode:screen}.still-valve[data-label^=Breath] .wheel{--hub: #e8dcff}.still-valve[data-label^=Body] .wheel{--hub: #ff9ab6}.still-valve[data-label^=Ember] .wheel{--hub: #ff5a2a}.still-coil .wheel{--rim-c: var(--copper);--hub: #ffb483}.still-beat .wheel{--rim-c: #8a5a24;--hub: var(--hue);inset:16%}.still-beat .marks{position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from -137deg,#f1d9a0 0 4deg,transparent 4deg 90deg);mask:radial-gradient(circle,transparent 60%,#000 61% 70%,transparent 71%)}.still-horn .wheel{--rim-c: #7b6a9e;--hub: #d9c8ff}.still-tap .cock{position:absolute;left:50%;top:calc(18 * var(--u));width:calc(44 * var(--u));height:calc(10 * var(--u));margin-left:calc(-22 * var(--u));border-radius:99px;rotate:calc((var(--v) - .5) * 120deg);background:linear-gradient(#fde7ae,#a8752f 60%,#4a2a0e);box-shadow:0 3px 4px #0009}.still-tap .cock:after{content:"";position:absolute;left:50%;top:50%;width:calc(16 * var(--u));aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3d0,#cf9c50 45%,#4a2a0e)}.still-lens .disc{position:absolute;left:50%;top:0;width:calc(62 * var(--u));aspect-ratio:1;translate:-50% 0;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 35% 28%,#ffffff73,#bee6f514 40%,#28465a4d);box-shadow:0 0 0 calc(4 * var(--u)) #a8752f,0 0 0 calc(5 * var(--u)) #2a1406,0 5px 10px #0009}.still-lens .disc:before,.still-lens .disc:after{content:"";position:absolute;inset:0}.still-lens .disc:before{background:radial-gradient(circle at 40% 40%,#263a7a,#070b1e);opacity:clamp(0,(.5 - var(--v)) * 1.8,.9)}.still-lens .disc:after{background:radial-gradient(circle,#fff6d0,#ffb04a 50%,transparent 75%);opacity:clamp(0,(var(--v) - .5) * 1.8,.9)}.still-lens .moon,.still-lens .sun{position:absolute;top:calc(22 * var(--u));width:calc(12 * var(--u));aspect-ratio:1;border-radius:50%;z-index:1}.still-lens .moon{left:calc(-1 * var(--u));background:radial-gradient(circle at 70% 40%,transparent 46%,#cfe2ff 48%)}.still-lens .sun{right:calc(-1 * var(--u));background:radial-gradient(circle,#ffd36a 0 34%,transparent 36%),repeating-conic-gradient(#ffd36a 0 12deg,transparent 12deg 45deg)}.still-lens .knob-art:after{content:"";position:absolute;left:50%;top:calc(31 * var(--u));width:calc(3 * var(--u));height:calc(30 * var(--u));translate:-50% -100%;transform-origin:50% 100%;rotate:calc((var(--v) - .5) * 140deg);border-radius:2px;background:linear-gradient(#fff3d0,#a8752f);box-shadow:0 0 3px #000000b3}.still-bell .knob-art{position:absolute;inset:0 0 calc(12 * var(--u))}.still-bell .knob-art:after{content:"";position:absolute;left:22%;right:22%;bottom:0;height:calc(6 * var(--u));border-radius:2px;background:linear-gradient(#fde7ae,#6e4618)}.still-bell .chain{position:absolute;left:calc(50% - 1px);top:0;width:2px;height:calc((6 + var(--v) * 26) * var(--u));background:repeating-linear-gradient(#cf9c50 0 3px,#4a2a0e 3px 5px)}.still-bell .jar{position:absolute;left:18%;right:18%;top:calc((6 + var(--v) * 26) * var(--u));height:calc(44 * var(--u));border-radius:50% 50% 6% 6%/62% 62% 6% 6%;background:radial-gradient(circle at 32% 25%,#ffffff80,#c8f0ff0f 45%,#c8f0ff33);box-shadow:inset 0 0 0 1.5px #e1faff8c,0 0 calc(var(--v) * 16 * var(--u)) color-mix(in oklab,var(--hue) 70%,transparent)}.still-bell .jar:before{content:"";position:absolute;left:50%;top:calc(-5 * var(--u));width:calc(8 * var(--u));aspect-ratio:1;translate:-50% 0;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3d0,#a8752f)}:is(.still-bellows,.still-spout,.still-gauge) input[type=range]{writing-mode:vertical-lr;direction:rtl}.still-bellows .knob-art,.still-spout .knob-art,.still-gauge .knob-art{position:absolute;inset:0 0 calc(14 * var(--u))}.still-bellows .knob-art{border-radius:99px;background:linear-gradient(90deg,#1d0f07,#3a2414 50%,#1d0f07);box-shadow:inset 0 0 0 1.5px #8a5a24,0 5px 10px #0009}.still-bellows .scale{position:absolute;inset:calc(10 * var(--u)) calc(4 * var(--u));background:repeating-linear-gradient(transparent 0 calc(9.4 * var(--u)),#f1d9a073 0 calc(10.4 * var(--u))) left / calc(7 * var(--u)) 100% no-repeat,repeating-linear-gradient(transparent 0 calc(9.4 * var(--u)),#f1d9a073 0 calc(10.4 * var(--u))) right / calc(7 * var(--u)) 100% no-repeat}.still-bellows .scale:before,.still-bellows .scale:after{position:absolute;left:0;right:0;text-align:center;font:600 calc(7.5 * var(--u))/1 "IBM Plex Mono",monospace;color:#f1d9a0}.still-bellows .scale:before{content:"+16";top:calc(-8 * var(--u))}.still-bellows .scale:after{content:"\2212 16";bottom:calc(-8 * var(--u))}.still-bellows .pleats{position:absolute;left:22%;right:22%;bottom:calc(12 * var(--u));top:calc((14 + (1 - var(--v)) * 160) * var(--u));background:repeating-linear-gradient(#5a2e14 0 calc(4 * var(--u)),#2a1206 calc(4 * var(--u)) calc(7 * var(--u)));border-radius:4px;box-shadow:inset 0 0 0 1px #000}.still-bellows .handle,.still-spout .lever{position:absolute;left:4%;right:4%;height:calc(16 * var(--u));border-radius:calc(4 * var(--u));background:linear-gradient(#fff3d0,#cf9c50 40%,#6e4618);box-shadow:0 4px 6px #000000b3,inset 0 -2px #00000059}.still-bellows .handle{top:calc((6 + (1 - var(--v)) * 160) * var(--u))}.still-bellows .handle:after,.still-spout .lever:after{content:"";position:absolute;left:12%;right:12%;top:45%;height:2px;background:var(--hue);box-shadow:0 0 6px var(--hue)}.still-spout .slot{position:absolute;left:calc(50% - 4 * var(--u));width:calc(8 * var(--u));top:calc(4 * var(--u));bottom:calc(4 * var(--u));border-radius:99px;background:#0b0604;box-shadow:inset 0 0 0 1.5px #8a5a24}.still-spout .lever{top:calc((1 - var(--v)) * 156 * var(--u));height:calc(26 * var(--u));border-radius:99px}.still-gauge .knob-art{border-radius:99px;overflow:hidden;background:#080c14a6;box-shadow:inset 0 0 0 1.5px #e1faff80,0 0 0 calc(3 * var(--u)) #a8752f,0 0 0 calc(4 * var(--u)) #2a1406}.still-gauge .tide{position:absolute;inset:0;transform-origin:50% 0;transform:scaleY(calc(1 - var(--pos)));background:linear-gradient(color-mix(in oklab,var(--hue) 75%,white),var(--hue-deep));opacity:.8}.still-gauge .ticks{position:absolute;inset:0;background:repeating-linear-gradient(transparent 0 calc(13 * var(--u)),#ffffff59 0 calc(14 * var(--u))) right / 40% 100% no-repeat}.still-yoke .knob-art{position:absolute;inset:0 0 calc(14 * var(--u))}.still-yoke .beam{position:absolute;left:calc(14 * var(--u));right:calc(14 * var(--u));top:calc(24 * var(--u));height:calc(10 * var(--u));border-radius:99px;rotate:calc((var(--v) - .5) * 20deg);background:linear-gradient(#fff3d0,#cf9c50 40%,#6e4618);box-shadow:0 5px 8px #0009}.still-yoke .ladle{position:absolute;top:calc(6 * var(--u));width:calc(30 * var(--u));height:calc(20 * var(--u));border-radius:0 0 50% 50%;background:linear-gradient(#e8a46c,#8a4318);box-shadow:inset 0 3px #3a1406}.still-yoke .ladle--a{left:calc(4 * var(--u));rotate:calc((.5 - var(--v)) * 30deg)}.still-yoke .ladle--b{right:calc(4 * var(--u));rotate:calc((.5 - var(--v)) * 30deg)}.still-yoke .pivot{position:absolute;left:50%;top:calc(18 * var(--u));width:calc(22 * var(--u));aspect-ratio:1;translate:-50% 0;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3d0,#cf9c50 45%,#3a1d08);box-shadow:0 3px 5px #000000b3}.still-spigot .tap{position:absolute;left:50%;top:calc(6 * var(--u));width:calc(50 * var(--u));height:calc(12 * var(--u));margin-left:calc(-25 * var(--u));border-radius:99px;rotate:calc(var(--v) * 90deg - 45deg);background:linear-gradient(#fff3d0,#cf9c50 45%,#6e4618);box-shadow:0 4px 5px #000000a6}.still-spigot .tap:after{content:"";position:absolute;left:50%;top:50%;width:calc(20 * var(--u));aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3d0,#a8752f 50%,#3a1d08)}.scene--still{display:block;width:100%;height:100%}.scene--still .candle-glow{transform-box:fill-box;transform-origin:center;transform:scale(calc(.85 + max(var(--d0-meter, 0),var(--d1-meter, 0))*.45));opacity:calc(.5 + max(var(--d0-meter, 0),var(--d1-meter, 0))/2)}.scene--still .moon-halo{opacity:calc(.4 + var(--lock, 0) * .6)}@media (prefers-reduced-motion: reduce){.scene--still .candle-glow{transform:none;opacity:.7}}@keyframes still-flow{to{stroke-dashoffset:-16}}@keyframes still-boil{0%{background-position:0 100%,9% 115%}to{background-position:0 -40%,9% -25%}}@keyframes still-flicker{0%{transform:scale(.94,1.04) skew(-2deg)}to{transform:scale(1.04,.95) skew(2deg)}}@keyframes still-breathe{50%{opacity:.55}}@keyframes still-turn{to{rotate:360deg}}@keyframes still-nudge{to{translate:4px 0}}@media (prefers-reduced-motion: reduce){.instrument--still *,.instrument--still *:before,.instrument--still *:after{animation:none!important;transition:none!important}}.still-hourglass .sand-stream{top:48%;left:48%;right:48%;height:6%;background:#f1c879;box-shadow:none;opacity:min(1,calc(var(--sand) * 40))}.instrument--still:before{content:"";position:absolute;left:-3%;right:-3%;bottom:-18px;height:30px;background:linear-gradient(#5b3820,#342012 45%,#170f09);border-top:3px solid #825031;box-shadow:0 10px 17px #0008;z-index:-1}.instrument--still:after{content:"";position:absolute;left:4%;right:4%;bottom:-15px;height:18px;background:#0c0805a0;filter:blur(7px);z-index:-1}.still-legend{font-size:calc(10 * var(--u));letter-spacing:.12em}.still-shelf em{bottom:calc(3 * var(--u));font-size:calc(8 * var(--u));letter-spacing:.04em;text-align:left;left:calc(7 * var(--u))}.still-burner .flame{opacity:.18}.still-zone{color:#e7cb98a0;font:500 calc(9 * var(--u))/1 "IBM Plex Mono",monospace;letter-spacing:.12em;border-bottom:1px solid #e8b35a30;text-shadow:0 1px 2px #160e08;pointer-events:none}.still-assay{grid-template-columns:minmax(0,1fr) auto;gap:4px 3px}.assay-base{grid-column:1/-1;justify-self:start;gap:5px;letter-spacing:.04em}.assay-time{grid-column:1;grid-row:2}.assay-base{grid-row:3}.still-assay{padding:calc(9 * var(--u));grid-template-rows:auto 12px 18px}.assay-bpm{font-size:calc(19 * var(--u))}.still-zone{z-index:1;font-size:calc(8 * var(--u));letter-spacing:.04em}.instrument--pressing,.instrument--strata{--f-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--f-sans: "DM Sans", "Helvetica Neue", Arial, sans-serif;--f-serif: "Fraunces", Georgia, "Times New Roman", serif;--focus: #ffd27a;container-type:inline-size;position:relative;width:100%;max-width:1100px;margin-inline:auto;font-family:var(--f-sans);color:#ece7de;-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.instrument--pressing *,.instrument--strata *{box-sizing:border-box}.instrument--pressing *:before,.instrument--pressing *:after,.instrument--strata *:before,.instrument--strata *:after{box-sizing:border-box}.rig-defs{position:absolute;width:0;height:0;overflow:hidden}.rig-scroller{position:relative}.rig-body{position:relative;width:1100px;margin-inline:auto}.rig-pan-hint{display:none}@container (max-width: 1099.98px){.rig-body{zoom:.92}}@container (max-width: 1011px){.rig-body{zoom:.84}}@container (max-width: 923px){.rig-body{zoom:.78}}:where(.instrument--pressing,.instrument--strata) button{appearance:none;-webkit-appearance:none;position:absolute;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;touch-action:manipulation}.instrument--pressing .control,.instrument--strata .control{position:absolute;display:block;margin:0;cursor:grab}.instrument--pressing .control:active,.instrument--strata .control:active{cursor:grabbing}.instrument--pressing .control>input,.instrument--strata .control>input{appearance:none;-webkit-appearance:none;position:absolute;inset:0;z-index:3;width:100%;height:100%;margin:0;padding:0;opacity:0;background:transparent;cursor:inherit;touch-action:none}.instrument--pressing .control>input::-webkit-slider-thumb,.instrument--strata .control>input::-webkit-slider-thumb{-webkit-appearance:none;width:calc(2 * var(--pad, 8px));height:calc(2 * var(--pad, 8px));border:0;background:transparent}.instrument--pressing .control>input::-moz-range-thumb,.instrument--strata .control>input::-moz-range-thumb{width:calc(2 * var(--pad, 8px));height:calc(2 * var(--pad, 8px));border:0;background:transparent}.instrument--pressing .control>input[data-orient=vertical],.instrument--strata .control>input[data-orient=vertical]{writing-mode:vertical-lr;direction:rtl}.instrument--strata .st-tempo>input[data-orient=vertical]{direction:ltr}.instrument--pressing .control:has(>input[dir=rtl]){--vv: calc(1 - var(--v))}.instrument--pressing .legend,.instrument--strata .legend{pointer-events:none;white-space:nowrap}.instrument--pressing .tip,.instrument--strata .tip{position:absolute;left:50%;bottom:calc(100% + 8px);z-index:40;padding:5px 8px 6px;border-radius:6px;background:#100e0cf2;box-shadow:0 6px 18px #00000080,inset 0 0 0 1px #ffffff14;color:#f6f1e7;font:500 11px/1.25 var(--f-sans);letter-spacing:.01em;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-50%,4px);transition:opacity .14s ease,transform .14s ease}.instrument--pressing .tip output,.instrument--strata .tip output{margin-left:4px;color:var(--focus);font:600 11px/1 var(--f-mono)}.instrument--pressing .control:is(:hover,:focus-within) .tip,.instrument--strata .control:is(:hover,:focus-within) .tip{opacity:1;transform:translate(-50%)}.instrument--pressing :focus-visible,.instrument--strata :focus-visible{outline:2px solid var(--focus);outline-offset:3px}.instrument--pressing .control:has(>input:focus-visible),.instrument--strata .control:has(>input:focus-visible){outline:2px solid var(--focus);outline-offset:2px;border-radius:10px}.knob-art{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.knob-ticks{position:absolute;left:50%;top:50%;width:calc(var(--ks, 36px) + 14px);height:calc(var(--ks, 36px) + 14px);translate:-50% -50%;border-radius:50%;background:repeating-conic-gradient(from -135deg,var(--tick, rgba(255, 255, 255, .55)) 0 1.6deg,transparent 1.6deg var(--tick-step, 27deg));-webkit-mask:radial-gradient(closest-side,transparent calc(100% - 4px),#000 calc(100% - 3.5px)),conic-gradient(from -137deg,#000 0 274deg,transparent 0);-webkit-mask-composite:source-in;mask:radial-gradient(closest-side,transparent calc(100% - 4px),#000 calc(100% - 3.5px)),conic-gradient(from -137deg,#000 0 274deg,transparent 0);mask-composite:intersect}.knob-body{position:relative;width:var(--ks, 36px);height:var(--ks, 36px);border-radius:50%}.knob-body:before,.knob-body:after{content:"";position:absolute;inset:0;border-radius:50%;rotate:calc(-135deg + var(--v, .5) * 270deg)}.knob-cap{position:absolute;inset:20%;border-radius:50%}.fader-art{position:absolute;inset:0;pointer-events:none}.fader-slot,.fader-cap,.fader-scale,.fader-scale i{position:absolute}.fader-scale i{font-style:normal}.deck-meter{display:flex;flex-direction:column-reverse;gap:2px}.deck-meter i{--seg: #46e08a;flex:1;border-radius:1.5px;background:var(--seg);box-shadow:0 0 6px color-mix(in srgb,var(--seg) 70%,transparent);opacity:clamp(.12,calc((var(--m) * var(--n) - var(--i)) * 1.8),1)}.deck-meter i:nth-last-child(-n+5){--seg: #ffc23d}.deck-meter i:nth-last-child(-n+2){--seg: #ff4636}.pr-plinth{--lamp: #ffd7a1;height:624px;border-radius:14px;background:radial-gradient(120% 90% at 16% 0%,rgba(255,200,130,.16),transparent 55%),radial-gradient(circle at 1px 1px,rgba(255,255,255,.055) .6px,transparent 1.1px) 0 0 / 3px 3px,radial-gradient(circle at 2px 2px,rgba(0,0,0,.45) .7px,transparent 1.2px) 0 0 / 4px 4px,linear-gradient(165deg,#27231f,#141210 55%,#0b0a09);box-shadow:18px 34px 60px -12px #000000b3,4px 10px 18px #0000008c}.pr-case-edge{position:absolute;inset:0;border-radius:14px;pointer-events:none;box-shadow:inset 0 0 0 1px #000000d9,inset 0 0 0 2px #e4e0d8,inset 0 0 0 4px #a8a49c,inset 0 0 0 6px #7d7a73,inset 0 0 0 7px #4d4a45,inset 0 0 0 8px #000c,inset 0 10px 14px -6px #0009}.pr-corner{position:absolute;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#fff 0 6%,#d9d6cf 18%,#7b7871 52%,#2c2a27 78%,#8f8b84);box-shadow:3px 6px 9px #0009;pointer-events:none}.pr-corner--0{left:-9px;top:-9px}.pr-corner--1{right:-9px;top:-9px}.pr-corner--2{right:-9px;bottom:-9px}.pr-corner--3{left:-9px;bottom:-9px}.pr-deck{position:absolute;top:20px;width:400px;height:540px}.pr-deck--left{left:20px}.pr-deck--right{left:680px}.pr-chassis{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(7px 14px 14px rgba(0,0,0,.6)) drop-shadow(1px 3px 2px rgba(0,0,0,.7))}.pr-foot{position:absolute;width:54px;height:54px;border-radius:50%;background:repeating-conic-gradient(rgba(255,255,255,.06) 0 4deg,transparent 4deg 12deg),radial-gradient(circle at 40% 35%,#3a3835,#121110 70%);box-shadow:4px 8px 10px #0009}.pr-foot--0{left:-11px;top:14px}.pr-foot--1{right:-11px;top:14px}.pr-foot--2{right:-11px;bottom:14px}.pr-foot--3{left:-11px;bottom:14px}.pr-brand{position:absolute;top:144px;width:104px;color:#2b2925;font:italic 800 12px/1 var(--f-sans);letter-spacing:.18em;text-shadow:0 1px 0 rgba(255,255,255,.7),0 -1px 0 rgba(0,0,0,.18);pointer-events:none}.pr-brand b{color:#a82f1c;letter-spacing:.06em}.pr-brand small{display:block;margin-top:4px;font:600 5.6px/1 var(--f-mono);font-style:normal;letter-spacing:.14em;color:#4b4842}.pr-deck--left .pr-brand{left:290px;text-align:right}.pr-deck--right .pr-brand{left:10px}.pr-platter{position:absolute;left:30px;top:180px;width:340px;height:340px;border-radius:50%;cursor:grab;touch-action:none;background:radial-gradient(circle,transparent 0 154px,#1a1918 154px,#5d5b57 156px,#8f8c86 159px,#6e6b66 163px,#a9a6a0 167px,#3b3a37 169.5px,transparent 170px),#0d0d0e;box-shadow:6px 12px 22px #000000a6,0 0 0 1px #000000b3}.pr-platter:active{cursor:grabbing}.pr-platter:focus-visible{outline:3px solid var(--focus);outline-offset:5px}.pr-strobe{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.pr-strobe-row{fill:none;stroke:#fbf6ea;stroke-width:1.9;opacity:.82;transform-box:view-box;transform-origin:50% 50%}.pr-spin{position:absolute;inset:15px;border-radius:50%;rotate:var(--spin)}.pr-mat{position:absolute;inset:0;border-radius:50%;background:repeating-radial-gradient(circle,#171717 0 1.5px,#0b0b0b 1.5px 4px),#0e0e0e;box-shadow:inset 0 0 0 1px #000,inset 0 0 10px #000000e6}.pr-vinyl{position:absolute;inset:7px;border-radius:50%;background:radial-gradient(circle,transparent 0 52px,#121214 52px 63px,transparent 63px 75px,#1d1d20 75px 76.5px,transparent 76.5px 99px,#1d1d20 99px 100.5px,transparent 100.5px 121px,#1d1d20 121px 122.5px,transparent 122.5px 144.5px,#222226 144.5px 147.2px,#050505 147.2px),repeating-radial-gradient(circle,#0b0b0c 0 .9px,#19191b .9px 1.5px,#0e0e0f 1.5px 2.3px);box-shadow:0 0 0 1px #000,0 3px 8px #000000bf}.pr-vinyl:before{content:"SA-0001-A  \b7   PRESSED AT HOLLOWAY  \2736";position:absolute;left:50%;top:calc(50% - 61px);translate:-50% 0;color:#ebe4d652;font:500 4.6px/1 var(--f-mono);letter-spacing:.08em;white-space:nowrap}.pr-vinyl .record-label{position:absolute;left:calc(50% - 52px);top:calc(50% - 52px);width:104px;height:104px;border-radius:50%;background:var(--record-art, none) center / cover no-repeat,var(--record-color, #b8432a);box-shadow:0 0 0 1px #0000008c,inset 0 0 0 1.5px #ffffff14}.pr-vinyl .record-label:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,transparent 0 7px,rgba(0,0,0,.28) 7px 8px,transparent 8.5px)}.pr-glare{position:absolute;inset:22px;border-radius:50%;pointer-events:none;mix-blend-mode:screen;background:conic-gradient(from 0deg,transparent 0 112deg,rgba(255,222,180,.1) 128deg,rgba(255,236,205,.22) 135deg,rgba(255,222,180,.1) 142deg,transparent 160deg 292deg,rgba(255,222,180,.14) 308deg,rgba(255,240,214,.3) 315deg,rgba(255,222,180,.14) 322deg,transparent 340deg);-webkit-mask:radial-gradient(circle,transparent 0 55px,#000 57px);mask:radial-gradient(circle,transparent 0 55px,#000 57px)}.pr-spindle{position:absolute;left:calc(50% - 6px);top:calc(50% - 6px);width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#b9b6b0 40%,#4f4d49 85%);box-shadow:2px 3px 4px #000000b3;pointer-events:none}.pr-mirror{position:absolute;inset:0;pointer-events:none}.pr-deck--right .pr-mirror{scale:1 1}.pr-armbase{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.pr-strobe-glow{mix-blend-mode:screen}.pr-lamp-lens{filter:drop-shadow(0 0 4px #ff7a22)}.pr-arm{position:absolute;left:2px;top:66px;width:320px;height:60px;transform-origin:64px 30px;rotate:calc(31.7deg + var(--pos) * 21deg);transition:rotate .12s linear}.pr-arm-art{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(9px 4px 3px rgba(0,0,0,.5));transition:filter .22s ease,translate .22s ease}.pr-deck--right .pr-arm-art{filter:drop-shadow(2px 10px 3px rgba(0,0,0,.5))}.pr-arm:has(.pr-needle:is([data-held]:not([data-held=false]),[aria-pressed=true])) .pr-arm-art{translate:-1px -5px;filter:drop-shadow(20px 10px 7px rgba(0,0,0,.32))}.pr-deck--right .pr-arm:has(.pr-needle:is([data-held]:not([data-held=false]),[aria-pressed=true])) .pr-arm-art{filter:drop-shadow(6px 22px 7px rgba(0,0,0,.32))}.pr-needle{left:276px;top:6px;width:48px;height:48px;border-radius:50%;pointer-events:auto;cursor:grab;touch-action:none;transition:box-shadow .15s ease}.pr-needle:hover{box-shadow:0 0 0 1.5px #ffd7a18c,0 0 18px #ffc47840}.pr-needle:active{cursor:grabbing}.pr-needle .legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.pr-pitch{top:12px;width:206px;height:70px;--pad: 22px;--capw: 22px}.pr-deck--left .pr-pitch,.pr-deck--right .pr-pitch{left:184px}.pr-pitch .fader-slot{left:var(--pad);right:var(--pad);top:22px;height:7px;border-radius:4px;background:linear-gradient(#050505,#1d1d1d);box-shadow:inset 0 1px 2px #000,0 1px #ffffffb3}.pr-pitch .fader-scale{left:var(--pad);right:var(--pad);top:36px;height:12px}.pr-pitch .fader-scale i{left:calc(var(--at) * 100%);translate:-50% 0;color:#34312c;font:600 7.5px/1 var(--f-mono);text-shadow:0 1px 0 rgba(255,255,255,.55)}.pr-pitch .fader-scale i:before{content:"";position:absolute;left:50%;top:-6px;width:1px;height:4px;background:#3e3b36}.pr-detent{position:absolute;left:calc(50% - 3px);top:0;width:6px;height:6px;border-radius:50%;background:#7dff8c;box-shadow:0 0 6px #4dff6a;opacity:clamp(.12,calc(1 - (max(var(--v) - .5,.5 - var(--v))*400)),1)}.pr-pitch .fader-cap{left:calc(var(--pad) + var(--vv, var(--v)) * (100% - 2 * var(--pad)) - var(--capw) / 2);top:7px;width:var(--capw);height:38px;border-radius:4px;background:linear-gradient(90deg,#3d3b38,#151413 30%,#0c0c0b 70%,#2c2a28);box-shadow:4px 6px 7px #0000008c,inset 0 1px #ffffff40}.pr-pitch .fader-cap i{position:absolute;left:calc(50% - 1px);top:4px;bottom:4px;width:2px;border-radius:1px;background:#f3efe6}.pr-pitch .legend{position:absolute;left:var(--pad);bottom:6px;color:#34312c;font:700 9px/1 var(--f-sans);letter-spacing:.2em;text-shadow:0 1px 0 rgba(255,255,255,.55)}.pr-deck--right .pr-pitch .legend{left:var(--pad);right:auto}.pr-start{top:476px;width:64px;height:48px;border-radius:7px;background:linear-gradient(160deg,#f1eee8,#a7a49d);box-shadow:5px 8px 10px #00000073,inset 0 0 0 1px #00000059}.pr-deck--left .pr-start,.pr-deck--right .pr-start{left:326px}.pr-start-cap{position:absolute;inset:4px;border-radius:5px;background:linear-gradient(170deg,#4b4946,#1c1b1a 55%,#121110);box-shadow:inset 0 1px #ffffff38,inset 0 -2px 3px #0009;transition:translate .06s ease}.pr-start:active .pr-start-cap{translate:0 1.5px;box-shadow:inset 0 2px 4px #000c}.pr-start .legend{position:absolute;inset:0;display:grid;place-items:center;color:#e9e4da;font:700 8px/1 var(--f-sans);letter-spacing:.06em}.pr-start:after{content:"";position:absolute;right:8px;top:8px;width:4px;height:4px;border-radius:50%;background:#5a1d14}.pr-start:is([data-on]:not([data-on=false]),[aria-pressed=true]):after{background:#ff5a3c;box-shadow:0 0 6px #ff4a28}.pr-mixer{position:absolute;left:440px;top:20px;width:220px;height:540px}.pr-mixer-plate{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(6px 12px 12px rgba(0,0,0,.6))}.pr-mx-brand{position:absolute;left:16px;top:20px;color:#efe9dd;font:800 11px/1 var(--f-sans);letter-spacing:.2em;pointer-events:none}.pr-mx-brand b{color:#e2b56c}.pr-mx-brand small{display:block;margin-top:6px;color:#8f897e;font:500 5.8px/1 var(--f-mono);letter-spacing:.2em}.pr-strip{position:absolute;top:0;width:110px;height:100%;pointer-events:none}.pr-strip>*{pointer-events:auto}.pr-strip--0{left:0;--cx: 50px}.pr-strip--1{left:110px;--cx: 60px}.pr-k{width:46px;height:46px;--ks: 36px;--tick: rgba(232, 225, 212, .5)}.pr-strip .pr-k{left:calc(var(--cx) - 23px)}.pr-k--high{top:73px}.pr-k--mid{top:125px}.pr-k--low{top:177px}.pr-k--filter{top:235px}.pr-k--master{left:155px;top:11px;--ks: 34px}.pr-k .legend{position:absolute;color:#ddd6c9;font:700 9px/1 var(--f-sans);letter-spacing:.18em}.pr-strip--0 .pr-k .legend{left:83px;top:20px;translate:-50% 0}.pr-strip--1 .pr-k .legend{width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.pr-k--master .legend{left:50%;top:47px;translate:-50% 0}.knob-art--holloway .knob-body,.knob-art--filter .knob-body{background:radial-gradient(circle at 36% 28%,#4b4946,#1b1a19 55%,#0a0a09);box-shadow:4px 7px 8px #0009,0 0 0 1px #000,inset 0 1px 1px #ffffff29}.knob-art--holloway .knob-body:before,.knob-art--filter .knob-body:before{background:repeating-conic-gradient(rgba(255,255,255,.09) 0 3deg,transparent 3deg 9deg);-webkit-mask:radial-gradient(closest-side,transparent calc(100% - 4px),#000 calc(100% - 3.5px));mask:radial-gradient(closest-side,transparent calc(100% - 4px),#000 calc(100% - 3.5px))}.knob-art--holloway .knob-cap,.knob-art--filter .knob-cap{inset:17%;background:radial-gradient(circle,rgba(255,255,255,0) 0 30%,rgba(0,0,0,.14) 31% 32%,transparent 33%),conic-gradient(from 200deg,#77746e,#f6f3ec 45deg,#9c9992 100deg,#5f5c57 170deg,#d8d5ce 250deg,#77746e 360deg);box-shadow:0 0 0 1px #000000b3,inset 0 1px #fff9}.knob-art--holloway .knob-body:after,.knob-art--filter .knob-body:after{inset:2px calc(50% - 1px) 60% calc(50% - 1px);border-radius:1px;background:#fffaf0;box-shadow:0 0 0 .6px #000000bf;transform-origin:50% calc(var(--ks) / 2 - 2px)}.knob-art--filter:before,.knob-art--filter:after{position:absolute;bottom:-3px;color:#a39c90;font:600 5.6px/1 var(--f-mono);letter-spacing:.08em}.knob-art--filter:before{content:"LP";left:1px;color:#8fb6ff}.knob-art--filter:after{content:"HP";right:1px;color:#ffbf73}.pr-chfader{top:300px;left:calc(var(--cx) - 22px);width:44px;height:150px;--pad: 17px}.pr-chfader .fader-slot{left:calc(50% - 2.5px);top:var(--pad);bottom:var(--pad);width:5px;border-radius:3px;background:#020202;box-shadow:inset 0 1px 2px #000,1px 1px #ffffff1f}.pr-chfader .fader-scale{top:var(--pad);bottom:var(--pad);width:12px}.pr-strip--0 .pr-chfader .fader-scale{left:-2px;text-align:left}.pr-strip--1 .pr-chfader .fader-scale{right:-2px;text-align:right}.pr-chfader .fader-scale i{left:0;right:0;bottom:calc(var(--at) * 100%);translate:0 50%;color:#9d968a;font:500 7.5px/1 var(--f-mono)}.pr-chfader .fader-cap{left:calc(50% - 16px);bottom:calc(var(--pad) + var(--v) * (100% - 2 * var(--pad)) - 11px);width:32px;height:22px;border-radius:3px;background:repeating-linear-gradient(180deg,transparent 0 3px,rgba(0,0,0,.25) 3px 4px),linear-gradient(180deg,#f8f7f3,#a5a39e 45%,#e6e4df 55%,#6f6d69);box-shadow:5px 8px 8px #0000008c,0 0 0 1px #0009}.pr-chfader .fader-cap i{position:absolute;left:3px;right:3px;top:calc(50% - 1px);height:2px;background:#131210}.pr-chfader .legend{position:absolute;left:50%;bottom:-11px;translate:-50% 0;color:#e9e2d4;font:700 9px/1 var(--f-sans);letter-spacing:.2em}.pr-ladders{position:absolute;left:94px;top:306px;width:32px;height:136px;pointer-events:none}.pr-meter{position:absolute;top:0;bottom:0;width:8px;padding:1px;border-radius:2px;background:#050505;box-shadow:0 0 0 1px #ffffff0f}.pr-meter:first-child{left:0}.pr-meter:nth-child(2){right:0}.pr-xfader{left:26px;top:472px;width:168px;height:56px;--pad: 22px;--capw: 20px}.pr-xfader .fader-slot{left:var(--pad);right:var(--pad);top:19px;height:6px;border-radius:3px;background:#020202;box-shadow:inset 0 1px 2px #000,0 1px #ffffff1f}.pr-xfader .fader-scale{left:var(--pad);right:var(--pad);top:31px}.pr-xfader .fader-scale i{left:calc(var(--at) * 100%);translate:-50% 0;color:#b9b2a5;font:600 7.5px/1 var(--f-mono)}.pr-xfader .fader-cap{left:calc(var(--pad) + var(--v) * (100% - 2 * var(--pad)) - var(--capw) / 2);top:3px;width:var(--capw);height:38px;border-radius:4px;background:repeating-linear-gradient(90deg,#191817 0 3px,#2b2927 3px 4px);box-shadow:5px 8px 8px #0009,inset 0 1px #fff3}.pr-xfader .fader-cap i{position:absolute;left:calc(50% - 1px);top:3px;bottom:3px;width:2px;background:#fbf6ea}.pr-xfader .legend{position:absolute;left:50%;bottom:0;translate:-50% 0;color:#e9e2d4;font:700 8.5px/1 var(--f-sans);letter-spacing:.2em}.pr-ledge{position:absolute;left:0;right:0;top:560px;height:64px}.pr-ledge-side{position:absolute;top:0;width:440px;height:100%}.pr-ledge-side--0{left:0}.pr-ledge-side--1{right:0}.pr-load{top:8px;width:126px;height:48px;border-radius:9px;background:linear-gradient(180deg,#00000080,#0003);box-shadow:inset 0 2px 5px #000c,0 1px #ffffff0f;transition:background .2s ease}.pr-ledge-side--0 .pr-load{left:28px}.pr-ledge-side--1 .pr-load{left:286px}.pr-load:hover{background:linear-gradient(180deg,#ffc4781f,#0003)}.pr-load[data-loading]:not([data-loading=false]){animation:pr-pulse 1s ease-in-out infinite}.pr-sleeve{position:absolute;top:1px;width:46px;height:46px;pointer-events:none}.pr-ledge-side--0 .pr-sleeve{left:4px;rotate:-4deg}.pr-ledge-side--1 .pr-sleeve{right:4px;rotate:4deg}.pr-sleeve-disc{position:absolute;top:3px;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle,#c9452c 0 7px,#0c0c0d 7.5px 8.5px,transparent 9px),repeating-radial-gradient(circle,#0b0b0c 0 1px,#1c1c1e 1px 2px);box-shadow:2px 3px 5px #0009}.pr-ledge-side--0 .pr-sleeve-disc{left:20px}.pr-ledge-side--1 .pr-sleeve-disc{right:20px}.pr-sleeve-art{position:absolute;inset:0;z-index:1;border-radius:2px;background:var(--record-art, none) center / cover no-repeat,var(--record-color, #c4ae86);box-shadow:3px 4px 6px #0000008c,inset 0 0 0 1px #ffffff1f,inset 0 0 8px #00000040}.pr-load .legend{position:absolute;top:50%;translate:0 -50%;color:#eadcc0;font:700 9px/1 var(--f-sans);letter-spacing:.2em}.pr-ledge-side--0 .pr-load .legend{left:72px}.pr-ledge-side--1 .pr-load .legend{right:72px}.pr-tape{position:absolute;top:14px;width:250px;height:34px;background:repeating-linear-gradient(97deg,rgba(120,96,50,.05) 0 2px,transparent 2px 5px),linear-gradient(180deg,#efe4c9,#ddd0b0);clip-path:polygon(0 6%,2% 0,4% 9%,6% 1%,94% 0,96% 8%,98% 0,100% 7%,100% 94%,98% 100%,96% 91%,94% 100%,6% 100%,4% 92%,2% 100%,0 93%);filter:drop-shadow(2px 3px 2px rgba(0,0,0,.5));opacity:.95}.pr-tape b{position:absolute;left:12px;top:6px;width:22px;height:22px;border:2px solid #26211b;border-radius:50%;display:grid;place-items:center;color:#26211b;font:800 12px/1 var(--f-sans)}.pr-tape-text{position:absolute;top:21px;width:196px;overflow:hidden;color:#231e18;font:italic 600 15px/1.2 var(--f-serif);text-overflow:ellipsis;white-space:nowrap}.pr-ledge-side--0 .pr-tape{left:170px;rotate:-1.3deg}.pr-ledge-side--0 .pr-tape-text{left:214px;rotate:-1.3deg}.pr-ledge-side--1 .pr-tape{left:20px;rotate:1.1deg}.pr-ledge-side--1 .pr-tape-text{left:64px;rotate:1.1deg}.pr-card{position:absolute;left:455px;top:3px;width:190px;height:66px;rotate:-1.6deg;border-radius:2px;background:linear-gradient(90deg,transparent 21px,rgba(214,70,64,.55) 21px 22px,transparent 22px),repeating-linear-gradient(180deg,transparent 0 17px,rgba(86,136,205,.32) 17px 18px),linear-gradient(180deg,#fffaf0,#f2ead9);box-shadow:4px 8px 12px #00000080,0 0 0 .5px #0000004d;color:#3a404d}.pr-card-pin{position:absolute;left:calc(50% - 22px);top:-7px;width:44px;height:14px;rotate:5deg;background:#eee4c8c7;box-shadow:0 1px 2px #00000040}.pr-card-head{position:absolute;left:28px;top:4px;font:italic 500 11px/1 var(--f-serif);color:#555c6b}.pr-card-grid{position:absolute;left:28px;top:19px;width:150px;display:grid;gap:3px}.pr-card-row{display:grid;grid-template-columns:14px 1fr;align-items:center;height:14px}.pr-card-row b{font:700 10px/1 var(--f-sans)}.pr-card-row:first-child{--pen: #2659c4}.pr-card-row:last-child{--pen: #c9412a}.pr-card-track{position:relative;display:grid;grid-template-columns:repeat(4,1fr);height:12px;border:1px solid rgba(60,66,80,.55)}.pr-card-track i{border-right:1px solid rgba(60,66,80,.35);color:#3c425080;font:500 5.5px/1 var(--f-mono);padding:1px 0 0 2px}.pr-card-track i:last-of-type{border-right:0}.pr-card-track em{position:absolute;left:calc(var(--bar) * 100% - 4.5px);top:1px;width:9px;height:9px;border-radius:50%;background:var(--pen);box-shadow:0 0 0 1.5px #fffaf0e6}.pr-card-phase{position:absolute;right:9px;bottom:5px;font:600 9px/1 var(--f-mono);color:#3a404d}.pr-card-stamp{position:absolute;right:8px;top:4px;padding:2px 5px 1px;border:1.5px solid #c8321f;border-radius:3px;rotate:-9deg;color:#c8321f;font:800 9.5px/1 var(--f-sans);letter-spacing:.18em;mix-blend-mode:multiply;opacity:var(--lock, 0)}@keyframes pr-pulse{50%{background:linear-gradient(180deg,#ffc47838,#0003)}}.st-body{--silk: #e9edf5;--silk-dim: #8d94a3;height:620px;border-radius:26px;background:linear-gradient(180deg,#202228,#121317 60%,#0c0d10);box-shadow:0 46px 80px -24px #000000d9,0 14px 26px #0000008c,0 0 0 1px #000,inset 0 1px #ffffff1a;font-family:var(--f-mono)}.st-cheek{position:absolute;top:10px;bottom:10px;width:14px;border-radius:8px;background:repeating-linear-gradient(180deg,#17181c 0 3px,#0a0a0c 3px 6px);box-shadow:inset 0 0 0 1px #ffffff0a;pointer-events:none}.st-cheek--l{left:3px}.st-cheek--r{right:3px}.st-plate{position:absolute;inset:8px 16px;border-radius:18px;background:radial-gradient(70% 40% at 50% -6%,rgba(150,175,255,.12),transparent 70%),repeating-linear-gradient(90deg,rgba(255,255,255,.016) 0 1px,transparent 1px 3px),linear-gradient(180deg,#2b2e34,#202227 55%,#1a1b20);box-shadow:inset 0 1px #ffffff21,inset 0 -1px #0009,0 0 0 1px #000000b3;pointer-events:none}.st-logo{position:absolute;left:50%;bottom:0;translate:-50% 0;padding:1px 10px 2px;border-radius:6px 6px 0 0;background:#0b0c0f;color:var(--silk-dim);font:600 8px/1.2 var(--f-sans);letter-spacing:.5em;pointer-events:none}.st-logo b{margin-left:.3em;color:var(--silk)}.st-silk{position:absolute;color:var(--silk);font:600 9px/1 var(--f-sans);letter-spacing:.2em;pointer-events:none}.st-silk small{margin-left:6px;color:var(--silk-dim);font-size:8.5px;letter-spacing:.12em}.st-deck{position:absolute;top:0;width:332px;height:620px}.st-deck--left{left:14px;--deck: #3cc8ff}.st-deck--right{left:754px;--deck: #ff8c3c}.st-rail{position:absolute;top:0;bottom:0;width:72px}.st-inner{position:absolute;top:0;bottom:0;width:232px}.st-deck--left .st-rail{left:12px}.st-deck--left .st-inner{left:92px}.st-deck--right .st-rail{right:12px}.st-deck--right .st-inner{left:8px}.st-badge{position:absolute;left:0;top:20px;width:72px;display:grid;justify-items:center;gap:2px;color:var(--silk-dim);font:600 8.5px/1 var(--f-sans);letter-spacing:.4em;pointer-events:none}.st-badge b{color:var(--deck);font:700 24px/1 var(--f-sans);letter-spacing:0;text-shadow:0 0 12px color-mix(in srgb,var(--deck) 60%,transparent)}.st-btn{border-radius:7px;background:linear-gradient(180deg,#2c2e34,#1c1d21);box-shadow:inset 0 1px #ffffff1a,inset 0 -2px #00000073,0 2px #08080a,0 4px 8px #00000073;transition:box-shadow .12s ease,background .12s ease,translate .05s ease}.st-btn:active{translate:0 1px;box-shadow:inset 0 1px 3px #0009,0 1px #08080a}.st-btn .legend{position:absolute;inset:0;display:grid;place-items:center;color:var(--silk);font:700 9.5px/1 var(--f-sans);letter-spacing:.16em}.st-btn--sync{left:0;top:64px;width:72px;height:44px;--lit: var(--deck)}.st-btn:is([data-on]:not([data-on=false]),[aria-pressed=true],[data-active]:not([data-active=false])){background:linear-gradient(180deg,color-mix(in srgb,var(--lit, #fff) 42%,#23252a),color-mix(in srgb,var(--lit, #fff) 22%,#18191d));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--lit, #fff) 80%,transparent),0 0 18px color-mix(in srgb,var(--lit, #fff) 45%,transparent),0 2px #08080a}.st-btn:is([data-on]:not([data-on=false]),[aria-pressed=true],[data-active]:not([data-active=false])) .legend{color:#fff;text-shadow:0 0 8px var(--lit, #fff)}.st-tempo{left:0;top:122px;width:72px;height:318px;--pad: 24px}.st-tempo .fader-slot{left:calc(50% - 3px);top:var(--pad);bottom:var(--pad);width:6px;border-radius:3px;background:#030304;box-shadow:inset 0 1px 3px #000,0 0 0 1px #ffffff0d}.st-tempo .fader-scale{top:var(--pad);bottom:var(--pad);width:22px}.st-deck--left .st-tempo .fader-scale{right:0;text-align:right}.st-deck--right .st-tempo .fader-scale{left:0}.st-tempo .fader-scale i{left:0;right:0;top:calc(var(--at) * 100%);translate:0 -50%;color:var(--silk-dim);font:500 7.5px/1 var(--f-mono)}.st-detent{position:absolute;left:calc(50% - 13px);top:calc(50% - 1px);width:4px;height:4px;border-radius:50%;background:#6dff9a;box-shadow:0 0 6px #3dff7a;opacity:clamp(.12,calc(1 - (max(var(--v) - .5,.5 - var(--v))*400)),1)}.st-deck--right .st-detent{left:calc(50% + 9px)}.st-tempo .fader-cap{left:calc(50% - 22px);top:calc(var(--pad) + var(--v) * (100% - 2 * var(--pad)) - 13px);width:44px;height:26px;border-radius:4px;background:repeating-linear-gradient(180deg,#2a2c31 0 2px,#141518 2px 4px);box-shadow:0 8px 10px #0009,inset 0 1px #ffffff2e,0 0 0 1px #000}.st-tempo .fader-cap i{position:absolute;left:4px;right:4px;top:calc(50% - 1px);height:2px;background:#f4f6fb;box-shadow:0 0 4px #fff9}.st-tempo .legend{position:absolute;top:50%;translate:0 -50%;writing-mode:vertical-rl;rotate:180deg;color:var(--silk);font:600 9px/1 var(--f-sans);letter-spacing:.3em}.st-deck--left .st-tempo .legend{left:2px}.st-deck--right .st-tempo .legend{right:2px}.st-round{left:5px;width:62px;height:62px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#34363c,#18191d 70%);box-shadow:0 0 0 3px #0b0b0d,0 0 0 5px var(--ring-off),0 6px 12px #0000008c,inset 0 1px #ffffff1f;transition:box-shadow .12s ease}.st-round:active{translate:0 1px}.st-round .legend{position:absolute;inset:0;display:grid;place-items:center;color:var(--silk);font:700 10px/1 var(--f-sans);letter-spacing:.14em}.st-round--cue{top:452px;--ring: #ffa13a;--ring-off: #4a3016}.st-round--play{top:528px;--ring: #4dff8d;--ring-off: #173d24}.st-round:is([data-on]:not([data-on=false]),[aria-pressed=true],[data-held]:not([data-held=false])){box-shadow:0 0 0 3px #0b0b0d,0 0 0 5px var(--ring),0 0 22px color-mix(in srgb,var(--ring) 55%,transparent),0 6px 12px #0000008c}.st-round:is([data-on]:not([data-on=false]),[aria-pressed=true]) .legend{color:var(--ring)}.st-k{width:46px;height:46px;--ks: 32px;--tick: rgba(233, 237, 245, .5)}.st-k .knob-art{inset:0 0 auto;height:34px}.st-k .legend{position:absolute;left:50%;bottom:0;translate:-50% 0;color:var(--silk);font:600 8px/1 var(--f-sans);letter-spacing:.16em}.knob-art--strata .knob-body{background:radial-gradient(circle at 50% 30%,#3a3c42,#1b1c20 62%,#0f1013);box-shadow:0 6px 8px #0000008c,0 0 0 1px #050506,inset 0 1px #ffffff1f}.knob-art--strata .knob-body:before{background:repeating-conic-gradient(rgba(255,255,255,.05) 0 2deg,transparent 2deg 12deg)}.knob-art--strata .knob-cap{inset:22%;background:radial-gradient(circle at 45% 35%,#2e3036,#16171a);box-shadow:inset 0 1px #ffffff1a,0 0 0 1px #0009}.knob-art--strata .knob-body:after{inset:1px calc(50% - 1px) 56% calc(50% - 1px);border-radius:1px;background:#f5f7fb;box-shadow:0 0 3px #ffffff80;transform-origin:50% calc(var(--ks) / 2 - 1px)}.st-k--low{--tick: rgba(255, 196, 92, .75)}.st-k--filter{--tick: rgba(160, 190, 255, .7)}.st-k--master{--ks: 36px;width:48px;height:50px}.st-k--master .knob-art{height:40px}.knob-art--step{--tick-step: 90deg}.knob-art--step em{position:absolute;left:50%;top:50%;color:var(--silk-dim);font:600 8.5px/1 var(--f-mono);font-style:normal;transform:translate(-50%,-50%) rotate(calc(-135deg + var(--at) * 270deg)) translateY(-27px) rotate(calc(135deg - var(--at) * 270deg))}.st-fx{position:absolute;left:0;top:10px;width:232px;height:74px}.st-fx-title{left:0;top:0}.st-fx .st-k{top:20px}.st-fx .st-k:nth-of-type(1){left:22px}.st-fx .st-k:nth-of-type(2){left:93px}.st-fx .st-k:nth-of-type(3){left:164px}.st-fx:after{content:"";position:absolute;left:58px;right:0;top:3px;height:1px;background:linear-gradient(90deg,rgba(233,237,245,.35),transparent)}.st-seek{left:0;top:86px;width:232px;height:44px;--pad: 12px}.st-strip-art{position:absolute;left:0;right:0;top:10px;height:22px;border-radius:11px;background:linear-gradient(180deg,#08090b,#15161a);box-shadow:inset 0 1px 3px #000,0 0 0 1px #ffffff12,0 1px #ffffff0f;overflow:hidden;pointer-events:none}.st-strip-ticks{position:absolute;inset:0 12px;background:repeating-linear-gradient(90deg,rgba(233,237,245,.16) 0 1px,transparent 1px 6.25%);-webkit-mask:linear-gradient(180deg,transparent 30%,#000 30% 70%,transparent 70%);mask:linear-gradient(180deg,transparent 30%,#000 30% 70%,transparent 70%)}.st-strip-pos{position:absolute;top:3px;bottom:3px;left:calc(12px + var(--pos) * (100% - 24px) - 2px);width:4px;border-radius:2px;background:var(--deck);box-shadow:0 0 10px var(--deck),0 0 2px #fff}.st-strip-art:before{content:"";position:absolute;left:12px;top:calc(50% - 1px);height:2px;width:calc(var(--pos) * (100% - 24px));background:color-mix(in srgb,var(--deck) 45%,transparent)}.st-seek .legend{position:absolute;right:14px;top:16px;color:#e9edf566;font:600 8.5px/1 var(--f-sans);letter-spacing:.3em}.st-jog{position:absolute;left:0;top:134px;width:232px;height:232px}.st-jog-led{position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(rgba(10,11,14,.9) 0 1.2deg,transparent 1.2deg 6deg),conic-gradient(var(--deck) 0 calc(var(--pos) * 360deg),rgba(255,255,255,.07) 0);-webkit-mask:radial-gradient(closest-side,transparent calc(100% - 6px),#000 calc(100% - 5.5px),#000 calc(100% - 1px),transparent);mask:radial-gradient(closest-side,transparent calc(100% - 6px),#000 calc(100% - 5.5px),#000 calc(100% - 1px),transparent);filter:drop-shadow(0 0 5px var(--deck));pointer-events:none}.st-jog-wheel{position:absolute;inset:10px;border-radius:50%;cursor:grab;touch-action:none;background:#0b0c0e;box-shadow:0 14px 26px #000000bf,0 0 0 1px #000,0 0 30px color-mix(in srgb,var(--deck) 14%,transparent)}.st-jog-wheel:active{cursor:grabbing}.st-jog-wheel:focus-visible{outline:3px solid var(--focus);outline-offset:12px}.st-jog-knurl{position:absolute;inset:0;border-radius:50%;rotate:var(--spin);background:repeating-conic-gradient(#43464e 0 1.4deg,#121317 1.4deg 3deg);-webkit-mask:radial-gradient(closest-side,transparent calc(100% - 13px),#000 calc(100% - 12.5px));mask:radial-gradient(closest-side,transparent calc(100% - 13px),#000 calc(100% - 12.5px))}.st-jog-wheel:after{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(180deg,rgba(200,215,255,.22),transparent 40%,rgba(0,0,0,.45));-webkit-mask:radial-gradient(closest-side,transparent calc(100% - 13px),#000 calc(100% - 12.5px));mask:radial-gradient(closest-side,transparent calc(100% - 13px),#000 calc(100% - 12.5px));pointer-events:none}.st-jog-plate{position:absolute;inset:14px;border-radius:50%;background:conic-gradient(from 20deg,#fff0,#dce6ff29 40deg,#fff0 90deg,#0003 180deg,#dce6ff1f 220deg,#fff0 270deg),repeating-radial-gradient(circle,#3a3d44 0 .8px,#2b2e34 .8px 1.8px);box-shadow:inset 0 2px 2px #ffffff1f,inset 0 -3px 6px #0000008c,0 0 0 1px #000}.st-jog-mark{position:absolute;inset:14px;border-radius:50%;rotate:var(--spin);pointer-events:none}.st-jog-mark:before{content:"";position:absolute;left:calc(50% - 2px);top:6px;width:4px;height:18px;border-radius:2px;background:#e9edf5;box-shadow:0 0 6px #fff6}.st-jog-display{position:absolute;left:62px;top:62px;width:108px;height:108px;border-radius:50%;overflow:hidden;background:#030304;box-shadow:0 0 0 3px #0b0c0f,0 0 0 4px #ffffff14,inset 0 0 0 1px #000;pointer-events:none}.st-jog-art{position:absolute;inset:5px;border-radius:50%;rotate:var(--spin);background:var(--record-art, none) center / cover no-repeat,var(--record-color, #263040)}.st-jog-orbit{position:absolute;inset:1px;border-radius:50%;rotate:var(--spin);background:conic-gradient(var(--deck) 0 14deg,transparent 14deg);-webkit-mask:radial-gradient(closest-side,transparent calc(100% - 3px),#000 calc(100% - 2.5px));mask:radial-gradient(closest-side,transparent calc(100% - 3px),#000 calc(100% - 2.5px))}.st-jog-time{position:absolute;left:0;right:0;bottom:0;padding:5px 0 12px;background:linear-gradient(180deg,transparent,rgba(3,3,4,.82) 30%);color:#f2f5fb;font:600 12px/1 var(--f-mono);text-align:center;letter-spacing:.02em}.st-pads{position:absolute;left:0;top:376px;width:232px;height:200px}.st-loopbar{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:6px;height:40px}.st-loopbar .st-btn{position:relative;height:40px}.st-btn--loop{--lit: #a8ff5a}.st-btn--exit .legend{color:var(--silk-dim)}.st-pad-title{position:relative;display:block;margin:10px 0 6px}.st-pad-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}@property --st-glow{syntax: "<number>"; inherits: true; initial-value: 0;}.st-pad{position:relative;height:50px;border-radius:7px;--c: #8890a0;--st-glow: .25;background:radial-gradient(120% 90% at 50% 120%,color-mix(in srgb,var(--c) calc(var(--st-glow) * 55%),transparent),transparent 70%),linear-gradient(180deg,#2a2c31,#1b1c20);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--c) calc(18% + var(--st-glow) * 64%),transparent),inset 0 1px #ffffff14,inset 0 -3px #00000073,0 2px #08080a,0 4px 8px #00000080,0 0 calc(var(--st-glow) * 22px) color-mix(in srgb,var(--c) 55%,transparent);transition:--st-glow .12s ease,translate .05s ease}.st-pad:after{content:"";position:absolute;inset:6px;border-radius:4px;background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.05),transparent 70%);pointer-events:none}.st-pad:active{translate:0 1.5px;--st-glow: 1.25}.st-pad .legend{position:absolute;left:7px;top:6px;color:color-mix(in srgb,var(--c) calc(45% + var(--st-glow) * 44%),#6f7480);font:700 10px/1 var(--f-mono)}.st-pad--c0{--c: #ff4d6d}.st-pad--c1{--c: #ffb020}.st-pad--c2{--c: #2fe0a8}.st-pad--c3{--c: #4f9bff}.st-pad--loop{--c: #a8ff5a}.st-pad--loop .legend:after{content:" BT";font-size:8.5px;letter-spacing:.1em}.st-pad--sample{--c: #b874ff;height:40px}.st-pad:is([data-assigned]:not([data-assigned=false]),[data-active]:not([data-active=false]),[data-on]:not([data-on=false]),[aria-pressed=true]){--st-glow: 1}.st-pad:is([data-assigned]:not([data-assigned=false])) .legend{color:#fff}.st-pad[data-loading]:not([data-loading=false]){animation:st-breathe 1.1s ease-in-out infinite}@keyframes st-breathe{50%{--st-glow: .6}}.st-mixer{position:absolute;left:352px;top:0;width:396px;height:620px}.st-mixer:before{content:"";position:absolute;inset:8px 0;border-radius:12px;background:linear-gradient(180deg,#0000002e,#0000000d);box-shadow:inset 1px 0 #0000008c,inset -1px 0 #0000008c,-1px 0 #ffffff0d,1px 0 #ffffff0d;pointer-events:none}.st-screen{position:absolute;left:10px;top:14px;width:376px;height:118px;padding:6px;border-radius:11px;background:linear-gradient(180deg,#0d0e11,#050506);box-shadow:0 0 0 1px #000,inset 0 1px #ffffff14,0 0 34px #5082ff1f}.st-glass{position:relative;height:100%;overflow:hidden;border-radius:6px;background:radial-gradient(120% 140% at 50% 50%,#0b111c,#04060a);box-shadow:inset 0 0 0 1px #78a0ff14}.st-info{position:absolute;left:6px;right:6px;height:14px;display:grid;grid-template-columns:14px minmax(0,1fr) auto auto;align-items:center;gap:10px;color:#dfe6f3;font:500 9.5px/1 var(--f-mono)}.st-info--0{top:3px;--deck: #3cc8ff}.st-info--1{bottom:3px;--deck: #ff8c3c}.st-info b{display:grid;place-items:center;height:12px;border-radius:2px;background:var(--deck);color:#05070b;font:700 9.5px/1 var(--f-sans)}.st-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.st-val{display:inline-flex;align-items:baseline;gap:4px;color:#fff;font-weight:600}.st-val small{color:#7f889a;font-size:8.5px;letter-spacing:.14em}.st-val--rate>span{min-width:42px;text-align:right}.st-wave{position:absolute;left:0;width:100%;height:30px;display:block}.st-wave--0{top:18px}.st-wave--1{top:60px}.st-phase{position:absolute;left:0;right:0;top:49px;height:10px}.st-phase-grid{position:absolute;left:6px;top:1px;width:200px;height:8px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(110,255,160,calc(.14 + var(--lock, 0) * .6));box-shadow:0 0 calc(var(--lock, 0) * 10px) #50ff9659}.st-phase-grid i{border-right:1px solid rgba(233,237,245,.1);color:transparent;font-size:0}.st-phase-dot{position:absolute;left:calc(6px + var(--bar) * 200px - 3px);top:2px;width:6px;height:3px;border-radius:1px;background:#3cc8ff;box-shadow:0 0 5px #3cc8ff}.st-phase-dot--b{top:5px;background:#ff8c3c;box-shadow:0 0 5px #ff8c3c}.st-phase-text{position:absolute;right:6px;top:1px;display:inline-flex;gap:5px;align-items:baseline;color:#e8fff0;font:600 9.5px/1 var(--f-mono)}.st-phase-text small{color:#7f889a;font-size:8.5px;letter-spacing:.16em}.st-playhead{position:absolute;left:calc(50% - .75px);top:16px;bottom:16px;width:1.5px;background:#fff;box-shadow:0 0 6px #fffc;pointer-events:none}.st-glare{position:absolute;inset:0;background:linear-gradient(118deg,rgba(255,255,255,.07),transparent 38%);pointer-events:none}.st-browse{position:absolute;left:10px;top:136px;width:376px;height:50px}.st-btn--load{top:3px;width:112px;height:44px}.st-btn--load:first-child{left:0;--lit: #3cc8ff}.st-btn--load:last-child{right:0;--lit: #ff8c3c}.st-btn--load[data-loading]:not([data-loading=false]){animation:st-blink .7s steps(2) infinite}@keyframes st-blink{50%{box-shadow:inset 0 0 0 1px var(--lit),0 0 14px var(--lit)}}.st-encoder{left:164px;top:0;width:48px;height:48px;border-radius:50%;background:repeating-conic-gradient(#3b3e45 0 3deg,#17181c 3deg 6deg);box-shadow:0 6px 10px #0009,0 0 0 1px #000}.st-encoder-cap{position:absolute;inset:6px;border-radius:50%;background:radial-gradient(circle at 45% 32%,#3a3d44,#17181c 70%);box-shadow:inset 0 1px #ffffff24,0 0 0 1px #000;transition:inset .06s ease}.st-encoder:active .st-encoder-cap{inset:7px}.st-encoder .legend{position:absolute;left:50%;top:52px;translate:-50% 0;color:var(--silk);font:600 8.5px/1 var(--f-sans);letter-spacing:.24em}.st-strip{position:absolute;top:192px;width:88px;height:420px;pointer-events:none}.st-strip>*{pointer-events:auto}.st-strip--0{left:10px;--deck: #3cc8ff}.st-strip--1{left:298px;--deck: #ff8c3c}.st-strip .st-k{left:21px}.st-strip .st-k:nth-of-type(1){top:0}.st-strip .st-k:nth-of-type(2){top:44px}.st-strip .st-k:nth-of-type(3){top:88px}.st-strip .st-k:nth-of-type(4){top:132px}.st-strip .st-k:nth-of-type(5){top:176px}.st-strip:before{content:"";position:absolute;left:8px;top:2px;width:3px;height:214px;border-radius:2px;background:linear-gradient(180deg,var(--deck),transparent);opacity:.5}.st-btn--preview{left:6px;top:222px;width:76px;height:40px;--lit: #ffd24a}.st-chfader{left:22px;top:268px;width:44px;height:150px;--pad: 18px}.st-chfader .fader-slot{left:calc(50% - 2.5px);top:var(--pad);bottom:var(--pad);width:5px;border-radius:3px;background:#030304;box-shadow:inset 0 1px 2px #000,0 0 0 1px #ffffff0d}.st-chfader .fader-scale{top:var(--pad);bottom:var(--pad);width:14px}.st-strip--0 .st-chfader .fader-scale{left:-6px;text-align:right}.st-strip--1 .st-chfader .fader-scale{right:-6px}.st-chfader .fader-scale i{left:0;right:0;bottom:calc(var(--at) * 100%);translate:0 50%;color:var(--silk-dim);font:500 7.5px/1 var(--f-mono)}.st-chfader .fader-cap{left:calc(50% - 19px);bottom:calc(var(--pad) + var(--v) * (100% - 2 * var(--pad)) - 10px);width:38px;height:20px;border-radius:4px;background:repeating-linear-gradient(180deg,#2c2e33 0 2px,#16171a 2px 4px);box-shadow:0 8px 10px #0009,inset 0 1px #ffffff29,0 0 0 1px #000}.st-chfader .fader-cap i{position:absolute;left:4px;right:4px;top:calc(50% - 1px);height:2px;background:var(--deck);box-shadow:0 0 5px var(--deck)}.st-chfader .legend{position:absolute;left:50%;bottom:0;translate:-50% 0;color:var(--silk);font:600 8.5px/1 var(--f-sans);letter-spacing:.2em}.st-center{position:absolute;left:104px;top:192px;width:188px;height:420px;pointer-events:none}.st-center>*{pointer-events:auto}.st-master{position:absolute;left:0;top:0;width:188px;height:52px}.st-master .st-k:nth-of-type(1){left:22px;top:0}.st-master .st-k:nth-of-type(2){left:118px;top:2px}.st-rec{position:absolute;left:6px;top:58px;width:176px;height:40px}.st-btn--rec{left:0;top:0;width:78px;height:40px;--lit: #ff3b3b}.st-btn--rec .legend{padding-left:12px}.st-rec-dot{position:absolute;left:14px;top:calc(50% - 4px);width:8px;height:8px;border-radius:50%;background:#5a1616}.st-btn--rec:is([data-on]:not([data-on=false]),[aria-pressed=true]) .st-rec-dot{background:#ff3b3b;box-shadow:0 0 8px #ff3b3b;animation:st-rec 1s steps(2) infinite}@keyframes st-rec{50%{opacity:.35}}.st-rec-time{position:absolute;right:0;top:4px;width:90px;height:32px;display:grid;place-items:center;border-radius:5px;background:#040507;box-shadow:inset 0 1px 3px #000,0 0 0 1px #ffffff0f;color:#9aa3b5;font:600 13px/1 var(--f-mono)}.st-rec:has(.st-btn--rec:is([data-on]:not([data-on=false]),[aria-pressed=true])) .st-rec-time{color:#ff6a5a;text-shadow:0 0 8px rgba(255,70,50,.6)}.st-sampler{position:absolute;left:4px;top:104px;width:180px;height:98px}.st-sampler .st-silk{left:0;top:0}.st-sampler-grid{position:absolute;left:0;right:0;top:13px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.st-meters{position:absolute;left:0;top:210px;width:188px;height:140px;pointer-events:none}.st-meter{position:absolute;top:0;bottom:0;width:10px;padding:1px;border-radius:2px;background:#040506;box-shadow:0 0 0 1px #ffffff0f}.st-meter:first-child{left:62px}.st-meter:last-child{left:116px}.st-meter-scale{position:absolute;left:74px;top:0;bottom:0;width:40px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;color:var(--silk-dim);font:500 7.5px/1 var(--f-mono)}.st-meter-scale i{font-style:normal}.st-meter-scale i:first-child{color:#ff6a5a}.st-meters:before,.st-meters:after{position:absolute;bottom:-9px;color:var(--silk);font:600 6px/1 var(--f-sans);letter-spacing:.2em}.st-meters:before{content:"A";left:64px}.st-meters:after{content:"B";left:118px}.st-xfader{left:4px;top:360px;width:180px;height:54px;--pad: 24px}.st-xfader .fader-slot{left:var(--pad);right:var(--pad);top:18px;height:6px;border-radius:3px;background:#030304;box-shadow:inset 0 1px 2px #000,0 0 0 1px #ffffff0d}.st-xfader .fader-scale{left:var(--pad);right:var(--pad);top:32px}.st-xfader .fader-scale i{left:calc(var(--at) * 100%);translate:-50% 0;color:var(--silk-dim);font:600 7.5px/1 var(--f-mono)}.st-xfader .fader-cap{left:calc(var(--pad) + var(--v) * (100% - 2 * var(--pad)) - 11px);top:2px;width:22px;height:38px;border-radius:4px;background:repeating-linear-gradient(90deg,#2c2e33 0 2px,#16171a 2px 4px);box-shadow:0 8px 10px #0009,inset 0 1px #ffffff29,0 0 0 1px #000}.st-xfader .fader-cap i{position:absolute;left:calc(50% - 1px);top:4px;bottom:4px;width:2px;background:#f4f6fb}.st-xfader .legend{position:absolute;left:50%;bottom:0;translate:-50% 0;color:var(--silk);font:600 8.5px/1 var(--f-sans);letter-spacing:.3em}@container (max-width: 857px){.rig-scroller{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:12px;padding:46px 12px 14px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.rig-body{zoom:1;margin-inline:0}.pr-deck,.pr-mixer,.st-deck,.st-mixer{scroll-snap-align:center}.rig-pan-hint{display:block;margin:2px 0 0;color:#fff4e4b8;font:600 10px/1 var(--f-mono);letter-spacing:.24em;text-align:center;text-transform:uppercase;animation:rig-hint 2.4s ease-in-out infinite}}@container (max-width: 470px){.rig-body{zoom:.86}}@keyframes rig-hint{50%{translate:6px 0;opacity:.5}}.rig-scene{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}.rig-scene--pressing{background:#0d0907}.rig-scene--pressing .r-vu{transform-box:fill-box;transform-origin:50% 100%;rotate:calc(-46deg + min(var(--m, 0),1)*92deg);transition:rotate .09s linear}.rig-scene--pressing .r-dust{opacity:calc(.35 + (var(--d0-meter, 0) + var(--d1-meter, 0)) * .4)}.rig-scene--strata{background:#05050a}.rig-scene--strata .r-beam{mix-blend-mode:screen;opacity:calc(.3 + max(var(--d0-meter, 0),var(--d1-meter, 0))*.7)}.rig-scene--strata .r-led{opacity:calc(.3 + (var(--d0-meter, 0) + var(--d1-meter, 0)) * .38)}@media (prefers-reduced-motion: reduce){.rig-scene .r-vu{rotate:0deg;transition:none}.rig-scene :is(.r-dust,.r-beam,.r-led){opacity:.6}.pr-arm,.pr-arm-art,.st-pad,.tip{transition:none}.rig-pan-hint,.pr-load,.st-pad,.st-btn,.st-rec-dot{animation:none!important}}.pr-card{left:427px;top:12px;transform:scale(1.3);transform-origin:50% 0;z-index:3}.pr-card-stamp{transform:scale(calc(.82 + var(--lock,0)*.18));transition:opacity .18s,transform .18s}.st-pad[data-hit=true]{--st-glow:1.25}.instrument--teeter{--tt-a: #e0583b;--tt-b: #2f8c86;--tt-ink: #2b2219;--tt-cream: #f6ead2;--tt-tilt: calc((var(--xf, .5) - .5) * 14deg);container-type:inline-size;position:relative;width:100%;max-width:1100px;margin-inline:auto;color:var(--tt-ink);font-family:DM Sans,ui-rounded,system-ui,sans-serif;-webkit-tap-highlight-color:transparent}.instrument--teeter *,.instrument--teeter *:before,.instrument--teeter *:after{box-sizing:border-box}.instrument--teeter svg{display:block;overflow:visible}.instrument--teeter .tt-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.tt-pan{position:relative}.tt-body{position:relative;width:1060px;height:624px;margin-inline:auto}.tt-snap{position:absolute;top:0;width:1px;height:1px;pointer-events:none}.tt-snap--a{left:0;scroll-snap-align:start}.tt-snap--mid{left:530px;scroll-snap-align:center}.tt-snap--b{right:0;scroll-snap-align:end}.tt-hint{display:none}.tt-seat--a,.tt-tower--a{--seat: var(--tt-a);--seat-deep: #a8361f;--meter: var(--d0-meter, 0);--rot: var(--d0-rot, 0deg)}.tt-seat--b,.tt-tower--b{--seat: var(--tt-b);--seat-deep: #1b5d59;--meter: var(--d1-meter, 0);--rot: var(--d1-rot, 0deg)}.tt-floor-shadow{position:absolute;left:70px;right:20px;bottom:2px;height:46px;background:radial-gradient(50% 50% at 50% 50%,rgba(70,38,12,.42),rgba(70,38,12,.16) 55%,transparent 72%);filter:blur(2px)}.tt-fulcrum{position:absolute;left:420px;top:300px;width:220px;height:300px;z-index:1;filter:drop-shadow(14px 6px 10px rgba(60,25,5,.3))}.tt-burn{font:600 10.5px Fraunces,Georgia,serif;letter-spacing:.2em;fill:#5b3414;opacity:.78}.tt-beam-wrap{position:absolute;left:80px;top:303px;width:900px;height:34px;z-index:3;transform-origin:450px 17px;rotate:var(--tt-tilt);transition:rotate 90ms linear}.tt-beam{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(6px 9px 7px rgba(60,28,6,.38))}.tt-plate{position:absolute;top:5px;width:172px;height:24px;z-index:1;display:flex;align-items:center;gap:6px;padding:0 6px;border-radius:4px;background:linear-gradient(#fdf6e7,#ead9b8);box-shadow:inset 0 0 0 1px #5a321459,inset 0 1px #fff,1px 2px 3px #3c1e0a59;font-size:11px;line-height:1}.tt-plate--a{left:206px;color:#8b2e19}.tt-plate--b{left:522px;color:#164f4b}.tt-plate__title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;letter-spacing:.01em}.tt-plate__time{font:500 10px/1 IBM Plex Mono,ui-monospace,monospace;color:var(--tt-ink);opacity:.72;font-variant-numeric:tabular-nums}.tt-tack{flex:none;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3c8,#b08431 60%,#6b4a14);box-shadow:0 .5px #0006}.tt-metronome{position:absolute;left:385px;bottom:100%;width:130px;height:214px}.tt-metro-body{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(7px 6px 6px rgba(50,22,5,.35))}.tt-bell-glow{fill:#ffd98a;opacity:calc(var(--lock, 0) * .95);filter:blur(4px);transition:opacity .25s}.tt-arm{position:absolute;left:63px;bottom:28px;width:4px;height:152px;transform-origin:50% 100%;border-radius:2px;background:linear-gradient(90deg,#fff3c8,#c09339 45%,#6b4a14)}.tt-arm--a{rotate:calc(cos(var(--d0-beat, 0) * 360deg)*-24deg*clamp(.18,(1 - var(--xf, .5)) * 2,1))}.tt-arm--b{rotate:calc(cos(var(--d1-beat, 0) * 360deg)*-24deg*clamp(.18,var(--xf, .5) * 2,1));opacity:.96}.tt-arm i{position:absolute;left:50%;width:26px;height:19px;translate:-50% 0;clip-path:polygon(16% 0,84% 0,100% 100%,0 100%);box-shadow:inset 0 2px #ffffff73}.tt-arm--a i{top:34px;background:linear-gradient(90deg,#ff9c80,var(--tt-a) 45%,#8b2e19)}.tt-arm--b i{top:66px;background:linear-gradient(90deg,#8fd6cf,var(--tt-b) 45%,#164f4b)}.tt-pivot{position:absolute;left:58px;bottom:21px;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff4cf,#c99a45 50%,#5c4012);box-shadow:0 1px 2px #00000080}.tt-metro-plaque{position:absolute;left:30px;bottom:0;width:70px;height:18px}.tt-plaque-text{font:italic 600 11px Fraunces,Georgia,serif;fill:#4a320c;letter-spacing:.02em}.tt-seat{position:absolute;bottom:100%;width:256px;height:258px}.tt-seat--a{left:-8px}.tt-seat--b{left:652px}.tt-saddle{position:absolute;left:43px;bottom:0;width:170px;height:46px;filter:drop-shadow(4px 4px 3px rgba(50,25,5,.3))}.tt-disc{position:absolute;left:10px;top:0;width:236px;height:236px;border-radius:50%;cursor:grab;touch-action:none;outline:none;translate:0 calc(var(--meter) * -3px);background:radial-gradient(circle closest-side,transparent 0 93%,rgba(255,255,255,.3) 95%,transparent 97%),linear-gradient(140deg,color-mix(in srgb,var(--seat) 70%,#fff) 0%,var(--seat) 38%,var(--seat-deep) 100%);box-shadow:0 0 0 1.5px #2812068c,10px 14px 18px #3218055c,inset -4px -6px 9px #0000004d,inset 3px 4px 6px #ffffff59}.tt-disc[data-held=true],.tt-disc:active{cursor:grabbing}.tt-disc:focus-visible{box-shadow:0 0 0 1.5px #2812068c,0 0 0 5px #fffaf0,0 0 0 8px var(--seat-deep),10px 14px 18px #3218055c}.tt-vinyl{position:absolute;inset:11px;border-radius:50%;rotate:var(--rot);background:repeating-radial-gradient(circle,#141416 0 1.1px,#222226 1.5px 2.3px,#18181a 2.7px 3.3px),#151517;box-shadow:inset 0 0 0 2px #090909,inset 0 0 0 5px #1f1f22,inset 0 0 0 6px #0c0c0d}.tt-grooves{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle closest-side,transparent 0 61%,rgba(255,255,255,.07) 61.5% 62.3%,transparent 62.8% 74%,rgba(255,255,255,.06) 74.5% 75.2%,transparent 75.7% 87%,rgba(255,255,255,.05) 87.5% 88.2%,transparent 88.7%)}.tt-label{position:absolute;left:50%;top:50%;width:116px;height:116px;translate:-50% -50%;border-radius:50%;background-color:var(--record-color, var(--seat));background-image:var(--record-art, none);background-size:cover;background-position:center;box-shadow:0 0 0 3px #0b0b0c,0 0 0 4px #ffffff14,inset 0 0 0 1px #ffffff38,inset 0 0 14px #00000038}.tt-sticker{position:absolute;left:50%;top:9px;translate:-50% 0;padding:3px 6px 2px;border-radius:3px;font:800 11px/1 Fraunces,Georgia,serif;background:var(--tt-cream);color:var(--seat-deep);box-shadow:0 1px 1px #00000080}.tt-sheen{position:absolute;inset:11px;border-radius:50%;pointer-events:none;background:conic-gradient(from 0deg,transparent 0 118deg,rgba(255,238,205,.13) 135deg,transparent 152deg 296deg,rgba(255,238,205,.22) 315deg,transparent 334deg),radial-gradient(circle at 32% 26%,rgba(255,244,220,.12),transparent 46%);mix-blend-mode:screen}.tt-hub{position:absolute;left:96px;top:86px;width:64px;height:64px;padding:0;display:grid;place-items:center;border:0;border-radius:50%;cursor:pointer;color:#fffaf0;translate:0 calc(var(--meter) * -3px);background:radial-gradient(circle at 34% 28%,#fffc 0 6%,#ffffff38 17%,#ffffff0d 45%,#190c0433 74%,#190c046b);box-shadow:0 0 0 2px #fff8e899,0 0 0 4px #28140873,3px 5px 8px #0006,inset 0 -5px 9px #0000004d;transition:scale .08s ease-out,box-shadow .15s}.tt-hub .ico{grid-area:1 / 1;width:26px;height:26px;fill:currentColor;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.7))}.tt-hub .ico-pause{opacity:0}.tt-hub:active{scale:.94}.tt-hub:is([aria-pressed=true],[data-on=true]){box-shadow:0 0 0 2px #fffaf0,0 0 0 5px var(--seat),0 0 18px 4px color-mix(in srgb,var(--seat) 55%,transparent),3px 5px 8px #0006,inset 0 -5px 9px #0000004d}.tt-hub:is([aria-pressed=true],[data-on=true]) .ico-play{opacity:0}.tt-hub:is([aria-pressed=true],[data-on=true]) .ico-pause{opacity:1}.tt-hub[data-loading=true]{animation:tt-pulse .9s ease-in-out infinite}.tt-hub:focus-visible{outline:3px solid #fffaf0;outline-offset:5px}@keyframes tt-pulse{50%{box-shadow:0 0 0 2px #fffaf0,0 0 0 8px color-mix(in srgb,var(--seat) 40%,transparent),3px 5px 8px #0006}}.tt-tower{position:absolute;top:368px;width:216px;height:232px;z-index:2}.tt-tower--a{left:92px;--sq: clamp(0, (.115 - var(--xf, .5)) / .115, 1)}.tt-tower--b{left:752px;--sq: clamp(0, (var(--xf, .5) - .885) / .115, 1)}.tt-bumper{position:absolute;left:58px;top:0;width:100px;height:24px;transform-origin:50% 100%;scale:calc(1 + var(--sq) * .1) calc(1 - var(--sq) * .34);border-radius:13px 13px 7px 7px;background:radial-gradient(circle at 30% 25%,rgba(255,246,214,.5),transparent 45%),radial-gradient(rgba(120,70,10,.22) .8px,transparent 1.2px) 0 0 / 4px 4px,linear-gradient(#e9b54b,#c48a24);box-shadow:inset 0 -3px 4px #5a320559,2px 3px 4px #3219054d;transition:scale 90ms linear}.tt-bumper i{position:absolute;inset:5px 12px auto;height:2px;border-radius:2px;background:#fff8dc8c}.tt-block{position:absolute;left:50%;translate:-50% 0;border-radius:9px;box-shadow:inset 0 0 0 1px #3c190a61,inset 0 -7px 10px #280f0029,12px 10px 16px -6px #32190573}.tt-block:before{content:"";position:absolute;inset:0 0 auto;height:10px;border-radius:9px 9px 2px 2px;background:linear-gradient(#fffcf08c,#fffcf02e);border-bottom:1px solid rgba(60,25,10,.22)}.tt-block--top{top:24px;width:178px;height:86px;background:linear-gradient(100deg,rgba(255,250,235,.22),transparent 42%,rgba(40,15,5,.2)),var(--seat)}.tt-block--base{top:112px;width:216px;height:120px;background:repeating-linear-gradient(91deg,rgba(120,70,30,.09) 0 2px,transparent 2px 11px),linear-gradient(100deg,rgba(255,250,235,.25),transparent 45%,rgba(60,25,5,.18)),linear-gradient(#e9c58e,#cf9c5c)}.tt-peg,.tt-slot{position:absolute;top:17px;width:70px;height:60px;z-index:1;display:grid;justify-items:center;align-content:center;gap:3px;padding:0;border:0;border-radius:13px;cursor:pointer;font:800 10px/1 DM Sans,ui-rounded,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--tt-ink);background:radial-gradient(circle at 28% 20%,rgba(255,252,240,.95) 0 14%,transparent 52%),linear-gradient(#f8ecd4,#e0c597);box-shadow:0 5px #a98250,0 7px 9px #28140561,inset 0 0 0 1px #5a32144d,inset 0 -2px #78501e33;transition:translate .07s ease-out,box-shadow .07s ease-out}.tt-peg{left:14px}.tt-slot{right:14px}.tt-peg .ico,.tt-slot .ico{width:30px;height:22px;color:var(--seat-deep)}.tt-peg:active,.tt-slot:active,.tt-peg[data-active=true]{translate:0 4px;box-shadow:0 1px #a98250,0 2px 3px #28140559,inset 0 0 0 1px #5a32144d}.tt-slot:before{content:"";position:absolute;left:12px;right:12px;top:6px;height:3px;border-radius:2px;background:#3c1e0a73;box-shadow:0 1px #fff9}.tt-slot[data-loading=true] .ico{animation:tt-drop .8s ease-in-out infinite}@keyframes tt-drop{50%{translate:0 3px;opacity:.6}}.tt-peg:focus-visible,.tt-slot:focus-visible{outline:3px solid #fffaf0;outline-offset:3px}.tt-dial{position:absolute;top:14px;width:88px;height:102px;display:block}.tt-tower--a .tt-dial{left:62px}.tt-tower--b .tt-dial{left:66px}.tt-dial .knob-art{position:absolute;left:0;top:0;width:88px;height:88px}.tt-dial__face{width:100%;height:100%;filter:drop-shadow(2px 3px 2px rgba(60,30,10,.35))}.tt-dial__knob{position:absolute;left:50%;top:50%;width:50px;height:50px;margin:-25px 0 0 -25px;border-radius:50%;rotate:calc((var(--v, .5) - .5) * 270deg);background:radial-gradient(circle at 36% 30%,#c9915e 0 6%,#8a5a35 30%,#5d3a20 70%,#3d2412);box-shadow:0 0 0 2px #2e1a0c,4px 6px 7px #28140580,inset 0 -3px 5px #00000059,inset 0 2px 2px #ffdcb440}.tt-dial__knob:before{content:"";position:absolute;inset:8px;border-radius:50%;box-shadow:0 0 0 1px #ffdcb42e,inset 0 0 0 5px #0000001a,inset 0 0 0 6px #ffdcb41f}.tt-dial__knob i{position:absolute;left:50%;top:3px;width:6px;height:17px;margin-left:-3px;border-radius:3px;background:var(--tt-cream);box-shadow:inset 0 -1px #0003,0 0 0 1px #00000040}.tt-dial input{position:absolute;left:0;top:0;width:88px;height:88px;margin:0;padding:0;opacity:0;cursor:grab;touch-action:none}.tt-dial:has(input:focus-visible) .knob-art{outline:3px solid #fffaf0;outline-offset:2px;border-radius:50%}.tt-engrave{position:absolute;left:-10px;right:-10px;top:91px;text-align:center;font:700 9.5px/1 DM Sans,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:#46230ab8;text-shadow:0 1px 0 rgba(255,240,210,.65)}.tt-meter{position:absolute;top:20px;width:16px;height:86px;border-radius:8px;overflow:hidden;background:linear-gradient(90deg,#3b2313,#5a3a22 50%,#3b2313);box-shadow:inset 0 2px 3px #0000008c,0 1px #fff0d280}.tt-tower--a .tt-meter{left:172px}.tt-tower--b .tt-meter{left:28px}.tt-meter .deck-meter__fill{position:absolute;inset:3px;background:radial-gradient(circle at 40% 35%,#fff6e0 0 14%,var(--seat) 46%,var(--seat-deep) 80%) 0 100% / 10px 10px repeat-y;clip-path:inset(calc((1 - var(--meter)) * 100%) 0 0 0 round 5px)}.tt-letter{position:absolute;top:22px;font:italic 800 56px/1 Fraunces,Georgia,serif;color:var(--seat);text-shadow:1px 1px 0 rgba(255,240,210,.55),-1px -1px 0 rgba(60,20,5,.4)}.tt-tower--a .tt-letter{left:18px}.tt-tower--b .tt-letter{right:20px}.tt-balance{position:absolute;left:360px;top:508px;width:340px;height:92px;z-index:4;display:block;rotate:-1.2deg;filter:drop-shadow(9px 9px 8px rgba(50,25,5,.35))}.tt-slate{position:absolute;inset:0;width:100%;height:100%}.tt-chalk{stroke:#f3efe2;stroke-opacity:.82;stroke-width:2.2}.tt-chalk-text{font:italic 600 15px Fraunces,Georgia,serif;fill:#f3efe2;letter-spacing:.03em}.tt-chalk-text text{transition:opacity .2s}.tt-chalk-text text:nth-child(1){opacity:calc(.42 + .58*clamp(0,(.5 - var(--xf, .5)) * 3,1))}.tt-chalk-text text:nth-child(2){opacity:calc(1 - (.58*clamp(0,max(var(--xf, .5) - .5,.5 - var(--xf, .5)) * 3,1)))}.tt-chalk-text text:nth-child(3){opacity:calc(.42 + .58*clamp(0,(var(--xf, .5) - .5) * 3,1))}.tt-balance:after{content:attr(data-label);position:absolute;left:0;right:0;bottom:1px;text-align:center;font:600 8px/1 Fraunces,Georgia,serif;letter-spacing:.32em;text-transform:uppercase;color:#50280cc7}.tt-balance input{position:absolute;left:18px;top:29px;width:304px;height:60px;margin:0;padding:0;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;touch-action:none}.tt-balance input::-webkit-slider-runnable-track{height:60px;background:transparent}.tt-balance input::-moz-range-track{height:60px;background:transparent}.tt-balance input::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:42px;margin-top:9px;border:0;border-radius:13px 13px 7px 7px;background:radial-gradient(circle at 34% 18%,#fffaf0 0 10%,transparent 40%),linear-gradient(90deg,#f3d39d,#d9a462 55%,#a26a31);box-shadow:inset 0 9px 0 -6px #fff9,inset 0 -4px #8a5526,3px 4px 5px #00000073}.tt-balance input::-moz-range-thumb{width:26px;height:42px;border:0;border-radius:13px 13px 7px 7px;background:radial-gradient(circle at 34% 18%,#fffaf0 0 10%,transparent 40%),linear-gradient(90deg,#f3d39d,#d9a462 55%,#a26a31);box-shadow:inset 0 -4px #8a5526,3px 4px 5px #00000073}.tt-balance input:focus-visible{outline:3px solid #fffaf0;outline-offset:2px;border-radius:10px}@container (max-width: 1059px){.tt-body{zoom:.86}}@container (max-width: 911px){.tt-body{zoom:.74}}@container (max-width: 789px){.tt-pan{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x pan-y}.tt-pan::-webkit-scrollbar{display:none}.tt-hint{display:flex;justify-content:center;align-items:center;gap:10px;margin:0 auto 6px;width:max-content;padding:6px 12px;border-radius:99px;font:700 10px/1 DM Sans,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--tt-ink);background:#fff6e2d1;box-shadow:0 2px 6px #3c1e0a33}.tt-hint span{animation:tt-nudge 1.6s ease-in-out infinite}.tt-hint span:last-child{animation-direction:reverse}}@keyframes tt-nudge{50%{translate:-3px 0}}@media (prefers-reduced-motion: reduce){.tt-beam-wrap,.tt-bumper{transition:none}.tt-hint span,.tt-hub,.tt-slot .ico{animation:none!important}}.instrument--splice{--sp-a: #ffb347;--sp-b: #3fe3d2;--sp-hot: #ff3d7f;--sp-ink: #d6dde5;--sp-dim: #8590a0;container-type:inline-size;position:relative;width:100%;max-width:1100px;margin-inline:auto;color:var(--sp-ink);font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,monospace;-webkit-tap-highlight-color:transparent}.instrument--splice *,.instrument--splice *:before,.instrument--splice *:after{box-sizing:border-box}.instrument--splice p{margin:0}.instrument--splice svg{display:block}.sp-lane--a,.sp-bus--a{--lane: var(--sp-a);--lane-c: var(--sp-a);--meter: var(--d0-meter, 0);--beat: var(--d0-beat, 0);--pos: var(--d0-pos, 0)}.sp-lane--b,.sp-bus--b{--lane: var(--sp-b);--lane-c: var(--sp-b);--meter: var(--d1-meter, 0);--beat: var(--d1-beat, 0);--pos: var(--d1-pos, 0)}.sp-mod--join,.sp-mod--out{--lane-c: #eef3f8}.sp-hint{display:none}.sp-pan{position:relative}.sp-body{position:relative;width:1100px;margin-inline:auto;display:grid;grid-template-columns:108px minmax(0,1fr) 150px 128px 84px 176px;grid-template-rows:34px 12px 266px 12px 266px 12px 24px;column-gap:8px;padding:10px 26px 12px;border-radius:20px 20px 14px 14px;background:repeating-linear-gradient(0deg,rgba(255,255,255,.016) 0 1px,transparent 1px 3px),radial-gradient(120% 60% at 0% 0%,rgba(80,220,255,.1),transparent 55%),radial-gradient(80% 60% at 100% 10%,rgba(255,150,70,.08),transparent 60%),linear-gradient(180deg,#2c323b 0,#1a1d23 5%,#131519 60%,#0c0d10);box-shadow:inset 0 1px #96f0ff61,inset -1px 0 #ffaa5a40,inset 0 -3px #000000a6,0 0 0 1px #040506,0 40px 50px -24px #000000d9,0 14px 18px -8px #000000b3}.sp-body:after{content:"";position:absolute;left:6%;right:6%;bottom:-10px;height:10px;border-radius:50%;background:radial-gradient(50% 100% at 50% 0,rgba(63,227,210,.2),transparent 70%);filter:blur(3px);pointer-events:none}.sp-cap{position:absolute;top:44px;bottom:36px;width:14px;border-radius:7px;pointer-events:none;background:repeating-linear-gradient(0deg,#0b0c0f 0 2px,#2b3038 2px 4px);box-shadow:inset 0 0 0 1px #050607,0 0 0 1px #ffffff0d}.sp-cap--l{left:6px}.sp-cap--r{right:6px}.sp-head{grid-column:1 / -1;grid-row:1;display:flex;align-items:center;gap:14px;padding:0 4px 6px}.sp-brand{font:500 11px/1 IBM Plex Mono,monospace;letter-spacing:.34em;color:var(--sp-dim)}.sp-brand b{color:#eef3f8;font-weight:700;letter-spacing:.18em;text-shadow:0 0 10px rgba(63,227,210,.35);margin-right:4px}.sp-vents{flex:1;height:10px;border-radius:3px;background:repeating-linear-gradient(90deg,#050607 0 14px,transparent 14px 18px);-webkit-mask:linear-gradient(90deg,transparent,#000 8% 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8% 92%,transparent);box-shadow:0 1px #ffffff0d;opacity:.9}.sp-serial{font-size:8.5px;letter-spacing:.18em;color:#5d6773}.sp-bus{position:relative;align-self:center;height:6px;border-radius:3px;background:#050607;box-shadow:inset 0 1px 2px #000,0 1px #ffffff0f}.sp-bus--a{grid-column:1 / 4;grid-row:2;margin-right:-8px}.sp-bus--b{grid-column:1 / 4;grid-row:6;margin-right:-8px}.sp-bus:before{content:"";position:absolute;inset:1px 0;border-radius:2px;background:repeating-linear-gradient(90deg,var(--lane) 0 10px,transparent 10px 40px);background-position-x:calc(mod(var(--beat),1)*40px);opacity:calc(.22 + var(--meter) * .78);box-shadow:0 0 8px color-mix(in srgb,var(--lane) 45%,transparent)}.sp-tag{position:absolute;left:-2px;top:50%;translate:0 -50%;z-index:1;padding:2px 7px;border-radius:3px;font:700 9px/1.2 IBM Plex Mono,monospace;letter-spacing:.16em;color:#0a0b0d;background:linear-gradient(180deg,color-mix(in srgb,var(--lane) 65%,#fff),var(--lane) 40%,color-mix(in srgb,var(--lane) 70%,#000));box-shadow:0 1px 2px #0009}.sp-seam{grid-column:1 / 4;grid-row:4;align-self:center;height:2px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.8) 4% 96%,transparent);box-shadow:0 1px #ffffff0d}.sp-foot{grid-column:1 / -1;grid-row:7;align-self:end;font-size:9px;letter-spacing:.06em;color:#a5b1be;text-align:center;white-space:nowrap}.sp-foot small{font-size:7px;color:var(--sp-a);opacity:.7;letter-spacing:.12em}.sp-mod{--plate: #21252c;position:relative;min-width:0;padding:19px 8px 8px;border-radius:6px;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 28%),repeating-linear-gradient(90deg,rgba(255,255,255,.014) 0 1px,transparent 1px 3px),var(--plate);box-shadow:inset 0 1px #aaebff2b,inset 0 -1px #0009,inset 0 0 0 1px #0000008c,0 2px #060708,0 4px 8px #0000008c}.sp-mod.sp-lane--a{grid-row:3}.sp-mod.sp-lane--b{grid-row:5}.sp-mod--src{grid-column:1;--plate: #18191d}.sp-mod--core{grid-column:2;--plate: #1c2027}.sp-mod--strip{grid-column:3;--plate: #272b33}.sp-mod--send{grid-column:5;--plate: #241b22}.sp-mod--join{grid-column:4;grid-row:2 / 7;--plate: #1a1d22}.sp-mod--out{grid-column:6;grid-row:2 / 7;--plate: #1d1a20}.sp-mod--src{background-image:radial-gradient(rgba(255,255,255,.05) .7px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.04),transparent 30%);background-size:4px 4px,auto}.sp-mod--strip{background-image:linear-gradient(180deg,rgba(255,255,255,.07),transparent 22%),repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 2px)}.sp-mod__head{position:absolute;left:14px;top:5px;display:flex;align-items:center;gap:5px;font:600 9.5px/1 IBM Plex Mono,monospace;letter-spacing:.22em;color:#9aa5b2;text-shadow:0 1px 0 #000}.sp-mod__head b{padding:1px 3px;border-radius:2px;font-weight:700;font-size:9px;letter-spacing:.06em;color:#0c0d10;background:#8d97a3}.sp-mod__head em{font-style:normal;font-weight:700;color:var(--lane);text-shadow:0 0 6px color-mix(in srgb,var(--lane) 50%,transparent)}.sp-bolt{position:absolute;width:7px;height:7px;pointer-events:none;clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%);background:radial-gradient(circle,#08090b 0 26%,transparent 31%),linear-gradient(135deg,#b4bdc7,#59616b 55%,#2a2e34)}.sp-bolt:nth-of-type(1){top:4px;right:4px}.sp-bolt:nth-of-type(2){bottom:4px;right:4px}.sp-bolt:nth-of-type(3){bottom:4px;left:4px}.sp-bolt:nth-of-type(4){top:4px;left:4px}.sp-sublegend{font-size:9px;letter-spacing:.24em;color:#6f7a87;text-align:center}.sp-mod--src{display:flex;flex-direction:column;gap:6px}.sp-shard{display:flex;align-items:center;gap:7px;height:58px;padding:6px;width:100%;border:0;border-radius:5px;cursor:pointer;text-align:left;color:var(--sp-ink);background:linear-gradient(180deg,#0b0c0e,#15171b);box-shadow:inset 0 2px 4px #000c,inset 0 0 0 1px #000,0 1px #ffffff12}.sp-shard__art{flex:none;width:42px;height:46px;clip-path:polygon(0 0,78% 0,100% 16%,100% 100%,0 100%);background-color:var(--record-color, var(--lane));background-image:var(--record-art, none);background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px #ffffff40}.sp-shard__txt{display:grid;gap:4px;font-weight:700;font-size:10px;letter-spacing:.16em}.sp-shard__txt small{font-size:9px;font-weight:500;letter-spacing:.14em;color:var(--lane);text-transform:uppercase}.sp-shard:hover .sp-shard__art,.sp-shard:focus-visible .sp-shard__art{translate:0 -2px}.sp-shard[data-loading=true] .sp-shard__art{animation:sp-blink .5s steps(2) infinite}.sp-shard:focus-visible{outline:2px solid var(--lane);outline-offset:2px}.sp-num{display:grid;gap:3px}.sp-num .sp-legend small{color:var(--lane);font-size:8.5px;letter-spacing:.1em}.sp-num input{width:100%;height:32px;padding:0 8px;border:0;border-radius:4px;font:600 15px/1 IBM Plex Mono,monospace;color:var(--lane);text-align:right;font-variant-numeric:tabular-nums;background:#04070a;box-shadow:inset 0 0 0 1px #000,inset 0 2px 5px #000000e6,0 1px #ffffff0f;text-shadow:0 0 6px color-mix(in srgb,var(--lane) 55%,transparent);-moz-appearance:textfield;appearance:textfield}.sp-num input::-webkit-inner-spin-button,.sp-num input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sp-num input:focus-visible{outline:2px solid var(--lane);outline-offset:1px}.sp-cues{display:grid;grid-template-columns:1fr 1fr;gap:4px}.sp-mod--core{display:flex;flex-direction:column;gap:6px}.sp-core__head{position:absolute;left:96px;right:16px;top:4px;display:flex;gap:8px;align-items:baseline;font-size:10px;line-height:12px}.sp-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#eef3f8;letter-spacing:.04em}.sp-time{color:var(--lane);font-variant-numeric:tabular-nums}.sp-wave{position:relative;height:50px;border-radius:4px;overflow:hidden;background:#04070a;box-shadow:inset 0 0 0 1px #000,0 1px #ffffff12}.sp-wave canvas{display:block;width:100%;height:100%}.sp-scan{position:absolute;inset:0;pointer-events:none;background:linear-gradient(165deg,rgba(255,255,255,.08),transparent 38%),repeating-linear-gradient(0deg,rgba(0,0,0,.22) 0 1px,transparent 1px 3px);box-shadow:inset 0 2px 6px #000000b3}.sp-crack{position:absolute;right:0;top:0;width:120px;height:50px;pointer-events:none}.sp-mod--strip{display:grid;grid-template-columns:52px 1fr;gap:4px}.sp-strip__eq{display:flex;flex-direction:column;justify-content:space-between;align-items:center}.sp-strip__ch{display:flex;flex-direction:column;align-items:center;gap:6px}.sp-level{flex:1;display:flex;align-items:stretch;gap:6px;min-height:0}.sp-meter{position:relative;width:8px;border-radius:2px;overflow:hidden;background:#050607;margin-block:6px 16px;box-shadow:inset 0 0 0 1px #000,0 1px #ffffff0f}.sp-meter .deck-meter__fill{position:absolute;inset:1px;background:linear-gradient(0deg,var(--lane) 0 70%,#fff3a8 85%,var(--sp-hot) 96%) 0 0 / 100% 100%;-webkit-mask:repeating-linear-gradient(0deg,#000 0 3px,transparent 3px 4px);mask:repeating-linear-gradient(0deg,#000 0 3px,transparent 3px 4px);clip-path:inset(calc((1 - var(--meter)) * 100%) 0 0 0)}.sp-mod--send{display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding-top:22px}@keyframes sp-blink{50%{opacity:.25}}.sp-knob{--k: 40px;--a: calc((var(--v, .5) - .5) * 270deg);position:relative;display:grid;justify-items:center;align-content:start;gap:4px;width:max(44px,var(--k))}.sp-knob--m{--k: 48px}.sp-knob--l{--k: 60px}.sp-knob .knob-art{position:relative;width:var(--k);height:var(--k);margin-top:3px}.sp-knob__arc{position:absolute;inset:-5px;border-radius:50%;background:conic-gradient(from 225deg,var(--lane-c) 0 calc(var(--v, 0) * 270deg),rgba(255,255,255,.08) 0 270deg,transparent 0);-webkit-mask:radial-gradient(closest-side,transparent calc(100% - 3px),#000 calc(100% - 2.5px));mask:radial-gradient(closest-side,transparent calc(100% - 3px),#000 calc(100% - 2.5px));filter:drop-shadow(0 0 2px color-mix(in srgb,var(--lane-c) 70%,transparent))}.sp-knob--bi .sp-knob__arc{background:conic-gradient(from min(0deg,var(--a)),var(--lane-c) 0 max(var(--a),calc(var(--a) * -1)),transparent 0),conic-gradient(from 225deg,rgba(255,255,255,.08) 0 270deg,transparent 0)}.sp-knob__skirt,.sp-knob__cap{position:absolute;border-radius:50%;rotate:var(--a)}.sp-knob__skirt{inset:0;background:repeating-conic-gradient(#3b414a 0 5deg,#191c21 5deg 10deg);box-shadow:0 0 0 1px #040506,0 3px 4px #000000bf}.sp-knob__cap{inset:5px;background:radial-gradient(circle at 50% 50%,#3a414b 0 30%,#2a2f37 31% 100%);box-shadow:inset 0 1px #fff3,inset 0 -2px 3px #0000008c,0 0 0 1px #0009}.sp-knob__cap i{position:absolute;left:50%;top:2px;width:2px;height:40%;margin-left:-1px;border-radius:1px;background:var(--lane-c);box-shadow:0 0 5px var(--lane-c)}.sp-knob .knob-art:after{content:"";position:absolute;inset:5px;border-radius:50%;pointer-events:none;background:conic-gradient(from -45deg,rgba(180,245,255,.22),transparent 14% 36%,rgba(255,190,120,.1) 50%,transparent 64% 86%,rgba(180,245,255,.22))}.sp-knob input{position:absolute;left:50%;top:calc(3px + var(--k) / 2);width:max(44px,var(--k));height:max(44px,var(--k));translate:-50% -50%;margin:0;padding:0;opacity:0;cursor:ns-resize;touch-action:none;z-index:2}.sp-knob:has(input:focus-visible) .knob-art{outline:2px solid var(--lane-c);outline-offset:7px;border-radius:50%}.sp-legend{font:600 9.5px/1 IBM Plex Mono,monospace;letter-spacing:.14em;color:#a9b3bf;text-transform:uppercase;white-space:nowrap;text-shadow:0 1px 0 #000}.sp-knob output,.sp-fader output{position:absolute;left:50%;top:-12px;translate:-50% 0;z-index:3;pointer-events:none;padding:2px 4px;border-radius:2px;font-size:9.5px;line-height:1;color:var(--lane-c);background:#04070a;box-shadow:0 0 0 1px #000;opacity:0;transition:opacity .12s;white-space:nowrap}.sp-knob:is(:hover,:focus-within) output,.sp-fader:is(:hover,:focus-within) output{opacity:1}.sp-mark{position:absolute;left:50%;top:50%;font:600 9px/1 IBM Plex Mono,monospace;color:#8b96a3;translate:-50% -50%;transform:rotate(var(--m)) translateY(-29px) rotate(calc(var(--m) * -1))}.sp-btn{--led: var(--lane-c, #eef3f8);position:relative;min-width:44px;height:44px;padding:0 6px;display:inline-grid;place-items:center;border:0;border-radius:5px;cursor:pointer;font:700 9.5px/1 IBM Plex Mono,monospace;letter-spacing:.1em;color:#c4ccd6;background:linear-gradient(180deg,#363c45,#24282f 55%,#1b1e24);box-shadow:inset 0 1px #ffffff26,inset 0 -2px #00000073,0 0 0 1px #07080a,0 2px #040506,0 3px 5px #00000080;transition:translate .05s,box-shadow .1s,color .1s,background .1s}.sp-btn:before{content:"";position:absolute;left:9px;right:9px;top:5px;height:2px;border-radius:1px;background:color-mix(in srgb,var(--led) 16%,#000)}.sp-btn:active,.sp-btn:is([data-held=true],[data-held="1"]){translate:0 1px;box-shadow:inset 0 1px #ffffff14,0 0 0 1px #07080a,0 1px #040506}.sp-btn:is([aria-pressed=true],[data-on=true],[data-on="1"],[data-active=true],[data-active="1"],[data-held=true],[data-held="1"]){color:var(--led);text-shadow:0 0 6px color-mix(in srgb,var(--led) 70%,transparent)}.sp-btn:is([aria-pressed=true],[data-on=true],[data-on="1"],[data-active=true],[data-active="1"],[data-held=true],[data-held="1"]):before{background:var(--led);box-shadow:0 0 6px var(--led),0 0 12px color-mix(in srgb,var(--led) 50%,transparent)}.sp-btn[data-loading=true]:before{animation:sp-blink .4s steps(2) infinite;background:var(--led)}.sp-btn:focus-visible{outline:2px solid var(--led);outline-offset:2px}.sp-btn .ico{width:16px;height:16px;fill:currentColor;grid-area:1 / 1}.sp-btn span{display:inline-grid;place-items:center}.sp-btn span>*{grid-area:1 / 1}.sp-btn .ico-pause{opacity:0}.sp-btn:is([aria-pressed=true],[data-on=true]) .ico-play{opacity:0}.sp-btn:is([aria-pressed=true],[data-on=true]) .ico-pause{opacity:1}.sp-pad{border-radius:6px;padding:0;background:radial-gradient(circle at 50% 120%,color-mix(in srgb,var(--led) 10%,transparent),transparent 70%),linear-gradient(180deg,#2b3038,#1c2026)}.sp-pad:before{left:50%;right:auto;width:4px;height:4px;margin-left:-2px;top:5px;border-radius:50%}.sp-pad b{font-weight:700;font-size:11px}.sp-pad:is([data-assigned=true],[data-assigned="1"]){color:var(--led);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--led) 55%,transparent),inset 0 0 14px color-mix(in srgb,var(--led) 22%,transparent),0 0 0 1px #07080a,0 2px #040506}.sp-pad:is([aria-pressed=true],[data-on=true],[data-on="1"],[data-active=true],[data-active="1"],[data-held=true],[data-held="1"]){color:#0b0c0e;text-shadow:none;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--led) 60%,#fff),var(--led) 70%);box-shadow:0 0 0 1px #07080a,0 0 14px color-mix(in srgb,var(--led) 60%,transparent)}.sp-key--cut,.sp-key--rec{--led: var(--sp-hot)}.sp-key--sync{--led: #eef3f8}.sp-pad--shot{--led: #b28cff;height:40px}.sp-pad--exit{font-size:9.5px;letter-spacing:.06em}.sp-seek{position:relative;height:22px;display:block}.sp-seek__track{position:absolute;left:0;right:0;top:8px;height:6px;border-radius:3px;background:#050607;box-shadow:inset 0 1px 2px #000,0 1px #ffffff0f;overflow:hidden}.sp-seek__track i{position:absolute;inset:0;transform-origin:0 50%;scale:var(--pos) 1;background:linear-gradient(90deg,color-mix(in srgb,var(--lane) 30%,transparent),var(--lane))}.sp-seek input{position:absolute;left:-6px;right:-6px;top:-16px;width:calc(100% + 12px);height:44px;margin:0;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;z-index:1}.sp-seek input::-webkit-slider-runnable-track{height:44px;background:transparent}.sp-seek input::-moz-range-track{height:44px;background:transparent}.sp-seek input::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:20px;margin-top:18px;border:0;border-radius:2px;background:linear-gradient(90deg,#8b949e,#e9eef3 50%,#8b949e);box-shadow:0 0 0 1px #000,0 0 8px var(--lane)}.sp-seek input::-moz-range-thumb{width:12px;height:20px;border:0;border-radius:2px;translate:0 8px;background:linear-gradient(90deg,#8b949e,#e9eef3 50%,#8b949e);box-shadow:0 0 0 1px #000,0 0 8px var(--lane)}.sp-seek input:focus-visible{outline:2px solid var(--lane);outline-offset:-8px}.sp-seek output{display:none}.sp-ribbon{position:relative;height:44px;border-radius:6px;overflow:hidden;cursor:ew-resize;touch-action:none;outline:none;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 40%,rgba(0,0,0,.35)),#0a0d11;box-shadow:inset 0 0 0 1px #000,inset 0 2px 6px #000c,0 1px #ffffff12}.sp-ribbon__grid{position:absolute;inset:6px 0;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--lane) 55%,transparent) 0 1.5px,transparent 1.5px 48px),repeating-linear-gradient(90deg,color-mix(in srgb,var(--lane) 18%,transparent) 0 1px,transparent 1px 12px);background-position-x:calc(var(--beat) * -48px);-webkit-mask:linear-gradient(90deg,transparent,#000 18% 82%,transparent);mask:linear-gradient(90deg,transparent,#000 18% 82%,transparent);opacity:.8}.sp-ribbon:after{content:"";position:absolute;left:50%;top:4px;bottom:4px;width:2px;margin-left:-1px;border-radius:1px;background:var(--lane);box-shadow:0 0 8px var(--lane)}.sp-ribbon__legend{position:absolute;inset:auto 0 3px;text-align:center;font-size:9px;letter-spacing:.26em;color:#6c7783;pointer-events:none}.sp-ribbon:is([data-held=true],[data-held="1"],:active){box-shadow:inset 0 0 0 1px var(--lane),inset 0 0 18px color-mix(in srgb,var(--lane) 30%,transparent)}.sp-ribbon:focus-visible{box-shadow:inset 0 0 0 2px var(--lane),0 0 0 1px #000}.sp-transport{display:flex;align-items:center;gap:5px}.sp-transport .sp-knob{margin-top:-3px}.sp-transport .sp-knob .sp-legend{font-size:8.5px;letter-spacing:.06em}.sp-transport .sp-knob .knob-art{width:30px;height:30px}.sp-transport .sp-knob{--k: 30px}.sp-oled{flex:1;min-width:0;height:44px;padding:5px 8px;border-radius:4px;display:grid;grid-template-columns:auto auto 1fr;grid-template-rows:auto 1fr;column-gap:4px;align-items:baseline;background:radial-gradient(120% 90% at 30% 0,rgba(255,255,255,.05),transparent 60%),#03060a;box-shadow:inset 0 0 0 1px #000,inset 0 2px 5px #000000e6,0 1px #ffffff12;color:var(--lane);text-shadow:0 0 6px color-mix(in srgb,var(--lane) 55%,transparent);font-variant-numeric:tabular-nums}.sp-oled b{font-size:17px;line-height:1;font-weight:600}.sp-oled small{font-size:9px;letter-spacing:.14em;opacity:.7}.sp-oled>span[data-readout=rate]{justify-self:end;font-size:9px}.sp-phase{grid-column:1 / -1;display:flex;align-items:center;gap:6px;font-size:9px;letter-spacing:.1em}.sp-phase i{flex:1;height:3px;border-radius:2px;background:#ffffff0f;position:relative;overflow:hidden}.sp-phase i:after{content:"";position:absolute;inset:0;transform-origin:0 50%;scale:mod(var(--beat),1) 1;background:var(--lane)}.sp-phase em{font-style:normal;min-width:4ch;text-align:right}.sp-loops{display:flex;align-items:center;gap:4px}.sp-loops .sp-sublegend{writing-mode:vertical-rl;rotate:180deg;margin-right:2px}.sp-loops .sp-pad{flex:1;min-width:0;padding:0}.sp-fader{position:relative;display:block}.sp-fader input{-webkit-appearance:none;appearance:none;margin:0;padding:0;background:transparent;cursor:pointer;touch-action:none}.sp-fader input::-webkit-slider-runnable-track{height:44px;background:transparent}.sp-fader input::-moz-range-track{height:44px;background:transparent}.sp-fader input::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:38px;margin-top:3px;border:0;border-radius:3px}.sp-fader input::-moz-range-thumb{width:20px;height:38px;border:0;border-radius:3px;box-shadow:inset 0 0 0 1px #000,4px 0 6px #000000b3}.sp-fader input:focus-visible{outline:2px solid var(--lane-c);outline-offset:2px;border-radius:4px}.sp-fader__slot{position:absolute;border-radius:2px;background:#030405;box-shadow:inset 0 1px 2px #000,0 1px #ffffff14}.sp-fader .sp-legend{position:absolute}.sp-fader--v{width:44px;flex:none}.sp-fader--v .sp-fader__slot{left:50%;width:4px;margin-left:-2px;top:6px;bottom:18px}.sp-fader--v input{position:absolute;left:50%;top:calc(50% - 6px);width:var(--len, 100px);height:44px;translate:-50% -50%;rotate:-90deg}.sp-fader--v .sp-legend{left:0;right:0;bottom:2px;text-align:center}.sp-level{--len: 102px}.sp-fader input::-webkit-slider-thumb{background:linear-gradient(90deg,transparent 0 9px,var(--lane-c) 9px 11px,transparent 11px),linear-gradient(90deg,#4a525d,#c9d1da 22%,#6b7480,#c9d1da 78%,#4a525d);box-shadow:inset 0 0 0 1px #000,4px 0 6px #000000b3,0 0 6px color-mix(in srgb,var(--lane-c) 40%,transparent)}.sp-fader input::-moz-range-thumb{background:linear-gradient(90deg,transparent 0 9px,var(--lane-c) 9px 11px,transparent 11px),linear-gradient(90deg,#4a525d,#c9d1da 22%,#6b7480,#c9d1da 78%,#4a525d)}.sp-key{min-width:44px}.sp-transport .sp-key{flex:none;width:46px}.sp-key--pfl{width:58px;height:40px;font-size:9px}.sp-mod--join{padding:0}.sp-merge{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.sp-merge path{fill:none;vector-effect:non-scaling-stroke}.sp-merge__bed{stroke:#050607;stroke-width:6;stroke-linecap:round}.sp-merge__a,.sp-merge__b{stroke-width:2;stroke-dasharray:10 30;stroke-linecap:round}.sp-merge__a{stroke:var(--sp-a);stroke-dashoffset:calc(mod(var(--d0-beat, 0),1)*-40px);opacity:calc(.25 + var(--d0-meter, 0) * .75)}.sp-merge__b{stroke:var(--sp-b);stroke-dashoffset:calc(mod(var(--d1-beat, 0),1)*-40px);opacity:calc(.25 + var(--d1-meter, 0) * .75)}.sp-mod--join .sp-mod__head{top:22px}.sp-mod--join .sp-key--cut{position:absolute;left:50%;translate:-50% 0;width:100px;height:54px;font-size:10px;letter-spacing:.14em}.sp-mod--join .sp-key--cut:active{translate:-50% 1px}.sp-mod--join .sp-key--cut.sp-lane--a{top:118px}.sp-mod--join .sp-key--cut.sp-lane--b{top:396px}.sp-key--cut:after{content:"";position:absolute;inset:auto 10px 6px;height:2px;border-radius:1px;background:var(--lane);opacity:.6}.sp-lock{position:absolute;left:0;right:0;top:214px;display:flex;justify-content:center;align-items:center;gap:6px;font-size:9px;letter-spacing:.24em;color:#7c8794}.sp-lock i{width:7px;height:7px;border-radius:50%;background:#0e2a1d;box-shadow:inset 0 0 0 1px #000,0 0 calc(var(--lock, 0) * 10px) rgba(110,255,170,calc(var(--lock, 0) * .9));background:color-mix(in srgb,#6effaa calc(var(--lock, 0) * 100%),#0e2a1d)}.sp-fader--x{position:absolute;left:6px;right:6px;top:236px;height:92px;border-radius:6px;background:linear-gradient(180deg,#121418,#191c21);box-shadow:inset 0 0 0 1px #000,0 1px #ffffff0f}.sp-fader--x .sp-fader__slot{left:12px;right:12px;top:46px;height:4px}.sp-fader--x .sp-fader__slot b{position:absolute;top:-26px;font-size:10px;font-weight:700}.sp-fader--x .sp-fader__slot b:first-child{left:-4px;color:var(--sp-a)}.sp-fader--x .sp-fader__slot b:last-child{right:-4px;color:var(--sp-b)}.sp-fader--x input{position:absolute;left:4px;right:4px;top:26px;width:calc(100% - 8px);height:44px}.sp-fader--x .sp-legend{left:0;right:0;bottom:6px;text-align:center}.sp-fader--x:before{content:"";position:absolute;left:50%;top:34px;width:1px;height:28px;background:#ffffff2e}.sp-fader--x output{top:4px}.sp-mod--out{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:8px;padding:26px 10px 12px}.sp-mod--out:before{content:"";position:absolute;left:-9px;top:50%;width:12px;height:4px;margin-top:-2px;border-radius:2px;background:linear-gradient(90deg,var(--sp-a),var(--sp-b));box-shadow:0 0 8px #ffffff40;opacity:calc(.3 + max(var(--d0-meter, 0),var(--d1-meter, 0))*.7)}.sp-mod--out .sp-knob--l{align-self:center}.sp-burn{display:flex;align-items:center;gap:8px}.sp-key--rec{flex:none;width:76px}.sp-key--rec span{display:inline-flex;gap:6px;align-items:center}.sp-key--rec i{width:8px;height:8px;border-radius:50%;background:#4a1024;box-shadow:inset 0 0 0 1px #000}.sp-key--rec:is([aria-pressed=true],[data-on=true]) i{background:var(--sp-hot);box-shadow:0 0 8px var(--sp-hot);animation:sp-blink 1s steps(2) infinite}.sp-rectime{flex:1;height:30px;display:grid;place-items:center;border-radius:3px;font-size:12px;color:var(--sp-hot);background:#04070a;box-shadow:inset 0 0 0 1px #000,inset 0 2px 4px #000000e6;font-variant-numeric:tabular-nums;text-shadow:0 0 6px rgba(255,61,127,.5)}.sp-audition{position:relative;display:flex;align-items:center;justify-content:space-between;padding:6px 6px 4px;border-radius:5px;background:repeating-linear-gradient(135deg,rgba(255,255,255,.025) 0 6px,transparent 6px 12px);box-shadow:inset 0 0 0 1px #ffffff0f}.sp-audition .sp-knob{--lane-c: #9ad7ff}.sp-shrink{padding:4px 6px;border-radius:3px;font-size:9px;font-weight:700;letter-spacing:.14em;line-height:1.3;color:#111;background:linear-gradient(180deg,#e8eef3,#b3bcc5 45%,#8c96a1);box-shadow:0 1px 2px #0009;max-width:64px;text-align:center}.sp-key--browse{width:100%;height:40px}.sp-shotbank{display:grid;gap:5px}.sp-shots{display:grid;grid-template-columns:1fr 1fr;gap:5px}@container (max-width: 1099px){.sp-pan{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:18px;scrollbar-width:none;touch-action:pan-x pan-y;padding-bottom:16px}.sp-pan::-webkit-scrollbar{display:none}.sp-mod,.sp-head{scroll-snap-align:start}.sp-hint{display:block;width:max-content;margin:0 auto 6px;padding:5px 10px;border-radius:3px;font:600 9px/1 IBM Plex Mono,monospace;letter-spacing:.2em;color:#0a0b0d;background:linear-gradient(90deg,var(--sp-a),var(--sp-b));box-shadow:0 0 12px #3fe3d24d}}@media (pointer: fine){@container (min-width: 990px) and (max-width: 1099px){.sp-body{zoom:.9}.sp-pan{overflow:visible;scroll-snap-type:none;padding-bottom:0}.sp-hint{display:none}}}@media (prefers-reduced-motion: reduce){.sp-bus:before,.sp-ribbon__grid{background-position-x:0}.sp-merge__a,.sp-merge__b{stroke-dashoffset:0}.sp-btn,.sp-key--rec i,.sp-shard__art{animation:none!important;transition:none}}.scene--teeter,.scene--splice{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}.scene--teeter .sct-cone{transform-box:fill-box}.scene--teeter .sct-beam{mix-blend-mode:screen}.scene--teeter .sct-sunpatch{animation:sct-drift 48s ease-in-out infinite alternate;transform-origin:center}.scene--teeter .sct-motes{opacity:calc(.22 + max(var(--d0-meter, 0),var(--d1-meter, 0))*.65);animation:sct-float 14s ease-in-out infinite alternate}.scene--teeter .sct-cone{transform-origin:center;scale:calc(1 + max(var(--d0-meter, 0),var(--d1-meter, 0))*.09)}.scene--teeter .sct-block-glyph{font-family:Fraunces,Georgia,serif;font-weight:800;fill:#fff7e6}.scene--teeter .sct-poster{font:800 26px Fraunces,Georgia,serif;letter-spacing:.14em;fill:#2b2219}.scene--teeter .sct-poster--small{font:italic 500 14px Fraunces,Georgia,serif;letter-spacing:.08em;fill:#f6ead2}@keyframes sct-drift{0%{translate:-18px 0}to{translate:26px -4px}}@keyframes sct-float{0%{translate:0 0}to{translate:10px -16px}}.scene--splice .scs-neon,.scene--splice .scs-puddle{opacity:calc(.55 + max(var(--d0-meter, 0),var(--d1-meter, 0))*.45)}.scene--splice .scs-neon-text{font:800 50px DM Sans,system-ui,sans-serif;letter-spacing:.14em;fill:#ff3d7f}.scene--splice .scs-neon-core{fill:#ff7aa6;stroke:#ffe3ee;stroke-width:1.2}.scene--splice .scs-neon-reflect{opacity:.5}.scene--splice .scs-sign-v{font:700 26px IBM Plex Mono,monospace;fill:#3fe3d2}.scene--splice .scs-sign-v--hot{fill:#ff3d7f}.scene--splice .scs-sign-small{font:700 18px IBM Plex Mono,monospace;fill:#ffb347;letter-spacing:.1em}.scene--splice .scs-train{translate:1700px 0;animation:scs-train 31s linear infinite}.scene--splice .scs-blink{animation:sp-blink 2.4s steps(2) infinite}.scene--splice .scs-rain-far{animation:scs-rain-far .55s linear infinite}.scene--splice .scs-rain-near{animation:scs-rain-near .42s linear infinite}.scene--splice .scs-steam{animation:scs-steam 5s ease-in-out infinite}.scene--splice .scs-steam--1{animation-delay:-1.7s}.scene--splice .scs-steam--2{animation-delay:-3.3s}@keyframes scs-train{0%,66%{translate:1700px 0}to{translate:-1900px 0}}@keyframes scs-rain-far{0%{translate:0 0}to{translate:0 240px}}@keyframes scs-rain-near{0%{translate:0 0}to{translate:0 400px}}@keyframes scs-steam{0%{translate:0 10px;opacity:0}30%{opacity:.2}to{translate:6px -40px;opacity:0}}@media (prefers-reduced-motion: reduce){.scene--teeter *,.scene--splice *{animation:none!important}.scene--splice .scs-train{translate:-1900px 0}}.sp-mod:focus-within .sp-mod__head{color:var(--lane,#b8ebef)}.sp-mod:focus-within{outline:1px solid color-mix(in srgb,var(--lane,#b8ebef) 45%,transparent);outline-offset:2px}.instrument.stn{--mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;--sans: "DM Sans", "Helvetica Neue", Arial, sans-serif;--serif: "Fraunces", Georgia, serif;--focus: #ffd27a;--dial: 44px;container-type:inline-size;position:relative;width:100%;max-width:1100px;margin-inline:auto;font-family:var(--sans);color:#efe6d6;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.stn *,.stn *:before,.stn *:after{box-sizing:border-box}.stn-pan{position:relative}.stn-body{position:relative;width:1100px;margin-inline:auto;--z: 1}.stn-pan-hint{display:none;margin:6px 0 0;text-align:center;font:600 14px/1.2 var(--mono);letter-spacing:.08em;color:#fff4e4cc}.stn .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@container (max-width: 1099.98px){.stn-body{zoom:.92;--z: .92}}@container (max-width: 1011px){.stn-body{zoom:.84;--z: .84}}@container (max-width: 923px){.stn-body{zoom:.78;--z: .78}}@container (max-width: 857px){.stn-pan{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:14px 12px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.stn-body{zoom:1;--z: 1;margin-inline:0}.stn-pan-hint{display:block}.lc-deck,.lc-card,.lc-side,.sc-deck,.sc-mixer,.rt-transport,.rt-mixer{scroll-snap-align:center}}.stn button{appearance:none;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;touch-action:manipulation}.stn :focus-visible{outline:2px solid var(--focus);outline-offset:3px}.stn-control{position:relative;display:block;margin:0;cursor:grab}.stn-control:active{cursor:grabbing}.stn-control>input{appearance:none;-webkit-appearance:none;position:absolute;inset:0;z-index:3;width:100%;height:100%;margin:0;padding:0;opacity:0;background:transparent;cursor:inherit;touch-action:none}.stn-control>input[data-orient=vertical]{writing-mode:vertical-lr;direction:rtl}.stn-control>input::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;border:0;background:transparent}.stn-control>input::-moz-range-thumb{width:28px;height:28px;border:0;background:transparent}.stn-control:has(>input:focus-visible){outline:2px solid var(--focus);outline-offset:2px;border-radius:10px}.stn-legend{display:block;font:600 calc(14px / var(--z, 1))/1.05 var(--mono);letter-spacing:.02em;text-align:center;white-space:nowrap;pointer-events:none}.stn-value{position:absolute;left:50%;top:-30px;z-index:40;translate:-50% 4px;padding:5px 8px;border-radius:6px;background:#100e0cf2;color:var(--focus);font:600 calc(14px / var(--z, 1))/1 var(--mono);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .14s,translate .14s}.stn-control:is(:hover,:focus-within) .stn-value{opacity:1;translate:-50% 0}.stn-brand{font:600 14px/1 var(--mono);letter-spacing:.22em}.stn-brand small{display:block;margin-top:6px;font:500 12px/1 var(--mono);letter-spacing:.14em;opacity:.7}.stn-control--dial{width:68px;height:calc(var(--dial) + 42px)}.stn-control--dial .knob-art{position:absolute;inset:0 0 auto;height:calc(var(--dial) + 18px);display:grid;place-items:center;pointer-events:none}.stn-dial-ring{position:absolute;width:calc(var(--dial) + 14px);height:calc(var(--dial) + 14px);border-radius:50%;background:conic-gradient(from -135deg,var(--ring, #e6bf74) 0 calc(var(--v) * 270deg),rgba(255,255,255,.14) 0 270deg,transparent 0);-webkit-mask:radial-gradient(closest-side,transparent calc(100% - 4px),#000 calc(100% - 3.5px));mask:radial-gradient(closest-side,transparent calc(100% - 4px),#000 calc(100% - 3.5px))}.stn-dial-body{position:relative;width:var(--dial);height:var(--dial);border-radius:50%;background:var(--dial-bg, radial-gradient(circle at 35% 28%, #5a524a, #221d19 60%, #0e0c0a));box-shadow:0 4px 8px #0000008c,inset 0 1px 1px #ffffff2e;rotate:calc(-135deg + var(--v) * 270deg)}.stn-dial-body i{position:absolute;left:calc(50% - 1.5px);top:4px;width:3px;height:calc(var(--dial) * .28);border-radius:2px;background:var(--dial-mark, #fff6e4)}.stn-control--dial .stn-legend{position:absolute;left:50%;bottom:0;width:calc(84px / var(--z, 1));translate:-50% 0;white-space:normal}.stn-control--fader{width:58px;height:190px}.stn-fader{position:absolute;inset:6px 0 26px;pointer-events:none}.stn-fader-slot{position:absolute;left:calc(50% - 3px);top:0;bottom:0;width:6px;border-radius:3px;background:#0b0907;box-shadow:inset 0 1px 2px #000,0 1px #ffffff14}.stn-fader-cap{position:absolute;left:calc(50% - 21px);bottom:calc(var(--v) * (100% - 24px));width:42px;height:24px;border-radius:5px;background:var(--cap, linear-gradient(#eee6d6, #a99f8d));box-shadow:0 4px 7px #0000008c}.stn-fader-cap:after{content:"";position:absolute;left:5px;right:5px;top:calc(50% - 1px);height:2px;background:#1b1712}.stn-control--fader .stn-legend{position:absolute;left:50%;bottom:0;width:calc(76px / var(--z, 1));translate:-50% 0;white-space:normal}.stn-control--fader:has(>input[data-orient=horizontal]) .stn-legend{width:100%;white-space:nowrap}.stn-control--fader:has(>input[data-orient=horizontal]){width:auto;height:64px}.stn-control--fader:has(>input[data-orient=horizontal]) .stn-fader{inset:8px 0 24px}.stn-control--fader:has(>input[data-orient=horizontal]) .stn-fader-slot{left:12px;right:12px;top:calc(50% - 3px);bottom:auto;width:auto;height:6px}.stn-control--fader:has(>input[data-orient=horizontal]) .stn-fader-cap{left:calc(12px + var(--v) * (100% - 24px) - 13px);bottom:auto;top:calc(50% - 16px);width:26px;height:32px}.stn-control--fader:has(>input[data-orient=horizontal]) .stn-fader-cap:after{left:calc(50% - 1px);right:auto;top:5px;bottom:5px;width:2px;height:auto}.stn-control--strip{height:46px}.stn-strip{position:absolute;left:0;right:0;top:6px;height:14px;border-radius:7px;background:#0d0b09;box-shadow:inset 0 1px 3px #000;overflow:hidden;pointer-events:none}.stn-strip-fill{position:absolute;inset:0 auto 0 0;width:calc(var(--v) * 100%);background:linear-gradient(90deg,#a07c3c,#f0d293)}.stn-control--strip .stn-legend{position:absolute;left:0;bottom:0}.stn-btn{position:relative;display:grid;place-items:center;min-width:44px;min-height:44px;border-radius:8px;background:var(--btn, linear-gradient(#3a332c, #221d18));box-shadow:0 4px #0d0b09,0 6px 10px #00000073,inset 0 1px #ffffff1f;color:#f3e9d6;transition:translate .08s,box-shadow .08s,background .15s}.stn .stn-btn{background:var(--btn, linear-gradient(#3a332c, #221d18))}.stn .stn-btn:is([data-on=true],[aria-pressed=true]){box-shadow:0 4px #0d0b09,0 0 12px #f2c66f66,inset 0 1px #ffffff59}.stn-btn:active{translate:0 2px;box-shadow:0 2px #0d0b09,0 3px 6px #00000073}.stn-btn .stn-legend{font-size:calc(14px / var(--z, 1))}.stn-btn:is([data-on=true],[aria-pressed=true]){--btn: linear-gradient(#f2c66f, #c48d35);color:#241a0e}.stn-btn[data-assigned=true]{--btn: linear-gradient(#5f8c71, #37594a)}.stn-meter{display:flex;flex-direction:column-reverse;gap:2px;width:9px;height:150px;pointer-events:none}.stn-meter i{flex:1;border-radius:2px;background:#56d38e;opacity:clamp(.12,calc((var(--m) * 10 - var(--i)) * 1.8),1)}.stn-meter i:nth-last-child(-n+3){background:#f1bf47}.stn-meter i:nth-last-child(1){background:#f05a3c}.lc-body{display:grid;grid-template-columns:340px 290px 1fr;grid-template-rows:auto 1fr auto;gap:18px 20px;min-height:610px;padding:24px 26px 22px;border-radius:20px 20px 12px 12px;background:radial-gradient(120% 80% at 20% 0,rgba(255,214,150,.16),transparent 55%),repeating-linear-gradient(92deg,rgba(0,0,0,.08) 0 3px,transparent 3px 11px),linear-gradient(170deg,#6a4128,#43281a 55%,#2a180e);box-shadow:0 30px 50px -14px #000000bf,inset 0 2px #ffdcaa33}.lc-wood{position:absolute;left:50%;bottom:-24px;width:160px;height:26px;translate:-50% 0;border-radius:0 0 10px 10px;background:linear-gradient(#3a2316,#1d110a)}.lc-brand{grid-column:1 / -1;color:#f3dcb2}.lc-deck{display:flex;flex-direction:column;align-items:center;gap:14px}.lc-platter{position:relative;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,#2a1d14 60%,#120c08);box-shadow:0 10px 22px #0009,inset 0 0 0 4px #8a6a3a;cursor:grab;touch-action:none}.lc-felt{position:absolute;inset:12px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#3c6e48,#1f4129 70%)}.lc-vinyl{position:absolute;inset:14px;border-radius:50%;background:repeating-radial-gradient(circle,#141414 0 2px,#1f1f1f 2px 3px);box-shadow:0 2px 6px #0009;rotate:var(--stn-a0, 0deg)}.lc-vinyl:after{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 30deg,transparent 0 40deg,rgba(255,255,255,.08) 50deg,transparent 70deg 220deg,rgba(255,255,255,.06) 230deg,transparent 250deg)}.lc-label{position:absolute;inset:33%;border-radius:50%;background-size:cover;background-position:center;box-shadow:0 0 0 2px #0006}.lc-spindle{position:absolute;left:calc(50% - 6px);top:calc(50% - 6px);width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff1c9,#a07c3c)}.lc-transport{display:flex;gap:14px;align-items:center}.lc-round{width:66px;height:66px;border-radius:50%}.lc-play{width:82px;height:82px}.lc-play .stn-legend,.lc-round .stn-legend{font-size:calc(14px / var(--z, 1))}.lc-load{padding:0 16px}.lc-seek{width:300px;color:#f3dcb2}.lc-card{position:relative;align-self:start;display:flex;flex-direction:column;gap:12px;padding:34px 22px 20px;border-radius:4px;background:linear-gradient(#f4ecd8,#e6dabd);color:#2b241b;box-shadow:0 12px 20px #00000073;rotate:-.8deg}.lc-clip{position:absolute;left:calc(50% - 46px);top:-14px;width:92px;height:34px;border-radius:6px 6px 14px 14px;background:linear-gradient(#f3d79b,#a8803c 60%,#6c4e1d);box-shadow:0 4px 6px #0006}.lc-kicker{margin:0;font:600 12px/1 var(--mono);letter-spacing:.14em;color:#6d5a3d}.lc-title{margin:0;font:500 26px/1.15 var(--serif)}.lc-meta{margin:0;font:500 calc(14px / var(--z, 1))/1.3 var(--mono);color:#4b3f2e}.lc-lamps{display:flex;gap:10px}.lc-lamps i{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#6b5a40,#3a3022);box-shadow:inset 0 2px 4px #00000080;font-style:normal}.lc-lamps b{font:600 calc(14px / var(--z, 1))/1 var(--mono);color:#f3e3c2}.lc-lamps i.on{background:radial-gradient(circle at 40% 35%,#fff2c4,#e7a63b);box-shadow:0 0 18px #f0b446e6}.lc-lamps i.on b{color:#3b250c}.lc-lamps i:first-child.on{background:radial-gradient(circle at 40% 35%,#ffe0c4,#d9643b)}.lc-section{margin:0;min-height:44px;font:500 calc(16px / var(--z, 1))/1.4 var(--sans)}.lc-map{position:relative;display:flex;height:40px;border-radius:4px;overflow:visible;background:#d8caa8}.lc-map i{position:relative;display:flex;align-items:flex-end;min-width:0;padding:0 3px 3px;border-right:1px solid rgba(43,36,27,.35);background:hsl(calc(30 + var(--i) * 28) 32% calc(70% - var(--i) * 2%));font-style:normal;overflow:hidden}.lc-map i span{font:500 12px/1.1 var(--sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#2b241b}.lc-head{position:absolute;top:-5px;bottom:-5px;left:calc(var(--lc-pos, 0) * 100%);width:3px;border-radius:2px;background:#b3412c}.lc-base{display:flex;align-items:center;justify-content:space-between;gap:10px;font:500 calc(14px / var(--z, 1))/1.3 var(--sans);color:#5b4c36}.lc-base input{width:82px;min-height:36px;padding:4px 8px;border:1px solid #8a7656;border-radius:4px;background:#fffaf0;color:#2b241b;font:500 calc(14px / var(--z, 1)) var(--mono)}.lc-side{display:grid;gap:14px;align-content:start}.lc-group{display:grid;gap:10px;padding:14px;border-radius:14px;background:#0c080561;box-shadow:inset 0 1px #ffe6be1a}.lc-group-title{font:600 12px/1 var(--mono);letter-spacing:.14em;color:#e8cf9e}.lc-row{display:flex;gap:8px;flex-wrap:wrap}.lc-pad{width:56px;height:46px}.lc-loop{width:50px;height:44px}.lc-wide{padding:0 14px;justify-self:start}.lc-dials{display:flex;justify-content:space-between}.lc-tone{--ring: #9cc58d}.lc-level{display:flex;align-items:flex-end;gap:14px}.lc-fader{height:170px}.lc-meter{height:140px;margin-bottom:26px}.lc-preview{display:grid;gap:8px;justify-items:start}.lc-bnote{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0;padding:12px 16px;border-left:3px solid #d3b06a;border-radius:4px;background:#0a070473;font:400 calc(16px / var(--z, 1))/1.45 var(--sans);color:#efe0c4}.lc-bnote b{font-weight:600;color:#ffdca0}.stn .lc-bpause{min-height:40px;padding:0 14px;border:1px solid #d3b06a;border-radius:6px;background:#d3b06a26;font:500 calc(14px / var(--z, 1)) var(--sans)}.sc-body{display:grid;grid-template-columns:340px 1fr 340px;gap:16px;padding:46px 22px 26px;border-radius:34px;background:repeating-linear-gradient(45deg,rgba(0,0,0,.07) 0 2px,transparent 2px 5px),repeating-linear-gradient(-45deg,rgba(255,255,255,.04) 0 2px,transparent 2px 6px),radial-gradient(120% 90% at 30% 0,#77714f,#4e4a33 60%,#36331f);box-shadow:0 30px 50px -14px #000000bf,inset 0 0 0 3px #1e1a0e8c,inset 0 0 0 6px #dcc8961f}.sc-canvas{position:absolute;inset:10px;border-radius:28px;border:2px dashed rgba(235,220,180,.28);pointer-events:none}.sc-handle{position:absolute;left:calc(50% - 110px);top:-26px;width:220px;height:40px;border-radius:40px 40px 0 0;border:12px solid #6e4126;border-bottom:0}.sc-brand{position:absolute;left:50%;top:18px;translate:-50% 0;color:#f0e2bf}.sc-brand b{color:#ffcf8a}.sc-deck{display:grid;grid-template-columns:66px 1fr;grid-template-areas:"head head" "load load" "tempo jog" "mode mode" "pads pads" "trans trans";gap:12px;align-items:center}.sc-deck--b{grid-template-columns:1fr 66px;grid-template-areas:"head head" "load load" "jog tempo" "mode mode" "pads pads" "trans trans"}.sc-head{grid-area:head;display:flex;align-items:baseline;gap:10px;min-width:0;font:500 calc(14px / var(--z, 1))/1.2 var(--sans)}.sc-letter{font:600 22px/1 var(--mono);color:#ffcf8a}.sc-title{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sc-bpm{font:500 calc(14px / var(--z, 1)) var(--mono);color:#e8dcc0}.sc-load{grid-area:load;justify-self:start;padding:0 16px}.sc-deck--b .sc-load{justify-self:end}.sc-tempo{grid-area:tempo;height:230px;justify-self:center}.sc-jog{grid-area:jog;position:relative;justify-self:center;width:236px;height:236px;border-radius:50%;background:radial-gradient(circle,#1a1a1a 62%,#0b0b0b);box-shadow:0 10px 18px #0009,inset 0 0 0 2px #000;cursor:grab;touch-action:none}.sc-jog-rubber{position:absolute;inset:6px;border-radius:50%;background:repeating-conic-gradient(#2a2a2a 0 4deg,#161616 4deg 8deg)}.sc-jog-top{position:absolute;inset:30px;border-radius:50%;background:radial-gradient(circle at 40% 30%,#4c4c4c,#1b1b1b);box-shadow:inset 0 2px 4px #ffffff1f;rotate:var(--stn-a0, 0deg)}.sc-deck--b .sc-jog-top{rotate:var(--stn-a1, 0deg)}.sc-jog-art{position:absolute;inset:28%;border-radius:50%;background-size:cover;background-position:center}.sc-jog-mark{position:absolute;left:calc(50% - 2px);top:34px;width:4px;height:20px;border-radius:2px;background:#ffcf8a;rotate:var(--stn-a0, 0deg);transform-origin:2px 84px}.sc-deck--b .sc-jog-mark{rotate:var(--stn-a1, 0deg)}.sc-padmode{grid-area:mode;display:flex;gap:6px}.sc-mode{flex:1;min-height:40px;border-radius:6px;background:#0000004d;font:600 calc(14px / var(--z, 1))/1 var(--mono);letter-spacing:.04em;color:#e8dcc0}.sc-mode[aria-checked=true]{background:#ffcf8a;color:#2a1d0c}.stn .sc-mode{background:#0000004d;color:#e8dcc0;box-shadow:inset 0 0 0 1px #ffcf8a40}.stn .sc-mode[aria-checked=true]{background:#ffcf8a;color:#2a1d0c;box-shadow:none}.sc-pads{grid-area:pads;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.sc-pad{height:58px;border-radius:10px;--btn: linear-gradient(#3b3b38, #252522)}.sc-pad--loop{--btn: linear-gradient(#3b4250, #262b33)}.sc-pad--loop:is([aria-pressed=true]){--btn: linear-gradient(#9fd1ff, #4b8fd0);color:#0c1a2a}.sc-transport{grid-area:trans;display:flex;justify-content:space-between;gap:10px}.sc-deck--b .sc-transport{flex-direction:row-reverse}.sc-round{width:66px;height:66px;border-radius:50%}.sc-play{--btn: linear-gradient(#4f5a43, #2f3727)}.sc-sync{--btn: linear-gradient(#45505a, #2a3138)}.sc-mixer{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-areas:"browse browse browse" "a center b" "x x x";gap:10px 6px;align-content:start;padding:14px 10px;border-radius:20px;background:#1411096b;box-shadow:inset 0 1px #fff0c81a;--dial: 38px}.sc-browse{grid-area:browse;justify-self:center;padding:0 22px}.sc-strip{display:flex;flex-direction:column;align-items:center;gap:2px}.sc-strip--a{grid-area:a}.sc-strip--b{grid-area:b}.sc-preview{margin:6px 0;padding:0 10px}.sc-fader-row{display:flex;align-items:flex-end;gap:6px}.sc-volume{height:160px}.sc-meter{height:130px;margin-bottom:26px}.sc-center{grid-area:center;display:flex;flex-direction:column;align-items:center;gap:4px}.sc-eqnote{margin:8px 0 0;font:500 calc(16px / var(--z, 1))/1.35 var(--sans);color:#d9cba8;text-align:center}.sc-xfader{grid-area:x}.sc-xfader .stn-fader-slot{height:14px!important;top:calc(50% - 7px)!important;border-radius:7px;background:repeating-linear-gradient(90deg,transparent 0 9px,rgba(255,220,170,.35) 9px 11px) center / 100% 2px no-repeat,linear-gradient(#7a4a2a,#4b2b17);box-shadow:inset 0 1px #ffdcaa40,0 2px 4px #00000080}.sc-xfader{--cap: linear-gradient(#e8d6b0, #a88a58)}.rt-body{display:grid;grid-template-columns:220px 1fr 220px;gap:16px;padding:22px;border-radius:16px;background:repeating-linear-gradient(90deg,rgba(0,0,0,.1) 0 2px,transparent 2px 13px),linear-gradient(175deg,#4a3527,#2b1e15 60%,#1a120c);box-shadow:0 30px 50px -14px #000000bf,inset 0 1px #ffdcaa2e}.rt-oak{position:absolute;inset:8px;border-radius:12px;border:1px solid rgba(255,220,170,.1);pointer-events:none}.rt-transport{display:flex;flex-direction:column;gap:12px;padding:16px 14px;border-radius:12px;background:#0805036b;align-self:start}.rt-head{display:flex;align-items:center;justify-content:space-between}.rt-letter{font:600 28px/1 var(--mono);color:#f0c47a}.rt-disc{width:64px;height:64px;border-radius:50%;background-size:cover;background-position:center;box-shadow:0 0 0 6px #121212,0 0 0 7px #3a3a3a}.rt-title{margin:0;min-height:40px;font:500 calc(16px / var(--z, 1))/1.25 var(--sans)}.rt-read{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 10px;margin:0;font:500 calc(14px / var(--z, 1))/1.3 var(--mono);color:#e1d2b5}.rt-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rt-key{height:48px}.rt-play{--btn: linear-gradient(#5d4a2b, #3a2c17)}.rt-tempo,.rt-seek{width:100%}.rt-mixer{position:relative;display:grid;grid-template-columns:1fr 150px 1fr;grid-template-rows:auto 1fr;gap:12px;padding:16px 14px 18px;border-radius:26px;background:radial-gradient(90% 60% at 50% 0,rgba(255,200,140,.1),transparent 70%),linear-gradient(#251b15,#15100c);box-shadow:inset 0 0 0 2px #0b0806,inset 0 0 0 4px #b88a4a59,0 8px 18px #00000080;--dial: 40px;--dial-bg: radial-gradient(circle at 35% 28%, #6b3f26, #3a1e10 60%, #1a0c05);--ring: #e3ac5c}.rt-brand{grid-column:1 / -1;text-align:center;color:#f0c47a}.rt-channel{display:grid;grid-template-columns:1fr 1fr;justify-items:center;gap:0 6px;align-content:start}.rt-ch{grid-column:1 / -1;margin-bottom:4px;font:600 calc(14px / var(--z, 1))/1 var(--mono);letter-spacing:.14em;color:#f0c47a}.rt-fx{grid-column:1 / -1;display:flex;justify-content:center;gap:2px;padding:6px 0 0;border-top:1px solid rgba(240,196,122,.18);--dial: 34px;--ring: #8fb7c8}.rt-cue{grid-column:1 / -1;margin:8px 0 4px;padding:0 22px}.rt-level-row{grid-column:1 / -1;display:flex;align-items:flex-end;gap:10px}.rt-level{--dial: 92px;width:122px;--dial-bg: radial-gradient(circle at 35% 28%, #7a4a2c, #40210f 60%, #1c0d05)}.rt-level .stn-legend{font-size:calc(14px / var(--z, 1))}.rt-meter{height:120px;margin-bottom:30px}.rt-center{display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:22px}.rt-master{--dial: 56px}.rt-note{margin:12px 0 0;padding:10px;border-radius:8px;background:#f0c47a1a;font:400 calc(16px / var(--z, 1))/1.45 var(--sans);color:#ecdcbc;text-align:center}.rt-note b{display:block;font-weight:600;color:#f0c47a}.stn-scene{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}.stn-scene .s-glow{opacity:calc(.45 + var(--master-meter, 0) * .55)}.stn-scene--satchel .s-string circle{opacity:calc(.55 + max(var(--d0-meter, 0),var(--d1-meter, 0))*.45)}@media (prefers-reduced-motion: reduce){.stn-btn,.stn-value{transition:none}.lc-vinyl,.sc-jog-top,.sc-jog-mark{rotate:0deg!important}.stn-scene .s-glow{opacity:.7}}.instrument.tr{--mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;--sans: "DM Sans", "Helvetica Neue", Arial, sans-serif;--focus: #ffd27a;container-type:inline-size;position:relative;width:100%;max-width:1100px;margin-inline:auto;font-family:var(--sans);color:#f1ece2;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.tr *,.tr *:before,.tr *:after{box-sizing:border-box}.tr button{appearance:none;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;touch-action:manipulation}.tr :focus-visible{outline:2px solid var(--focus);outline-offset:3px}.tr-pan{position:relative}.tr-body{position:relative;width:1100px;margin-inline:auto;--z: 1}.tr-pan-hint{display:none;margin:6px 0 0;text-align:center;font:600 14px/1.2 var(--mono);letter-spacing:.08em;color:#fff4e4cc}@container (max-width: 1099.98px){.tr-body{zoom:.92;--z: .92}}@container (max-width: 1011px){.tr-body{zoom:.84;--z: .84}}@container (max-width: 923px){.tr-body{zoom:.78;--z: .78}}@container (max-width: 857px){.tr-pan{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:14px 12px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.tr-body{zoom:1;--z: 1;margin-inline:0}.tr-pan-hint{display:block}.gh-deck,.gh-ch,.gh-center,.ct-deck,.ct-mixer{scroll-snap-align:center}}@container (max-width: 520px){.ct-body{zoom:.86;--z: .86}}.tr-name{display:block;font:600 calc(14px / var(--z, 1))/1.1 var(--mono);letter-spacing:.04em;text-align:center;white-space:nowrap;pointer-events:none}.tr-val{position:absolute;left:50%;top:-28px;z-index:40;translate:-50% 4px;padding:5px 8px;border-radius:6px;background:#0c0c0ef2;color:var(--focus);font:600 calc(14px / var(--z, 1))/1 var(--mono);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .14s,translate .14s}.control:is(:hover,:focus-within)>.tr-val{opacity:1;translate:-50% 0}.tr-dial{position:relative;display:flex;flex-direction:column;align-items:center;gap:9px;width:var(--dial-w, 64px);padding-top:6px;cursor:grab}.tr-dial:active{cursor:grabbing}.tr-dial .knob-art{position:relative;display:block;width:var(--dial, 44px);height:var(--dial, 44px);pointer-events:none}.tr-dial-ring{position:absolute;inset:-6px;border-radius:50%;background:conic-gradient(from -135deg,var(--ring, #e6bf74) 0 calc(var(--v) * 270deg),var(--ring-off, rgba(255, 255, 255, .14)) 0 270deg,transparent 0);-webkit-mask:radial-gradient(closest-side,transparent calc(100% - 4px),#000 calc(100% - 3.5px));mask:radial-gradient(closest-side,transparent calc(100% - 4px),#000 calc(100% - 3.5px))}.tr-dial-cap{position:absolute;inset:0;border-radius:50%;background:var(--cap-bg, radial-gradient(circle at 35% 28%, #5a5650, #1d1b19 65%));box-shadow:0 4px 8px #00000080,inset 0 1px 1px #fff3;rotate:calc(-135deg + var(--v) * 270deg)}.tr-dial-cap:after{content:"";position:absolute;left:calc(50% - 1.5px);top:4px;width:3px;height:30%;border-radius:2px;background:var(--mark, #fff)}.tr-dial>input{appearance:none;-webkit-appearance:none;position:absolute;inset:0;z-index:3;width:100%;height:100%;margin:0;opacity:0;cursor:inherit;touch-action:none}.tr-slide{--capw: 40px;--caph: 22px;position:relative;display:grid;cursor:grab}.tr-slide:active{cursor:grabbing}.tr-slide>input{appearance:none;-webkit-appearance:none;position:relative;z-index:3;width:100%;height:100%;margin:0;padding:0;opacity:0;background:transparent;cursor:inherit;touch-action:none}.tr-slide>input::-webkit-slider-thumb{-webkit-appearance:none;width:var(--capw);height:var(--caph);border:0;background:transparent}.tr-slide>input::-moz-range-thumb{width:var(--capw);height:var(--caph);border:0;background:transparent}.tr-track{position:relative;pointer-events:none}.tr-fill,.tr-cap{position:absolute;display:block}.tr-track:before{content:"";position:absolute;border-radius:4px;background:var(--slot, #0b0a09);box-shadow:inset 0 1px 2px #000}.tr-cap{border-radius:6px;background:var(--capbg, linear-gradient(#f1ebe0, #a9a194));box-shadow:0 4px 8px #00000080}.tr-slide--v{width:var(--sw, 56px);height:var(--sh, 170px);grid-template-rows:auto 1fr;justify-items:center;gap:8px}.tr-slide--v .tr-name{grid-row:1}.tr-slide--v .tr-track,.tr-slide--v>input{grid-row:2;grid-column:1;width:100%;height:100%}.tr-slide--v>input{writing-mode:vertical-lr;direction:rtl}.tr-slide--v .tr-track:before{left:calc(50% - 3px);top:0;bottom:0;width:6px}.tr-slide--v .tr-cap{left:calc(50% - var(--capw) / 2);bottom:calc(var(--v) * (100% - var(--caph)));width:var(--capw);height:var(--caph)}.tr-slide--v .tr-cap:after{content:"";position:absolute;left:5px;right:5px;top:calc(50% - 1px);height:2px;background:#000000a6}.tr-slide--v .tr-fill{left:calc(50% - 3px);width:6px;bottom:0;height:calc(var(--caph) / 2 + var(--v) * (100% - var(--caph)));border-radius:3px;background:var(--fill, transparent)}.tr-slide--v.tr-slide--center .tr-fill{--pos: calc(var(--caph) / 2 + var(--v) * (100% - var(--caph)));bottom:min(50%,var(--pos));height:max(calc(var(--pos) - 50%),calc(50% - var(--pos)))}.tr-slide--h{grid-template-columns:1fr auto;grid-template-rows:auto var(--th, 44px);align-items:center;gap:4px 10px}.tr-slide--h .tr-name{grid-column:1;grid-row:1;text-align:left}.tr-slide--h>.tr-val{position:static;grid-column:2;grid-row:1;translate:none;padding:0;background:none;opacity:1;color:inherit}.tr-slide--h .tr-track,.tr-slide--h>input{grid-column:1 / -1;grid-row:2;width:100%;height:100%}.tr-slide--h .tr-track:before{left:0;right:0;top:calc(50% - 4px);height:8px}.tr-slide--h .tr-cap{left:calc(var(--v) * (100% - var(--capw)));top:calc(50% - var(--caph) / 2);width:var(--capw);height:var(--caph)}.tr-slide--h .tr-cap:after{content:"";position:absolute;top:6px;bottom:6px;left:calc(50% - 1px);width:2px;background:#0000008c}.tr-slide--h .tr-fill{top:calc(50% - 4px);height:8px;left:0;width:calc(var(--capw) / 2 + var(--v) * (100% - var(--capw)));border-radius:4px;background:var(--fill, transparent)}.tr-slide--h.tr-slide--center .tr-fill{--pos: calc(var(--capw) / 2 + var(--v) * (100% - var(--capw)));left:min(50%,var(--pos));width:max(calc(var(--pos) - 50%),calc(50% - var(--pos)))}.tr-slide:has(>input:focus-visible){outline:2px solid var(--focus);outline-offset:4px;border-radius:10px}.tr-dial:has(>input:focus-visible){outline:2px solid var(--focus);outline-offset:2px;border-radius:10px}.tr-key{position:relative;display:grid;place-items:center;min-width:44px;min-height:44px}.tr-key>span{pointer-events:none}.tr-meter{display:flex;flex-direction:column-reverse;gap:2px;width:8px;height:130px;pointer-events:none}.tr-meter i{flex:1;border-radius:2px;background:var(--seg, #63d892);opacity:clamp(.12,calc((var(--m) - var(--i)) * 18),1)}.tr-meter i:nth-last-child(-n+2){background:var(--seg-hot, #f1bf47)}.tr-meter i:last-child{background:var(--seg-peak, #f05a3c)}.pl{--a: #7fe0c8;--b: #ffb27a}.pl-slab{position:relative;width:min(100%,440px);margin-inline:auto;padding:18px 16px 20px;border-radius:40px;display:grid;gap:12px;background:radial-gradient(120% 60% at 30% 0,rgba(127,224,200,.1),transparent 60%),linear-gradient(165deg,#2f3d3f,#1a2325 70%);border:2px solid #46595c;box-shadow:0 30px 60px -18px #000c,inset 0 2px #ffffff14}.pl-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 6px 0 10px}.pl-brand{font:700 22px/1 var(--sans);letter-spacing:-.02em;color:#eaf7f2}.pl-brand small{display:block;margin-top:4px;font:500 13px/1 var(--sans);letter-spacing:.02em;color:#9fbdb6}.pl-records{min-height:44px;padding:0 16px;border-radius:22px;background:#10191a;border:1px solid #4d6366;font:700 14px/1 var(--sans);letter-spacing:.04em;color:#dff3ee}.pl-card{--c: var(--a);display:grid;gap:10px;padding:14px;border-radius:26px;background:#101819;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 30%,transparent),0 8px 18px #00000059}.pl-card--b{--c: var(--b)}.pl-head{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:12px}.pl-art{display:block;width:58px;height:58px;border-radius:14px;background-size:cover;background-position:center;box-shadow:0 0 0 2px color-mix(in srgb,var(--c) 55%,transparent)}.pl-id{display:grid;min-width:0;gap:3px}.pl-letter{font:700 13px/1 var(--sans);letter-spacing:.12em;color:var(--c)}.pl-title{overflow:hidden;font:700 17px/1.2 var(--sans);white-space:nowrap;text-overflow:ellipsis}.pl-meta{font:500 14px/1.2 var(--mono);color:#b7c9c4}.pl-load{min-height:44px;padding:0 14px;border-radius:14px;background:#1d2a2b;font:700 14px/1 var(--sans);letter-spacing:.04em}.pl-progress{position:relative;display:block;height:4px;border-radius:2px;background:#233032;overflow:hidden}.pl-progress i{position:absolute;inset:0 auto 0 0;width:calc(var(--p) * 100%);background:var(--c)}.pl-transport{display:grid;grid-template-columns:64px 1fr 64px;align-items:center;gap:12px}.pl-round{width:64px;height:56px;border-radius:18px;background:#1d2a2b;font:700 14px/1 var(--sans);letter-spacing:.06em;box-shadow:inset 0 -3px #00000059}.pl-play{height:60px;border-radius:20px;background:#25393a;font:700 16px/1 var(--sans);letter-spacing:.08em;box-shadow:inset 0 -3px #00000059}.pl-play>span{display:inline-flex;align-items:center;gap:10px}.pl-glyph{width:0;height:0;border-left:13px solid currentColor;border-top:8px solid transparent;border-bottom:8px solid transparent}.pl-play[aria-pressed=true]{background:var(--c);color:#0d1a18}.pl-play[aria-pressed=true] .pl-glyph{width:13px;height:16px;border:0;background:linear-gradient(90deg,currentColor 0 4px,transparent 4px 9px,currentColor 9px)}.pl :is(.pl-round,.pl-load,.pl-records):active,.pl-play:active{translate:0 1px}.pl-sliders{display:grid;gap:6px}.pl-sliders .tr-slide--h{grid-template-columns:62px minmax(0,1fr) 64px;grid-template-rows:var(--th)}.pl-sliders .tr-slide--h .tr-track,.pl-sliders .tr-slide--h>input{grid-column:2;grid-row:1}.pl-sliders .tr-slide--h>.tr-val{grid-column:3;text-align:right}.pl .tr-slide--h{--capw: 46px;--caph: 32px;--th: 44px;--slot: #1f2b2d;--fill: var(--c);--capbg: linear-gradient(#f4f8f6, #b9c6c2)}.pl .tr-slide--h>input{touch-action:pan-y}.pl .tr-name{font:700 13px/1.1 var(--sans);letter-spacing:.1em;color:#c8d9d4}.pl .tr-val{font:600 14px/1.1 var(--mono);color:#eaf5f1}.pl-blend{display:grid;grid-template-columns:10px 1fr 10px;align-items:end;gap:12px;padding:10px 14px 12px;border-radius:24px;background:linear-gradient(#0b1213,#131c1d);box-shadow:inset 0 2px 6px #0009}.pl-meter{height:60px;width:10px;margin-bottom:4px}.pl-meter--a{--seg: var(--a)}.pl-meter--b{--seg: var(--b)}.pl .pl-xfader{--capw: 60px;--caph: 46px;--th: 60px;--slot: linear-gradient(90deg, var(--a), #2b3a3c 30% 70%, var(--b));--capbg: linear-gradient(#ffffff, #c8d2cf)}.pl-xfader .tr-name{display:flex;justify-content:space-between;align-items:baseline;grid-column:1 / -1;font-size:14px;color:#eaf5f1}.pl-xfader .tr-name b{font:700 18px/1 var(--sans);color:var(--a)}.pl-xfader .tr-name b:last-child{color:var(--b)}.pl-xfader>.tr-val{display:none}.pl-foot{display:grid;gap:4px;padding:0 8px}.pl .pl-master{--c: #dfe9e6;--capw: 40px;--caph: 28px;--th: 44px}.pl-note{margin:0;font:500 14px/1.4 var(--sans);color:#a9c0ba}.pl-card[data-playing=true]{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--c) 70%,transparent),0 8px 18px #00000059}@container (max-width: 420px){.pl-slab{padding:14px 10px 16px;border-radius:30px;gap:10px}.pl-card{padding:12px;border-radius:22px}}.gh{--on: #5fe0ff;--accent-a: #5fe0ff;--accent-b: #ffb35c;--ring: #5fe0ff;--ring-off: rgba(95, 224, 255, .14);--cap-bg: radial-gradient(circle at 35% 28%, rgba(220, 245, 255, .55), rgba(40, 70, 85, .85) 60%, rgba(10, 22, 30, .95));--mark: #e6fbff;color:#e3f5fb}.gh-body{display:grid;grid-template-columns:282px minmax(0,1fr) 282px;grid-template-rows:auto auto auto;gap:14px 16px;padding:22px 20px 18px;border-radius:18px;background:linear-gradient(135deg,#aae6ff21,#5aaac80d 45%,#aae6ff1a),#0610168c;border:1px solid rgba(160,230,255,.4);box-shadow:0 30px 60px -20px #000c,inset 0 1px #e6faff59,inset 0 0 50px #5fe0ff12}.gh-glass{position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:.5;background:repeating-linear-gradient(90deg,rgba(95,224,255,.05) 0 1px,transparent 1px 44px),repeating-linear-gradient(0deg,rgba(95,224,255,.04) 0 1px,transparent 1px 44px),linear-gradient(115deg,transparent 30%,rgba(255,255,255,.06) 38%,transparent 46%)}.gh-brand{grid-column:1 / -1;display:flex;align-items:baseline;gap:14px;font:500 15px/1 var(--mono);letter-spacing:.32em;color:#bff2ff}.gh-brand small{font:500 12px/1 var(--mono);letter-spacing:.18em;color:#bff2ffa6}.gh .tr-name{font:500 calc(13px / var(--z, 1))/1.1 var(--mono);letter-spacing:.1em;color:#a9e9fa}.gh .tr-key{border-radius:8px;border:1px solid rgba(160,230,255,.35);background:#0a1c26b3;font:500 calc(14px / var(--z, 1))/1 var(--mono);letter-spacing:.08em;color:#dff7ff;box-shadow:inset 0 1px #e6faff26}.gh .tr-key:is([aria-pressed=true],[data-on=true]){border-color:var(--on);background:#5fe0ff38;box-shadow:0 0 14px #5fe0ff66,inset 0 1px #e6faff4d}.gh .tr-key:active{translate:0 1px}.gh .tr-slide{--slot: rgba(3, 10, 14, .85);--capbg: linear-gradient(rgba(230, 250, 255, .9), rgba(120, 190, 215, .85));--fill: rgba(95, 224, 255, .7)}.gh .tr-slide--h .tr-val{font:500 calc(13px / var(--z, 1))/1 var(--mono);color:#e3f5fb}.gh-deck{position:relative;display:grid;align-content:start;gap:12px;padding:14px;border-radius:14px;background:#040e14b8;border:1px solid rgba(160,230,255,.22)}.gh-head{display:grid;grid-template-columns:auto 42px minmax(0,1fr);align-items:center;gap:10px}.gh-letter{font:500 22px/1 var(--mono);color:var(--accent-a)}.gh-deck--b .gh-letter{color:var(--accent-b)}.gh-disc{width:42px;height:42px;border-radius:50%;background-size:cover;background-position:center;box-shadow:0 0 0 2px #a0e6ff59}.gh-id{display:grid;gap:4px;min-width:0}.gh-title{overflow:hidden;font:600 calc(16px / var(--z, 1))/1.2 var(--sans);white-space:nowrap;text-overflow:ellipsis}.gh-read{font:500 calc(13px / var(--z, 1))/1.2 var(--mono);color:#a9d8e6}.gh-wave{display:block;width:100%;height:60px;border-radius:6px;background:#02080ccc;box-shadow:inset 0 0 0 1px #a0e6ff26}.gh-seek,.gh-tempo{--th: 40px;--capw: 22px;--caph: 32px}.gh-transport{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.gh-transport .tr-key{min-height:48px}.gh .gh-play[aria-pressed=true]{border-color:#8dffb0;background:#6effa033;box-shadow:0 0 14px #6effa059}.gh-pads{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;gap:6px}.gh-pads-name{grid-column:1 / -1;margin-top:2px;font:500 calc(12px / var(--z, 1))/1 var(--mono);letter-spacing:.1em;color:#8fcfe0}.gh .gh-pad[data-assigned=true]{border-color:#8dffb0;color:#c8ffd9}.gh .gh-pad--loop[aria-pressed=true]{border-color:var(--accent-b);background:#ffb35c38;box-shadow:0 0 12px #ffb35c59}.gh-mixer{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 118px minmax(0,1fr);grid-template-rows:auto auto auto;gap:10px 10px;--dial: 36px;--dial-w: 52px}.gh-node{position:absolute;left:-8px;top:10px;width:14px;height:14px;border-radius:50%;border:2px solid rgba(95,224,255,.35);background:#06121a;pointer-events:none}.gh-node i{position:absolute;inset:1px;border-radius:50%;background:var(--on);opacity:clamp(0,calc(var(--lit, 0) * 1.6),1);box-shadow:0 0 10px var(--on),0 0 18px var(--on)}.gh-ch{position:relative;display:grid;align-content:start;gap:2px}.gh-ch-name{font:500 calc(14px / var(--z, 1))/1 var(--mono);letter-spacing:.2em;color:#bff2ff;padding-left:18px;margin-bottom:4px}.gh-ch--b .gh-ch-name{padding:0 18px 0 0;text-align:right}.gh-stage{position:relative;display:grid;grid-template-columns:1fr;justify-items:center;gap:2px;padding:6px 4px 8px 18px;border-left:2px solid rgba(95,224,255,calc(.12 + var(--lit, 0) * .75))}.gh-ch--b .gh-stage{padding:6px 18px 8px 4px;border-left:0;border-right:2px solid rgba(95,224,255,calc(.12 + var(--lit, 0) * .75))}.gh-ch--b .gh-node{left:auto;right:-8px}.gh-stage-name{justify-self:start;font:500 calc(12px / var(--z, 1))/1 var(--mono);letter-spacing:.14em;color:#a9e9facc}.gh-ch--b .gh-stage-name{justify-self:end}.gh-stage .tr-dial .tr-name{display:none}.gh-stage--eq .tr-dial .tr-name{display:block}.gh-eq{display:flex;justify-content:center;gap:0;--dial: 32px;--dial-w: 46px}.gh-in-state{font:500 calc(13px / var(--z, 1))/1.2 var(--mono);letter-spacing:.1em;color:#cfeef7}.gh-stage--branch{--on: #ffb35c;border-left-style:dashed}.gh-ch--b .gh-stage--branch{border-right-style:dashed}.gh .gh-cue{min-width:72px;min-height:44px}.gh .gh-cue[aria-pressed=true]{border-color:#ffb35c;background:#ffb35c38;box-shadow:0 0 14px #ffb35c66}.gh-fader-row{display:flex;align-items:flex-end;gap:10px}.gh-stage--ch .tr-slide--v{--sh: 160px;--capw: 38px;--caph: 22px}.gh-meter{height:132px;margin-bottom:2px}.gh-ch--a [data-stage=in]{--lit: var(--gh-in0)}.gh-ch--a [data-stage=pre]{--lit: var(--gh-pre0)}.gh-ch--a [data-stage=cue]{--lit: var(--gh-cue0)}.gh-ch--a [data-stage=ch]{--lit: var(--gh-ch0)}.gh-ch--b [data-stage=in]{--lit: var(--gh-in1)}.gh-ch--b [data-stage=pre]{--lit: var(--gh-pre1)}.gh-ch--b [data-stage=cue]{--lit: var(--gh-cue1)}.gh-ch--b [data-stage=ch]{--lit: var(--gh-ch1)}.gh-center{display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:22px}.gh-monitor{position:relative;display:grid;justify-items:center;gap:6px;width:100%;padding:8px 6px 10px;border-radius:10px;border:1px dashed rgba(255,179,92,calc(.25 + var(--lit, 0) * .6));--on: #ffb35c;--ring: #ffb35c;--lit: var(--gh-cuebus)}.gh-monitor .gh-node{left:calc(50% - 7px);top:-8px}.gh-monitor .gh-stage-name{justify-self:center}.gh-small{margin:0;font:400 calc(13px / var(--z, 1))/1.35 var(--sans);text-align:center;color:#cfe3ea}.gh-paths{display:grid;gap:8px;width:100%;margin:0}.gh-paths p{display:grid;grid-template-columns:auto 1fr;gap:6px;margin:0;padding:7px 8px;border-radius:8px;background:#020a0e99;font:500 calc(13px / var(--z, 1))/1.3 var(--mono);color:#dff7ff}.gh-paths b{color:var(--accent-a)}.gh-paths p+p b{color:var(--accent-b)}.gh .gh-browse{width:100%;min-height:44px}.gh-xf{position:relative;grid-column:1 / -1;display:grid;grid-template-columns:14px minmax(0,320px) 14px;justify-content:center;align-items:end;gap:14px;padding:4px 0}.gh-xf .gh-node{position:relative;left:auto;top:auto;margin-bottom:15px}.gh-node--a{--lit: var(--gh-xf0)}.gh-node--b{--lit: var(--gh-xf1)}.gh .gh-xfader{--th: 48px;--capw: 30px;--caph: 42px;--fill: transparent}.gh-xfader .tr-name{grid-column:1 / -1;text-align:center}.gh-xfader>.tr-val{display:none}.gh-sends,.gh-out{position:relative;display:grid;justify-items:center;gap:4px;padding:8px 4px;border-top:2px solid rgba(95,224,255,calc(.12 + var(--lit, 0) * .75))}.gh-sends .gh-node,.gh-out .gh-node{left:calc(50% - 7px);top:-8px}.gh-sends .gh-stage-name,.gh-out .gh-stage-name{justify-self:center}.gh-sends--a{--lit: var(--gh-fx0)}.gh-sends--b{--lit: var(--gh-fx1)}.gh-sends{--dial: 32px;--dial-w: 50px;--ring: #b9a6ff}.gh-send-row{display:flex;justify-content:center}.gh-out{--lit: var(--gh-master);--on: #8dffb0;--ring: #8dffb0}.gh-out-row{display:flex;align-items:flex-end;gap:8px}.gh-master-meter{height:70px;margin-bottom:26px}.gh-db{font:500 calc(13px / var(--z, 1))/1 var(--mono);color:#c8ffd9}.gh-legend{grid-column:1 / -1;display:flex;align-items:center;gap:10px;margin:0;padding-top:4px;font:400 calc(14px / var(--z, 1))/1.4 var(--sans);color:#cfe3ea}.gh-legend .gh-node{position:relative;left:auto;top:auto;flex:none;--lit: 1}.ct{--hot: #ff5a36;--ring: #ff7a52;--cap-bg: radial-gradient(circle at 35% 28%, #4c4e52, #18191b 65%);color:#f2ede6}.ct-body{display:grid;grid-template-columns:minmax(0,1fr) 230px minmax(0,1fr);gap:14px;padding:16px;border-radius:16px;background:#0d0d0e;box-shadow:0 30px 60px -18px #000000d9}.ct .tr-name{font:700 calc(14px / var(--z, 1))/1.1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#e9e2d8}.ct-deck{display:grid;gap:14px;padding:14px;border-radius:18px;background:radial-gradient(120% 90% at 30% 0,#2a2a2c,#161617 60%),#161617;box-shadow:inset 0 1px #ffffff14,0 14px 28px #0009}.ct-plinth{display:grid;grid-template-columns:1fr 52px;align-items:center;gap:14px}.ct-deck--b .ct-plinth{grid-template-columns:52px 1fr}.ct-deck--b .ct-pitch{order:-1}.ct-platter{position:relative;justify-self:center;width:300px;aspect-ratio:1;border-radius:50%;cursor:grab;touch-action:none;background:radial-gradient(circle,#1a1a1b 66%,#2f3033 67% 69%,#121213 70%);box-shadow:0 12px 26px #000000b3,inset 0 0 0 3px #3a3b3e}.ct-platter:active{cursor:grabbing}.ct-strobe{position:absolute;inset:2px;border-radius:50%;background:repeating-conic-gradient(#8a8c90 0 1.6deg,transparent 1.6deg 6deg);-webkit-mask:radial-gradient(closest-side,transparent 94%,#000 95%);mask:radial-gradient(closest-side,transparent 94%,#000 95%);opacity:.55;rotate:var(--ct-a, 0deg)}.ct-mat{position:absolute;inset:7%;border-radius:50%;background:radial-gradient(circle,#232325 60%,#1b1b1c);box-shadow:0 0 0 2px #ff5a368c}.ct-vinyl{position:absolute;inset:3%;border-radius:50%;background:repeating-radial-gradient(circle,#121212 0 2px,#1d1d1d 2px 3px);box-shadow:0 2px 6px #000000b3;rotate:var(--ct-a, 0deg)}.ct-vinyl:after{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 20deg,transparent 0 40deg,rgba(255,255,255,.07) 52deg,transparent 66deg 210deg,rgba(255,255,255,.05) 222deg,transparent 236deg)}.ct-deck--a .ct-vinyl,.ct-deck--a .ct-strobe{--ct-a: var(--d0-angle, 0deg)}.ct-deck--b .ct-vinyl,.ct-deck--b .ct-strobe{--ct-a: var(--d1-angle, 0deg)}.ct-label{position:absolute;inset:33%;border-radius:50%;background-size:cover;background-position:center;box-shadow:0 0 0 2px #00000080}.ct-sticker{position:absolute;left:calc(50% - 3px);top:4%;width:6px;height:29%;border-radius:3px;background:var(--hot);box-shadow:0 0 6px #ff5a3699}.ct-spindle{position:absolute;left:calc(50% - 7px);top:calc(50% - 7px);width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f4f4f4,#77797d)}.ct-platter[data-held=true]{box-shadow:0 12px 26px #000000b3,inset 0 0 0 3px var(--hot),0 0 0 4px #ff5a3659}.ct-platter:focus-visible{outline-offset:6px}.ct .ct-pitch{--sh: 300px;--sw: 52px;--capw: 44px;--caph: 26px;--slot: #050505;--fill: rgba(255, 90, 54, .7);--capbg: linear-gradient(#dcdcdc, #8d8f93)}.ct-controls{display:grid;grid-template-columns:auto auto auto minmax(0,1fr);align-items:center;gap:10px}.ct .tr-key{border-radius:8px;background:linear-gradient(#2e2f32,#1c1d1f);box-shadow:0 3px #050505,inset 0 1px #ffffff1a;font:700 calc(14px / var(--z, 1))/1 var(--sans);letter-spacing:.08em}.ct .tr-key:active{translate:0 2px;box-shadow:0 1px #050505}.ct-start{width:92px;height:54px}.ct-start>span{display:grid;gap:3px}.ct-start small,.ct-cut small{font:600 calc(12px / var(--z, 1))/1 var(--mono);letter-spacing:.06em;opacity:.75;text-transform:none}.ct .ct-start[aria-pressed=true]{background:linear-gradient(#5b5d61,#3a3c40);box-shadow:0 3px #050505,0 0 0 2px #e9e2d8 inset}.ct-cue,.ct-load{min-width:60px;height:54px}.ct-read{display:grid;gap:4px;min-width:0;margin:0}.ct-read b{overflow:hidden;font:700 calc(15px / var(--z, 1))/1.2 var(--sans);white-space:nowrap;text-overflow:ellipsis}.ct-read>span{font:500 calc(13px / var(--z, 1))/1.2 var(--mono);color:#c9c1b6}.ct-mixer{display:grid;grid-template-rows:auto 1fr auto auto;gap:12px;padding:16px 14px 18px;border-radius:14px;background:linear-gradient(170deg,#34373c,#212327);box-shadow:inset 0 1px #ffffff1f,0 14px 28px #0009;--dial: 40px;--dial-w: 60px}.ct-brand{text-align:center;font:italic 700 24px/1 var(--sans);letter-spacing:.02em;color:var(--hot)}.ct-chans{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ct-ch{display:grid;justify-items:center;align-content:start;gap:10px;padding:8px 4px 10px;border-radius:10px;background:#00000038}.ct-ch-name{font:700 18px/1 var(--sans);color:#e9e2d8}.ct-fader-row{display:flex;align-items:flex-end;gap:6px}.ct .ct-fader-row .tr-slide--v{--sh: 150px;--sw: 48px;--capw: 40px;--caph: 22px;--capbg: linear-gradient(#ff8a66, #c93c1e)}.ct-meter{height:120px;margin-bottom:2px}.ct-cut{width:84px;height:58px}.ct-cut>span{display:grid;gap:3px}.ct .ct-cut:is([data-held=true],[data-cutting=true]){background:linear-gradient(#ff7a52,#d4401f);color:#1a0b05;box-shadow:0 1px #050505,0 0 16px #ff5a368c;translate:0 2px}.ct-center{display:flex;align-items:center;justify-content:center;gap:12px}.ct .ct-browse{min-height:44px;padding:0 12px}.ct .ct-xfader{--th: 64px;--capw: 40px;--caph: 56px;--slot: #050505;--capbg: linear-gradient(#ff8a66, #c93c1e);padding:10px 8px 6px;border-radius:10px;background:linear-gradient(#1a1b1e,#101113);box-shadow:inset 0 2px 5px #000000b3,0 1px #ffffff1a}.ct-xfader .tr-name{grid-column:1 / -1;text-align:center;color:#ffb39c}.ct-xfader>.tr-val{display:none}.app[data-board=pocketline] .mobile-pan-hint{display:none}.tr-scene{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}.tr-scene .s-glow{opacity:calc(.45 + var(--master-meter, 0) * .55)}@media (prefers-reduced-motion: reduce){.tr-val{transition:none}.ct-vinyl,.ct-strobe{rotate:0deg!important}.tr-scene .s-glow{opacity:.7}}.instrument.bx{--mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;--sans: "DM Sans", "Helvetica Neue", Arial, sans-serif;--serif: "Fraunces", Georgia, serif;--focus: #ffd27a;container-type:inline-size;position:relative;width:100%;max-width:1100px;margin-inline:auto;font-family:var(--sans);color:#eef1f5;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.bx *,.bx *:before,.bx *:after{box-sizing:border-box}.bx button{appearance:none;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;touch-action:manipulation}.bx :focus-visible{outline:2px solid var(--focus);outline-offset:3px}.bx-pan{position:relative}.bx-body{position:relative;width:1100px;margin-inline:auto;--z: 1}.bx-pan-hint{display:none;margin:8px 0 0;text-align:center;font:600 13px/1.2 var(--mono);letter-spacing:.08em;color:#f0f4fabf}@container (max-width: 1099.98px){.bx-body{zoom:.92;--z: .92}}@container (max-width: 1011px){.bx-body{zoom:.84;--z: .84}}@container (max-width: 923px){.bx-body{zoom:.78;--z: .78}}@container (max-width: 857px){.bx-pan{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:14px 12px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.bx-body{zoom:1;--z: 1;margin-inline:0}.bx-pan-hint{display:block}.mr-player,.mr-mixer,.lm-deck,.lm-frame{scroll-snap-align:center}}.bx-name{display:block;font:600 calc(11px / var(--z, 1))/1.1 var(--mono);letter-spacing:.06em;text-align:center;white-space:nowrap;pointer-events:none}.bx-val{position:absolute;left:50%;top:-26px;z-index:40;translate:-50% 4px;padding:5px 8px;border-radius:6px;background:#0a0c10f2;color:var(--focus);font:600 calc(13px / var(--z, 1))/1 var(--mono);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s,translate .15s}.control:is(:hover,:focus-within)>.bx-val{opacity:1;translate:-50% 0}.bx-dial{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;width:var(--dial-w, 58px);padding-top:5px;cursor:grab}.bx-dial:active{cursor:grabbing}.bx-dial .knob-art{position:relative;display:block;width:var(--dial, 38px);height:var(--dial, 38px);pointer-events:none}.bx-dial-ring{position:absolute;inset:-5px;border-radius:50%;background:conic-gradient(from -135deg,var(--ring, #9fd0ff) 0 calc(var(--v) * 270deg),var(--ring-off, rgba(255, 255, 255, .12)) 0 270deg,transparent 0);-webkit-mask:radial-gradient(closest-side,transparent 80%,#000 82%);mask:radial-gradient(closest-side,transparent 80%,#000 82%)}.bx-dial-cap{position:absolute;inset:0;border-radius:50%;background:var(--cap, radial-gradient(circle at 35% 28%, #5d636d, #1b1e23 68%));box-shadow:0 4px 8px #0000008c,inset 0 1px 1px #ffffff40;rotate:calc(-135deg + var(--v) * 270deg)}.bx-dial-cap:after{content:"";position:absolute;left:calc(50% - 1.5px);top:4px;width:3px;height:32%;border-radius:2px;background:var(--mark, #fff)}.bx-dial>input{appearance:none;-webkit-appearance:none;position:absolute;inset:0;z-index:3;width:100%;height:100%;margin:0;opacity:0;cursor:inherit;touch-action:none}.bx-slide{--capw: 38px;--caph: 20px;position:relative;display:grid;cursor:grab}.bx-slide:active{cursor:grabbing}.bx-slide>input{appearance:none;-webkit-appearance:none;position:relative;z-index:3;width:100%;height:100%;margin:0;padding:0;opacity:0;background:transparent;cursor:inherit;touch-action:none}.bx-slide>input::-webkit-slider-thumb{-webkit-appearance:none;width:var(--capw);height:var(--caph);border:0;background:transparent}.bx-slide>input::-moz-range-thumb{width:var(--capw);height:var(--caph);border:0;background:transparent}.bx-track{position:relative;pointer-events:none}.bx-track:before{content:"";position:absolute;border-radius:4px;background:var(--slot, #07080b);box-shadow:inset 0 1px 3px #000c,0 1px #ffffff0f}.bx-cap{position:absolute;z-index:2;border-radius:4px;background:var(--capbg, linear-gradient(180deg, #e9edf2, #9aa2ad));box-shadow:0 4px 8px #0009,inset 0 1px #ffffffb3}.bx-fill{position:absolute}.bx-slide--v{width:var(--sw, 52px);height:var(--sh, 160px);grid-template-rows:auto 1fr;justify-items:center;gap:8px}.bx-slide--v .bx-name{grid-row:1}.bx-slide--v .bx-track,.bx-slide--v>input{grid-row:2;grid-column:1;width:100%;height:100%}.bx-slide--v>input{writing-mode:vertical-lr;direction:rtl}.bx-slide--v .bx-track:before{left:calc(50% - 3px);top:0;bottom:0;width:6px}.bx-slide--v .bx-cap{left:calc(50% - var(--capw) / 2);bottom:calc(var(--v) * (100% - var(--caph)));width:var(--capw);height:var(--caph)}.bx-slide--v .bx-cap:after{content:"";position:absolute;left:5px;right:5px;top:calc(50% - 1px);height:2px;background:#000000a6}.bx-slide--v .bx-fill{left:calc(50% - 3px);width:6px;bottom:0;height:calc(var(--caph) / 2 + var(--v) * (100% - var(--caph)));border-radius:3px;background:var(--fill, transparent)}.bx-slide--v.bx-slide--center .bx-fill{--pos: calc(var(--caph) / 2 + var(--v) * (100% - var(--caph)));bottom:min(50%,var(--pos));height:max(calc(var(--pos) - 50%),calc(50% - var(--pos)))}.bx-slide--h{grid-template-columns:1fr auto;grid-template-rows:auto var(--th, 40px);align-items:center;gap:4px 10px}.bx-slide--h .bx-name{grid-column:1;grid-row:1;text-align:left}.bx-slide--h>.bx-val{position:static;grid-column:2;grid-row:1;translate:none;padding:0;background:none;opacity:1;color:inherit;font-size:calc(11px / var(--z, 1))}.bx-slide--h .bx-track,.bx-slide--h>input{grid-column:1 / -1;grid-row:2;width:100%;height:100%}.bx-slide--h .bx-track:before{left:0;right:0;top:calc(50% - 3px);height:6px}.bx-slide--h .bx-cap{left:calc(var(--v) * (100% - var(--capw)));top:calc(50% - var(--caph) / 2);width:var(--capw);height:var(--caph)}.bx-slide--h .bx-cap:after{content:"";position:absolute;top:5px;bottom:5px;left:calc(50% - 1px);width:2px;background:#0000008c}.bx-slide--h .bx-fill{top:calc(50% - 3px);height:6px;left:0;width:calc(var(--capw) / 2 + var(--v) * (100% - var(--capw)));border-radius:3px;background:var(--fill, transparent)}.bx-slide--h.bx-slide--center .bx-fill{--pos: calc(var(--capw) / 2 + var(--v) * (100% - var(--capw)));left:min(50%,var(--pos));width:max(calc(var(--pos) - 50%),calc(50% - var(--pos)))}.bx-key{position:relative;display:grid;place-items:center;min-width:36px;min-height:32px}.bx-key>span{pointer-events:none}.bx-meter{display:flex;flex-direction:column-reverse;gap:2px;width:7px;height:130px;pointer-events:none}.bx-meter i{flex:1;border-radius:1.5px;background:var(--seg, #5ad69a);opacity:clamp(.12,calc((var(--m) - var(--i)) * 18),1)}.bx-meter i:nth-last-child(-n+3){background:var(--seg-hot, #f3c04a)}.bx-meter i:last-child{background:var(--seg-peak, #f2583c)}.mr{--a: #6fb6ff;--b: #ff9f5a}.mr-body{display:grid;grid-template-columns:minmax(0,1fr) 290px minmax(0,1fr);gap:14px;align-items:stretch;padding:4px 0 10px}.mr-player{--acc: var(--a);position:relative;display:grid;grid-template-rows:auto auto 1fr auto;gap:12px;padding:14px 16px 16px;border-radius:18px;background:linear-gradient(180deg,#23272e,#191c21 40%,#131519);box-shadow:0 30px 50px #0000008c,inset 0 1px #ffffff1a,inset 0 0 0 1px #ffffff0d}.mr-player--b{--acc: var(--b)}.mr-player:before{content:"";position:absolute;inset:6px;border-radius:14px;border:1px solid rgba(255,255,255,.04);pointer-events:none}.mr-top{display:flex;align-items:center;justify-content:space-between}.mr-brand{font:700 13px/1 var(--mono);letter-spacing:.14em;color:#aab3bf}.mr-brand b{margin-left:6px;color:var(--acc)}.mr .mr-load,.mr .mr-small,.mr .mr-browse{padding:0 12px;border-radius:7px;background:linear-gradient(180deg,#343a43,#23272e);box-shadow:0 2px #0b0c0f,inset 0 1px #ffffff24;font:600 calc(11px / var(--z, 1))/1 var(--mono);letter-spacing:.08em;color:#dfe5ec}.mr .mr-load{min-height:30px}.mr-screen{display:grid;gap:8px;padding:12px 12px 10px;border-radius:12px;background:radial-gradient(120% 140% at 10% 0%,#142236,#0a0f18 55%,#070a10);box-shadow:inset 0 0 0 1px #6fb6ff2e,inset 0 10px 30px #00000080}.mr-player--b .mr-screen{box-shadow:inset 0 0 0 1px #ff9f5a33,inset 0 10px 30px #00000080}.mr-track{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px}.mr-thumb{width:40px;height:40px;border-radius:6px;background-size:cover;background-position:center;box-shadow:0 0 0 1px #ffffff26}.mr-id{display:grid;gap:3px;min-width:0}.mr-title{overflow:hidden;font:600 calc(15px / var(--z, 1))/1.15 var(--sans);white-space:nowrap;text-overflow:ellipsis}.mr-sub{font:500 calc(10.5px / var(--z, 1))/1 var(--mono);letter-spacing:.06em;color:#8f9cad;text-transform:uppercase}.mr-big{display:grid;justify-items:end;color:var(--acc)}.mr-big b{font:600 calc(24px / var(--z, 1))/1 var(--mono);letter-spacing:-.02em}.mr-big small{font:600 calc(10px / var(--z, 1))/1.2 var(--mono);letter-spacing:.12em;color:#8f9cad}.mr-wave{width:100%;height:58px;border-radius:6px;background:#ffffff08}.mr-stats{display:flex;align-items:flex-end;gap:14px}.mr-stats>span:not(.mr-beat){display:grid;gap:2px}.mr-stats small{font:600 calc(9.5px / var(--z, 1))/1 var(--mono);letter-spacing:.1em;color:#7f8a99}.mr-stats b{font:600 calc(14px / var(--z, 1))/1 var(--mono);color:#e7eef7}.mr-beat{display:flex;gap:4px;margin-left:auto;align-self:center}.mr-beat i{width:14px;height:6px;border-radius:2px;background:#ffffff1a}.mr-beat[data-beat="0"] i[data-n="0"],.mr-beat[data-beat="1"] i[data-n="1"],.mr-beat[data-beat="2"] i[data-n="2"],.mr-beat[data-beat="3"] i[data-n="3"]{background:var(--acc);box-shadow:0 0 8px var(--acc)}.mr-beat[data-beat="0"] i[data-n="0"]{background:#fff}.mr-seek{--th: 18px;--capw: 4px;--caph: 18px;--capbg: var(--acc);--slot: rgba(255, 255, 255, .08);--fill: color-mix(in srgb, var(--acc) 45%, transparent)}.mr-seek .bx-name{color:#7f8a99;font-size:calc(9.5px / var(--z, 1))}.mr-seek>.bx-val{display:none}.mr-seek .bx-cap{box-shadow:0 0 8px var(--acc)}.mr-seek .bx-cap:after{display:none}.mr-mid{display:grid;grid-template-columns:70px 1fr 56px;align-items:center;gap:8px}.mr-side{display:grid;gap:6px;align-content:center}.mr-group{display:block;font:600 calc(9.5px / var(--z, 1))/1.2 var(--mono);letter-spacing:.1em;color:#8e98a6}.mr-group small{font-size:inherit;color:#687280}.mr-jump,.mr-loops{display:grid;grid-template-columns:1fr 1fr;gap:5px}.mr .mr-small{min-width:0;min-height:30px;padding:0 4px}.mr .mr-loop[aria-pressed=true]{background:linear-gradient(180deg,#3b4b24,#283317);color:#d8ff9a;box-shadow:0 2px #0b0c0f,0 0 12px #b5ff5a59,inset 0 1px #fff3}.mr .mr-exit{min-height:28px;margin-top:2px;color:#aab3bf}.mr-jog{position:relative;justify-self:center;width:210px;aspect-ratio:1;border-radius:50%;cursor:grab;touch-action:none;background:radial-gradient(circle,#2a2e35 0 63%,#15171b 64% 100%);box-shadow:0 14px 26px #000000a6,inset 0 2px 1px #ffffff1f,inset 0 -3px 6px #0009}.mr-jog:active{cursor:grabbing}.mr-ring{position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(rgba(255,255,255,.12) 0 1.2deg,transparent 1.2deg 5deg);-webkit-mask:radial-gradient(closest-side,transparent 86%,#000 87%,#000 97%,transparent 98%);mask:radial-gradient(closest-side,transparent 86%,#000 87%,#000 97%,transparent 98%)}.mr-player--a .mr-jog{--lvl: var(--d0-meter, 0)}.mr-player--b .mr-jog{--lvl: var(--d1-meter, 0)}.mr-jog:before{content:"";position:absolute;inset:11%;border-radius:50%;box-shadow:0 0 0 2px color-mix(in srgb,var(--acc) 70%,transparent),0 0 calc(6px + var(--lvl) * 30px) color-mix(in srgb,var(--acc) 60%,transparent);opacity:calc(.45 + var(--lvl) * 1.6);pointer-events:none}.mr-platter{position:absolute;inset:13%;border-radius:50%;background:radial-gradient(circle,#0d0e10 0 30%,transparent 31%),repeating-radial-gradient(circle,#16181b 0 2px,#1d2024 2px 3px);box-shadow:inset 0 0 0 1px #ffffff0f}.mr-label{position:absolute;inset:31%;border-radius:50%;background-size:cover;background-position:center;box-shadow:0 0 0 3px #0b0c0e}.mr-mark{position:absolute;left:calc(50% - 2px);top:4%;width:4px;height:13%;border-radius:2px;background:var(--acc);box-shadow:0 0 8px var(--acc)}.mr-jog-time{position:absolute;left:50%;bottom:20%;translate:-50% 0;padding:3px 7px;border-radius:5px;background:#05070ad9;font:600 calc(12px / var(--z, 1))/1 var(--mono);color:var(--acc);pointer-events:none}.mr-jog[data-held=true]{box-shadow:0 14px 26px #000000a6,inset 0 0 0 3px var(--acc),0 0 0 4px color-mix(in srgb,var(--acc) 35%,transparent)}.mr-jog:focus-visible{outline-offset:6px}.mr-tempo{display:grid;justify-items:center;gap:8px}.mr .mr-sync{width:56px}.mr .mr-sync:active,.mr .mr-small:active{translate:0 1px}.mr-pitch{--sh: 176px;--sw: 54px;--capw: 40px;--caph: 18px;--fill: color-mix(in srgb, var(--acc) 50%, transparent)}.mr-pitch .bx-name{color:#8e98a6}.mr-bottom{display:grid;grid-template-columns:auto 1fr;align-items:end;gap:14px}.mr-transport{display:flex;gap:10px}.mr .mr-round{width:62px;height:62px;border-radius:50%;background:radial-gradient(circle at 40% 30%,#3a3f47,#1a1d22 70%);box-shadow:0 6px 12px #0009,inset 0 1px #ffffff26,0 0 0 2px #0c0d10;font:700 calc(12px / var(--z, 1))/1 var(--mono);letter-spacing:.1em}.mr .mr-cue{color:#ffcf6a;box-shadow:0 6px 12px #0009,inset 0 1px #ffffff26,0 0 0 2px #0c0d10,inset 0 0 0 2px #ffcf6a8c}.mr .mr-play{color:#8ef0a7;box-shadow:0 6px 12px #0009,inset 0 1px #ffffff26,0 0 0 2px #0c0d10,inset 0 0 0 2px #8ef0a780}.mr .mr-play[aria-pressed=true]{box-shadow:0 6px 12px #0009,0 0 0 2px #0c0d10,inset 0 0 0 3px #8ef0a7,0 0 18px #8ef0a773}.mr .mr-play b{font:700 calc(14px / var(--z, 1))/1 var(--sans);letter-spacing:-.02em}.mr-pads{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.mr-pads .mr-group{grid-column:1 / -1}.mr .mr-pad{--pc: #ff5d6c;min-height:40px;border-radius:8px;background:linear-gradient(180deg,#2b2f36,#1d2026);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--pc) 45%,transparent),0 3px #0b0c0f;font:700 calc(12px / var(--z, 1))/1 var(--mono);color:color-mix(in srgb,var(--pc) 80%,white)}.mr .mr-pad--1{--pc: #ffb84a}.mr .mr-pad--2{--pc: #4ad6a0}.mr .mr-pad--3{--pc: #7aa8ff}.mr .mr-pad[data-assigned=true]{background:linear-gradient(180deg,color-mix(in srgb,var(--pc) 70%,#222),color-mix(in srgb,var(--pc) 45%,#111));color:#0b0c0f;box-shadow:0 0 14px color-mix(in srgb,var(--pc) 45%,transparent),0 3px #0b0c0f}.mr-mixer{position:relative;display:grid;grid-template-rows:auto 1fr auto;gap:8px;padding:12px 12px 14px;border-radius:16px;background:linear-gradient(180deg,#1d2025,#121418);box-shadow:0 30px 50px #0000008c,inset 0 1px #ffffff14,inset 0 0 0 1px #ffffff0d}.mr-mixer-top{display:flex;align-items:center;justify-content:space-between;padding:0 2px 8px;border-bottom:1px solid rgba(255,255,255,.07);font:700 13px/1 var(--mono);letter-spacing:.16em;color:#dfe5ec}.mr-mixer-top small{font:600 10px var(--mono);letter-spacing:.1em;color:#7f8a99}.mr-strips{display:grid;grid-template-columns:1fr 86px 1fr;gap:4px}.mr-ch,.mr-center{display:grid;justify-items:center;align-content:start;gap:3px}.mr-ch{--dial: 28px;--dial-w: 60px;gap:0}.mr-ch .bx-dial{gap:4px;padding-top:7px}.mr-ch-name{font:700 14px/1 var(--mono);color:var(--a)}.mr-ch--b .mr-ch-name{color:var(--b)}.mr-ch .bx-dial{--ring: #c8d3e0}.mr-ch .mr-color{--ring: #8be0d3}.mr-ch .mr-send{--ring: #c9a2ff}.mr .mr-cue-ch{min-width:52px;min-height:28px;margin:2px 0;border-radius:6px;background:linear-gradient(180deg,#343a43,#23272e);box-shadow:0 2px #0b0c0f,inset 0 1px #ffffff24;font:700 calc(11px / var(--z, 1))/1 var(--mono);letter-spacing:.1em;color:#ffd76a}.mr .mr-cue-ch[aria-pressed=true]{background:#ffd76a;color:#201a06;box-shadow:0 0 12px #ffd76a80,0 2px #0b0c0f}.mr-fader-row{display:flex;align-items:flex-end;gap:6px}.mr-fader-row .bx-slide--v{--sh: 132px;--sw: 46px}.mr-meter{height:112px;margin-bottom:2px}.mr-center{--dial: 30px;padding-top:16px;gap:4px}.mr-center .bx-dial{--ring: #c8d3e0}.mr-master{--dial: 42px !important;--ring: #ffe1a3 !important}.mr-master-meters{display:flex;gap:3px;margin:2px 0 6px}.mr-mm{height:70px;width:6px}.mr .mr-rec{min-width:64px;min-height:30px;margin-top:6px;border-radius:6px;background:linear-gradient(180deg,#3a2226,#24161a);box-shadow:0 2px #0b0c0f,inset 0 1px #ffffff1f;font:700 calc(11px / var(--z, 1))/1 var(--mono);color:#ff8a7a}.mr .mr-rec[aria-pressed=true]{background:#ff5a48;color:#1c0805;box-shadow:0 0 14px #ff5a4899}.mr-rec-time{font:600 calc(11px / var(--z, 1))/1 var(--mono);color:#8f9cad}.mr-xf{padding:6px 10px 0;border-top:1px solid rgba(255,255,255,.07)}.mr-xfader{--th: 34px;--capw: 26px;--caph: 34px}.mr-xfader .bx-name{color:#8e98a6}.mr .mr-browse{min-height:28px;padding:0 12px}.mr .bx-key:hover{filter:brightness(1.15)}.instrument.lm{color:var(--ink)}.lm{--wood: #6b4528;--wood-dark: #3f2717;--linen: #efe4cf;--ink: #3a2a1c;--brass: #e2b964;--t0: #d65a42;--t1: #e7ae47;--t2: #8db9a6;--t3: #cf7fb0;--t4: #6f90cc;--t5: #ad8bd8;--t6: #e2cf62;--t7: #5fc0c4;color:var(--ink)}.lm-body{display:grid;grid-template-columns:214px 1fr 214px;gap:14px;align-items:stretch;padding:4px 0 10px}.lm-deck,.lm-frame{position:relative;border-radius:16px;box-shadow:0 28px 46px #00000080,inset 0 1px #ffffff40}.lm-deck{display:grid;align-content:start;gap:12px;padding:14px;background:linear-gradient(180deg,#f3e9d6,#e4d4b7)}.lm-deck:before{content:"";position:absolute;inset:0;border-radius:inherit;background:repeating-linear-gradient(0deg,rgba(90,60,30,.05) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(90,60,30,.04) 0 1px,transparent 1px 3px);pointer-events:none}.lm-head{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:8px}.lm-letter{font:600 calc(22px / var(--z, 1))/1 var(--serif);color:var(--wood)}.lm-reel{position:relative;width:58px;height:58px;border-radius:50%;background:radial-gradient(circle,#2c1d12 0 18%,#8a5a34 19% 24%,#2c1d12 25%);box-shadow:0 4px 8px #3c230f73}.lm-reel-disc{position:absolute;inset:4px;border-radius:50%;background:repeating-radial-gradient(circle,#1a1410 0 1.5px,#261d16 1.5px 2.5px)}.lm-label{position:absolute;inset:30%;border-radius:50%;background-size:cover;background-position:center}.lm-id{grid-column:1 / -1;display:grid;gap:3px;min-width:0}.lm-id b{overflow:hidden;font:600 calc(15px / var(--z, 1))/1.15 var(--serif);white-space:nowrap;text-overflow:ellipsis}.lm-id>span{font:500 calc(11px / var(--z, 1))/1 var(--mono);color:#6d5640}.lm-progress{display:block;height:4px;border-radius:2px;background:#3c281426;overflow:hidden}.lm-progress i{display:block;width:calc(var(--p) * 100%);height:100%;background:var(--wood)}.lm-keys{display:grid;grid-template-columns:1fr 1fr;gap:6px}.lm .lm-keys .bx-key{min-height:34px;border-radius:8px;background:#fbf5ea;box-shadow:0 2px #b9a17c,inset 0 0 0 1px #50371e33;font:700 calc(11px / var(--z, 1))/1 var(--mono);letter-spacing:.08em;color:var(--ink)}.lm .lm-keys .lm-play[aria-pressed=true]{background:#2f6d4f;color:#f3f8f1;box-shadow:0 2px #183a29,0 0 12px #2f6d4f73}.lm-tempo{--th: 30px;--slot: rgba(60, 40, 20, .25);--capbg: linear-gradient(180deg, #8a5a34, #5a3820);--fill: rgba(107, 69, 40, .45)}.lm-tempo .bx-name,.lm-tempo>.bx-val{color:#6d5640}.lm-row{display:grid;grid-template-columns:auto auto 1fr;align-items:end;gap:4px}.lm .lm-deck .bx-dial{--dial: 32px;--dial-w: 56px;--cap: radial-gradient(circle at 35% 28%, #a77349, #4a2c17 70%);--ring: var(--wood);--ring-off: rgba(60, 40, 20, .18)}.lm .lm-deck .bx-name{color:#5e4630}.lm-level{display:flex;align-items:flex-end;justify-content:flex-end;gap:5px}.lm-level .bx-slide--v{--sh: 118px;--sw: 44px;--slot: rgba(60, 40, 20, .3);--capbg: linear-gradient(180deg, #8a5a34, #5a3820)}.lm-level .bx-name{color:#5e4630}.lm-meter{height:96px;--seg: #4f9b6f}.lm-frame{display:grid;grid-template-rows:auto 1fr auto;gap:10px;padding:14px 16px;background:linear-gradient(90deg,rgba(0,0,0,.18),transparent 3%,transparent 97%,rgba(0,0,0,.18)),repeating-linear-gradient(92deg,#6e4729 0 7px,#66412a 7px 11px,#73492b 11px 19px),var(--wood);color:#f6ead2}.lm-frame:after{content:"";position:absolute;inset:7px;border-radius:11px;border:1px solid rgba(255,220,160,.14);pointer-events:none}.lm-top{display:flex;align-items:center;gap:8px}.lm-brand{margin-right:auto;font:600 calc(17px / var(--z, 1))/1 var(--serif);letter-spacing:.06em;color:var(--brass);text-shadow:0 1px 0 rgba(0,0,0,.5)}.lm-brand small{margin-left:6px;font:600 calc(10px / var(--z, 1)) var(--mono);letter-spacing:.12em;color:#d8c29a}.lm .lm-top .bx-key{min-height:32px;padding:0 12px;border-radius:8px;background:linear-gradient(180deg,#f1dfb7,#cfb27b);box-shadow:0 2px #4a2f1a,inset 0 1px #fff9;font:700 calc(11px / var(--z, 1))/1 var(--mono);letter-spacing:.1em;color:#3a2a1c}.lm .lm-run{gap:0}.lm .lm-run>span{display:inline-flex;align-items:center;gap:7px}.lm .lm-run i{width:0;height:0;border-left:8px solid currentColor;border-block:5px solid transparent}.lm .lm-run[aria-pressed=true]{background:linear-gradient(180deg,#4f9b6f,#2f6d4f);color:#f3f8f1;box-shadow:0 2px #183a29,0 0 14px #4f9b6f8c}.lm .lm-run[aria-pressed=true] i{width:9px;height:9px;border:0;background:currentColor;border-radius:1px}.lm .lm-lock[aria-pressed=false]{background:#fff0d226;color:#e7d6b6;box-shadow:inset 0 0 0 1px #ffe6b459}.lm-clock{display:grid;justify-items:end;min-width:108px;padding:4px 10px;border-radius:8px;background:#20140b;box-shadow:inset 0 1px 4px #000000b3}.lm-clock b{font:600 calc(17px / var(--z, 1))/1 var(--mono);color:var(--brass)}.lm-clock small{font:500 calc(9.5px / var(--z, 1))/1.3 var(--mono);letter-spacing:.04em;color:#b99e73;white-space:nowrap}.lm .lm-clear{background:#fff0d226!important;color:#e7d6b6!important;box-shadow:inset 0 0 0 1px #ffe6b459!important}.lm-grid{display:grid;align-content:center;gap:5px;padding:10px 10px 12px;border-radius:10px;background:linear-gradient(180deg,#f2e8d4,#e7d8bc);box-shadow:inset 0 2px 10px #50321459;color:var(--ink)}.lm-ruler,.lm-thread{display:grid;grid-template-columns:58px repeat(16,1fr) 26px;align-items:center;column-gap:4px}.lm-ruler i{font:600 calc(10px / var(--z, 1))/1 var(--mono);font-style:normal;text-align:center;color:#9b8466}.lm-ruler i[data-now]{color:var(--wood-dark)}.lm-thread{position:relative}.lm-thread:before{content:"";position:absolute;left:62px;right:30px;top:calc(50% - 1px);height:2px;border-radius:1px;background:var(--thread);opacity:.5}.lm .lm-voice{position:relative;min-width:0;min-height:26px;padding:0 6px;border-radius:6px;background:#fbf5ea;box-shadow:0 1px #b9a17c,inset 3px 0 0 var(--thread);font:700 calc(10px / var(--z, 1))/1 var(--mono);letter-spacing:.06em;color:var(--ink);justify-items:start}.lm .lm-voice:active,.lm .lm-voice[data-hit]{background:var(--thread)}.lm .lm-peg{position:relative;z-index:1;justify-self:center;width:24px;min-width:0;height:24px;min-height:0;border-radius:50%;background:radial-gradient(circle at 38% 32%,#fff8ea,#d9c4a0 70%);box-shadow:0 2px 2px #50321459,inset 0 -1px 1px #50321440;transition:transform .08s}.lm .lm-peg--beat{box-shadow:0 2px 2px #50321459,inset 0 -1px 1px #50321440,0 0 0 2px #6b452847}.lm .lm-peg:hover{transform:scale(1.1)}.lm .lm-peg[aria-pressed=true]{background:radial-gradient(circle at 38% 32%,color-mix(in srgb,var(--thread) 55%,white),var(--thread) 72%);box-shadow:0 2px 3px #3c1e0a73,inset 0 -1px 1px #0003}.lm .lm-peg[data-now]{transform:scale(1.12);box-shadow:0 0 0 3px var(--brass),0 2px 3px #3c1e0a73}.lm .lm-peg[aria-pressed=true][data-now]{box-shadow:0 0 0 3px var(--brass),0 0 16px var(--thread)}.lm .lm-mute{justify-self:end;width:20px;min-width:0;height:20px;min-height:0;border-radius:50%;background:var(--thread);box-shadow:inset 0 0 0 2px #ffffff80,0 1px 2px #3c1e0a66}.lm .lm-mute[aria-pressed=true]{background:#fbf5ea;box-shadow:inset 0 0 0 2px var(--thread)}.lm .lm-mute[aria-pressed=true]:after{content:"";position:absolute;left:3px;right:3px;top:calc(50% - 1px);height:2px;background:var(--thread);rotate:-45deg}.lm-thread:has(.lm-mute[aria-pressed=true]) .lm-peg{opacity:.4}.lm-knobs{display:flex;align-items:flex-end;gap:4px}.lm .lm-knobs .bx-dial{--dial: 34px;--dial-w: 62px;--cap: radial-gradient(circle at 35% 28%, #f2deb4, #a77a43 72%);--mark: #3a2a1c;--ring: var(--brass);--ring-off: rgba(255, 230, 180, .16)}.lm .lm-knobs .bx-name{color:#e7d6b6}.lm-gap{flex:1}.lm-xfader{width:170px;--th: 30px;--capw: 22px;--caph: 30px;--slot: #20140b;--capbg: linear-gradient(180deg, #f2deb4, #a77a43)}.lm-xfader .bx-name,.lm-xfader>.bx-val{color:#e7d6b6}.lm .lm-browse{min-height:32px;margin-left:6px;padding:0 12px;border-radius:8px;background:#fff0d226;box-shadow:inset 0 0 0 1px #ffe6b459;font:700 calc(11px / var(--z, 1))/1 var(--mono);letter-spacing:.08em;color:#f1e2c2}.bx-scene .s-glow{opacity:calc(.45 + var(--master-meter, 0) * .55)}@media (prefers-reduced-motion: reduce){.bx-scene .s-glow{opacity:.7}.lm .lm-peg,.bx-val{transition:none}.lm .lm-peg[data-now],.lm .lm-peg:hover{transform:none}}.equipment-card-copy small{font-size:12px}.equipment-card-copy>span{font-size:14px}.equipment-card[aria-disabled=true]{opacity:.5;cursor:not-allowed}.equipment-help b{color:#ffd59a}.equipment-group{grid-column:1 / -1;display:flex;align-items:baseline;gap:12px;margin:14px 0 -4px;font:400 21px/1.2 Fraunces,Georgia,serif}.equipment-group:first-child{margin-top:0}.equipment-group small{color:#c9bea8;font:400 14px DM Sans,sans-serif}.audience-floor{position:relative;z-index:2;width:min(1180px,100%);margin:16px 0 26px;padding:20px 22px 22px;border:1px solid #e8d3ac33;border-radius:14px;background:#0f1216ee;color:#efe6d6;font:16px/1.5 DM Sans,sans-serif;--stage-scale: 1}.aud-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.aud-kicker{margin:0;font:600 12px/1.2 IBM Plex Mono,monospace;letter-spacing:.14em;color:#e2c18b}.aud-head h2{margin:4px 0 0;font:500 30px/1.15 Fraunces,serif}.aud-head h2:focus{outline:none}.aud-back{flex:none;min-height:44px;padding:0 16px;border:1px solid #e2c18b88;border-radius:30px;background:#e2c18b18;font:500 15px DM Sans,sans-serif}.audience-floor{container-type:inline-size}.aud-stage{--hz: .2;position:relative;container:aud-stage / size;width:100%;height:max(50cqw,min(56.25cqw,76svh));min-height:300px;margin:16px 0 12px;border-radius:10px;overflow:hidden;background:url(art/audience-room.webp) 50% 0 / auto 100% no-repeat,linear-gradient(#08090f,#141019 55%,#1c1410)}.aud-lights{position:absolute;inset:0;background:radial-gradient(40% 70% at 22% 0,rgb(255 170 80 / calc(.04 + var(--aud-energy, 0) * .24)),transparent 70%),radial-gradient(40% 70% at 78% 0,rgb(80 200 210 / calc(.03 + var(--aud-energy, 0) * .22)),transparent 70%),linear-gradient(#0000 55%,#0a0d1044)}.aud-floorlight{position:absolute;left:-25%;right:-25%;top:34%;height:80%;transform:perspective(420px) rotateX(58deg);transform-origin:50% 0;mix-blend-mode:screen;pointer-events:none;background:radial-gradient(22% 30% at 36% 46%,rgb(255 178 96 / calc(var(--aud-energy, 0) * .26)),transparent 70%),radial-gradient(20% 26% at 64% 58%,rgb(92 200 210 / calc(var(--aud-energy, 0) * .2)),transparent 70%)}.aud-crowd{position:absolute;inset:0}.aud-fig{--tile: calc((var(--fy) - var(--hz)) * var(--s) / .9 * 100cqh);position:absolute;left:calc(var(--x) * 100%);top:calc(var(--fy) * 100cqh - var(--tile) * .96);width:var(--tile);height:var(--tile);margin-left:calc(var(--tile) / -2);transform-origin:50% 96%;will-change:translate,rotate}@container aud-stage (aspect-ratio < 1.25){.aud-fig{left:calc(var(--xn) * 100%)}}.aud-fig:before{content:"";position:absolute;left:22%;right:22%;top:93%;height:6%;border-radius:50%;background:radial-gradient(closest-side,rgb(0 0 0 / .55),transparent)}.aud-fig:after{content:"";position:absolute;inset:0;background:url(/art/audience-dancers.png) no-repeat;background-size:400% 200%;background-position:calc(var(--col) * 100% / 3) calc(var(--row) * 100%);scale:var(--flip) 1;filter:brightness(var(--lum)) saturate(var(--sat))}.aud-fig[data-fore]:after{filter:brightness(var(--lum)) saturate(var(--sat)) contrast(1.06)}.aud-near{position:absolute;inset:0;z-index:180;pointer-events:none;background:linear-gradient(#0000 64%,#0a070580),linear-gradient(90deg,#08060559,#0000 14% 86%,#08060559)}.aud-near:after{content:"";position:absolute;left:0;right:0;bottom:0;height:max(10px,3.2%);background:linear-gradient(#3a2618,#150d08);border-top:1px solid #e2c18b40;box-shadow:0 -10px 24px #00000073}.audience-floor:not([data-art=ready]) .aud-crowd{display:none}.aud-missing{display:none;position:absolute;z-index:200;left:10%;right:10%;top:40%;margin:0;text-align:center;font:500 16px/1.5 DM Sans,sans-serif;color:#e8dcc4}.audience-floor[data-art=missing] .aud-missing{display:block}.aud-level{position:absolute;z-index:200;right:12px;top:14px;bottom:14px;width:10px;border-radius:5px;background:#ffffff14;overflow:hidden}.aud-level i{position:absolute;left:0;right:0;bottom:0;height:calc(var(--aud-energy, 0) * 100%);background:linear-gradient(#f3c26b,#5cc7c9)}.aud-caption{min-height:24px;margin:0 0 16px;font:500 16px/1.5 DM Sans,sans-serif;color:#f3e6cc}.aud-panel{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:18px}.aud-briefs{display:grid;gap:8px;margin:0;padding:0;border:0}.aud-briefs legend{margin-bottom:8px;padding:0;font:600 14px DM Sans,sans-serif;color:#e2c18b}.aud-brief{display:flex;gap:10px;padding:12px;border:1px solid #e8d3ac30;border-radius:8px;cursor:pointer}.aud-brief input{margin-top:5px;accent-color:#e2c18b}.aud-brief b{display:block;font:600 16px/1.3 DM Sans,sans-serif}.aud-brief span span{display:block;margin-top:2px;font-size:16px;line-height:1.45;color:#cfc4b0}.aud-brief:has(input:checked){border-color:#e2c18b;background:#e2c18b14}.aud-brief:has(input:focus-visible){outline:2px solid #f8d69a;outline-offset:2px}.aud-readout{display:grid;gap:8px;align-content:start;margin:0}.aud-readout div{padding:10px 12px;border-radius:8px;background:#ffffff08}.aud-readout dt{font:600 12px/1.2 IBM Plex Mono,monospace;letter-spacing:.1em;text-transform:uppercase;color:#e2c18b}.aud-readout dd{margin:4px 0 0;font:500 15px/1.4 DM Sans,sans-serif}.aud-note{margin:14px 0 0;font-size:16px;line-height:1.5;color:#bfb6a6}.app[data-mode=audience] .world-caption{display:none}@media (max-width: 760px){.audience-floor{padding:16px 14px;border-radius:10px}.aud-head h2{font-size:24px}.aud-stage{height:max(50cqw,min(118cqw,66svh));min-height:320px}.aud-panel{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.setup-change{transition:none}.aud-fig{translate:none!important;rotate:none!important}.aud-fig:after{filter:brightness(calc(var(--lum) * (.6 + var(--aud-energy, 0) * .4))) saturate(var(--sat))}}.first-night{position:fixed;z-index:34;right:16px;top:88px;width:min(430px,calc(100% - 32px));max-height:calc(100dvh - 104px);overflow:auto;overscroll-behavior:contain;padding:16px 20px 14px;border:1px solid #e7c58e66;border-radius:12px;background:#172024f7;color:#eee3cf;box-shadow:0 18px 60px #000a;backdrop-filter:blur(18px);font:16px/1.5 DM Sans,sans-serif}.first-night button{font:inherit;color:inherit;cursor:pointer}.first-night button:disabled{opacity:.45;cursor:not-allowed}.first-night :focus-visible{outline:2px solid #f5d9a4;outline-offset:3px}.fn-head{display:flex;align-items:flex-start;gap:6px}.fn-head>div{flex:1}.fn-kicker{margin:0;font:600 12px/1.2 IBM Plex Mono,monospace;letter-spacing:.14em;color:#e2c18b}.fn-head h2{margin:4px 0 0;font:500 26px/1.15 Fraunces,serif}.fn-head h2:focus{outline:none}.fn-close{width:44px;height:44px;border:0;background:none;font-size:26px!important;line-height:1}.fn-head>div{min-width:0}.fn-head .fn-close{flex:none}.fn-close.fn-min-btn{width:auto;min-width:44px;max-width:9.5em;height:auto;min-height:44px;padding:4px 10px;border:1px solid currentColor;border-radius:6px;font-size:14px!important;line-height:1.15;white-space:normal}.first-night h3{margin:14px 0 8px;font:500 21px/1.25 Fraunces,serif}.first-night h3:focus{outline:none}.first-night h4{margin:0 0 6px;font:600 16px/1.3 DM Sans,sans-serif}.fn-lede{margin:12px 0}.fn-quote{margin:12px 0;padding:12px 14px;border-left:3px solid #e2c18b;background:#e2c18b10;font:italic 17px/1.5 Fraunces,serif}.fn-quote cite{display:block;margin-top:6px;font: 14px DM Sans,sans-serif;color:#cbbd9f}.fn-steps{margin:12px 0;padding-left:22px;font-size:16px}.fn-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.fn-actions button,.fn-linkbutton{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid #e2c18b66;border-radius:8px;background:#e2c18b12;font-size:15px;text-decoration:none;color:inherit}.first-night .fn-primary{border-color:#e7c98d;background:#e7c98d;color:#1f2629;font-weight:600}.fn-small{margin:8px 0;font-size:16px;line-height:1.5;color:#c9bea8}.fn-chosen{display:grid;gap:6px;margin:10px 0;padding:0;list-style:none}.fn-chosen li{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid #ffffff14;border-radius:8px}.fn-art{flex:none;width:44px;height:44px;border-radius:3px;background-size:cover;background-position:center}.fn-chosen b,.fn-crate b{display:block;font-size:15px;font-weight:600}.fn-chosen small,.fn-crate small{display:block;font-size:13px;color:#c2b8a4}.fn-order{display:flex;gap:4px;margin-left:auto}.fn-order button{width:40px;height:40px;border:1px solid #ffffff22;border-radius:6px;background:#ffffff08}.fn-crate summary{display:flex;align-items:center;min-height:44px;cursor:pointer;font-size:15px}.fn-crate ul{display:grid;gap:2px;max-height:320px;margin:0;padding:0;overflow:auto;list-style:none}.fn-crate li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 4px;border-bottom:1px solid #ffffff10}.fn-crate li button{flex:none;min-height:40px;padding:0 12px;border:1px solid #e2c18b55;border-radius:6px;background:#e2c18b10;font-size:14px}.fn-rig{margin:10px 0;padding:10px 12px;border-radius:8px;background:#ffffff08;font-size:16px}.fn-warn{color:#ffd59a}.fn-warn button,[data-live-action] button{margin-top:6px;min-height:40px;padding:0 12px;border:1px solid #ffd59a88;border-radius:6px;background:#ffd59a14;font-size:14px}.fn-plan{margin:8px 0;padding:0;list-style:none;font-size:16px}.fn-plan b{display:inline-block;width:64px;color:#e2c18b}.fn-progress{display:flex;gap:6px;margin:10px 0 0;padding:0;list-style:none}.fn-progress li{display:grid;place-items:center;width:30px;height:30px;border:1px solid #ffffff33;border-radius:50%;font:600 13px IBM Plex Mono,monospace}.fn-progress .current{border-color:#e7c98d;color:#e7c98d}.fn-progress .done{border-color:#e7c98d;background:#e7c98d;color:#1f2629}.fn-route{margin:4px 0 8px;font-size:16px}.fn-route b{color:#e2c18b}.fn-checks{display:grid;gap:10px;margin:10px 0;padding:0;list-style:none}.fn-checks li{display:grid;grid-template-columns:22px 1fr;gap:4px 8px;align-items:start}.fn-checks li>:nth-child(n+3){grid-column:2}.fn-tick{position:relative;width:18px;height:18px;margin-top:3px;border:2px solid #ffffff44;border-radius:50%}.fn-checks li.on .fn-tick{border-color:#8fd19e;background:#8fd19e}.fn-checks li.on .fn-tick:after{content:"";position:absolute;left:4px;top:1px;width:5px;height:9px;border:solid #16231a;border-width:0 2px 2px 0;rotate:45deg}.fn-checks b{font-size:15px;font-weight:600}.fn-checks small{display:block;font-size:16px;line-height:1.4;color:#cbbfa8}.fn-hints{display:flex;flex-wrap:wrap;gap:6px}.fn-hints button{min-height:36px;padding:0 10px;border:1px solid #ffffff2a;border-radius:6px;background:#ffffff0a;font-size:14px}.fn-techniques{display:flex;flex-wrap:wrap;gap:4px 14px;margin:12px 0 8px;padding:10px 12px;border:1px solid #ffffff1a;border-radius:8px}.fn-techniques legend{padding:0 4px;font-size:14px;font-weight:600;color:#e2c18b}.fn-techniques label{display:flex;align-items:center;gap:6px;min-height:40px;font-size:15px;cursor:pointer}.fn-techniques input{accent-color:#e7c98d}.fn-hint{margin:6px 0;font-size:16px}.fn-status{margin:12px 0 0;padding:10px 12px;border-radius:8px;background:#e7c98d14;font-size:16px}.fn-status:empty{display:none}.fn-lines{margin:8px 0;padding-left:20px;font-size:16px}.fn-lines li{margin:4px 0}.fn-recap{margin:12px 0;padding:12px;border:1px solid #ffffff14;border-radius:8px}.fn-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid #ffffff14;font-size:14px}.fn-coach{display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer}.fn-coach input{accent-color:#e7c98d}.fn-link{min-height:44px;border:0;background:none;text-decoration:underline;font-size:14px!important}.fn-confirm{color:#ffb38a}.first-night.fn-min .fn-body>:not(.fn-progress,.fn-status),.first-night.fn-min .fn-foot{display:none}@media (min-width: 1360px){body:has(.first-night:not([hidden])) .app{margin-right:450px}}@media (max-width: 640px){.first-night{inset:auto 8px 8px;width:auto;max-height:62dvh;padding:12px 14px}.fn-head h2{font-size:22px}.fn-close.fn-min-btn{max-width:7.5em;font-size:13px!important}}.app[data-motion=idle] .scene,.app[data-motion=idle] .scene *{animation-play-state:paused!important}@media (min-width: 900px){.equipment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}