.tpp-desk.svelte-13reusq{--dk-track:190px;--dk-pad:22px;--dk-gap:12px;--dk-radius:34px;--dk-cap-h:34px;--dk-key:36px;--dk-key-fs:17px;--dk-name-fs:11px;--dk-body:color-mix(in oklab, var(--o-plum) 44%, var(--o-ink));--dk-body-deep:color-mix(in oklab, var(--dk-body) 62%, black);--dk-bed:color-mix(in oklab, var(--dk-body) 70%, black);width:100%;padding:var(--dk-pad);border-radius:var(--dk-radius);background:radial-gradient(120% 70% at 30% 0%, color-mix(in oklab, var(--o-plum-light) 40%, transparent), transparent 60%), linear-gradient(180deg, color-mix(in oklab, var(--dk-body) 86%, white), var(--dk-body) 38%, var(--dk-body-deep));box-shadow:inset 0 2px 0 #ffffff4d, inset 0 -3px 0 #00000040, 0 14px 0 -2px var(--dk-body-deep), 0 16px 0 -2px color-mix(in oklab, black 30%, var(--dk-body-deep)), 0 44px 60px -22px color-mix(in oklab, var(--o-ink) 60%, transparent);color:var(--o-on-plum);isolation:isolate;-webkit-user-select:none;user-select:none;display:block;position:relative}@supports (color:lab(0% 0 0)){.tpp-desk.svelte-13reusq{box-shadow:inset 0 2px 0 lab(100% -.0000298023 .0000119209/.3), inset 0 -3px 0 lab(0% 0 0/.25), 0 14px 0 -2px var(--dk-body-deep), 0 16px 0 -2px color-mix(in oklab, black 30%, var(--dk-body-deep)), 0 44px 60px -22px color-mix(in oklab, var(--o-ink) 60%, transparent)}}.tpp-desk-glare.svelte-13reusq{inset:3px calc(var(--dk-radius) * .8) auto;pointer-events:none;z-index:3;background:linear-gradient(#ffffff38,#0000);background:linear-gradient(lab(100% -.0000298023 .0000119209/.22),#0000);border-radius:0 0 50% 50%;height:14px;position:absolute}.tpp-desk-top.svelte-13reusq{justify-content:space-between;align-items:center;gap:12px;margin:0 4px 16px;display:flex}.tpp-desk-brand.svelte-13reusq{letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;color:var(--o-on-plum);text-shadow:0 1px 0 color-mix(in oklab, var(--dk-body-deep) 70%, transparent);align-items:center;gap:9px;font-size:11px;font-weight:600;display:inline-flex}.tpp-desk-led.svelte-13reusq{background:color-mix(in oklab, var(--o-peach) 30%, var(--dk-bed));border-radius:50%;width:10px;height:10px;box-shadow:inset 0 1px 2px #000}.tpp-desk-led.on.svelte-13reusq{background:var(--o-peach);box-shadow:0 0 0 3px color-mix(in oklab, var(--o-peach) 25%, transparent), 0 0 14px var(--o-peach);animation:1.6s step-end infinite svelte-13reusq-tpp-desk-rec}.tpp-desk-counter.svelte-13reusq{background:var(--dk-bed);border-radius:12px;align-items:baseline;gap:8px;padding:7px 14px 6px;display:inline-flex;box-shadow:inset 0 2px 6px #000,0 1px #ffffff2e;box-shadow:inset 0 2px 6px lab(0% 0 0),0 1px lab(100% -.0000298023 .0000119209/.18)}.tpp-desk-counter.svelte-13reusq b:where(.svelte-13reusq){letter-spacing:.12em;color:var(--o-lime);text-shadow:0 0 12px color-mix(in oklab, var(--o-lime) 70%, transparent);font:700 22px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.tpp-desk.svelte-13reusq .tpp-desk-counter:where(.svelte-13reusq) small:where(.svelte-13reusq){letter-spacing:.16em;text-transform:uppercase;color:color-mix(in oklab, var(--o-on-plum) 60%, transparent);font-size:11px}.tpp-desk-bed.svelte-13reusq{gap:var(--dk-gap);border-radius:calc(var(--dk-radius) - 12px);background:repeating-linear-gradient(90deg, transparent 0 3px, #00000014 3px 4px), var(--dk-bed);grid-auto-columns:1fr;grid-auto-flow:column;padding:16px 12px 14px;display:grid;position:relative;box-shadow:inset 0 3px 10px #000000b3,0 1px #ffffff29;box-shadow:inset 0 3px 10px lab(0% 0 0/.7),0 1px lab(100% -.0000298023 .0000119209/.16)}@supports (color:lab(0% 0 0)){.tpp-desk-bed.svelte-13reusq{background:repeating-linear-gradient(90deg, transparent 0 3px, lab(0% 0 0/.08) 3px 4px), var(--dk-bed)}}.tpp-desk-strip.svelte-13reusq{border-radius:16px;grid-template-columns:auto auto;grid-template-areas:"knob knob""meter track""key key""name name";justify-content:center;align-items:end;gap:10px 7px;padding:8px 2px 6px;transition:background .3s;display:grid;position:relative}.tpp-desk-strip.is-active.svelte-13reusq{background:color-mix(in oklab, var(--tone) 12%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--tone) 40%, transparent)}.tpp-desk-knob.svelte-13reusq{background:radial-gradient(circle at 35% 30%, color-mix(in oklab, white 40%, var(--dk-body)), var(--dk-body-deep) 70%);width:26px;height:26px;transform:rotate(calc(-130deg + var(--v) * 260deg));border-radius:50%;grid-area:knob;justify-self:center;transition:transform .35s cubic-bezier(.3,1.4,.5,1);box-shadow:0 3px #00000080,0 0 0 3px #00000040;box-shadow:0 3px lab(0% 0 0/.5),0 0 0 3px lab(0% 0 0/.25)}.tpp-desk-knob.svelte-13reusq i:where(.svelte-13reusq){background:var(--tone);width:3px;height:9px;box-shadow:0 0 6px var(--tone);border-radius:2px;margin:3px auto 0;display:block}.tpp-desk-meter.svelte-13reusq{height:var(--dk-track);background:color-mix(in oklab, black 55%, var(--dk-bed));border-radius:7px;flex-direction:column-reverse;grid-area:meter;gap:3px;padding:3px;display:flex;box-shadow:inset 0 1px 3px #000}.tpp-desk-meter.svelte-13reusq i:where(.svelte-13reusq){background:color-mix(in oklab, var(--tone) 14%, var(--dk-bed));border-radius:2px;flex:1;width:8px;transition:background .18s,box-shadow .18s}.tpp-desk-meter.svelte-13reusq i.lit:where(.svelte-13reusq){background:var(--tone);box-shadow:0 0 8px color-mix(in oklab, var(--tone) 70%, transparent)}.tpp-desk-meter.svelte-13reusq i.lit.hot:where(.svelte-13reusq){background:var(--o-peach);box-shadow:0 0 9px var(--o-peach)}.tpp-desk-track.svelte-13reusq{width:38px;height:var(--dk-track);grid-area:track;position:relative}.tpp-desk-slot.svelte-13reusq{background:color-mix(in oklab, black 70%, var(--dk-bed));border-radius:6px;width:8px;margin-left:-4px;position:absolute;top:4px;bottom:4px;left:50%;box-shadow:inset 0 2px 3px #000,0 1px #ffffff24;box-shadow:inset 0 2px 3px lab(0% 0 0),0 1px lab(100% -.0000298023 .0000119209/.14)}.tpp-desk-ticks.svelte-13reusq{background:repeating-linear-gradient(180deg, color-mix(in oklab, var(--o-on-plum) 26%, transparent) 0 1px, transparent 1px calc((var(--dk-track) - 20px) / 8));pointer-events:none;position:absolute;inset:10px 0;-webkit-mask:linear-gradient(90deg,#000 0 7px,#0000 7px calc(100% - 7px),#000 calc(100% - 7px));mask:linear-gradient(90deg,#000 0 7px,#0000 7px calc(100% - 7px),#000 calc(100% - 7px))}.tpp-desk-cap.svelte-13reusq{height:var(--dk-cap-h);left:0;right:0;bottom:calc(var(--v) * (100% - var(--dk-cap-h)));background:linear-gradient(180deg, color-mix(in oklab, white 55%, var(--tone)) 0%, var(--tone) 38%, color-mix(in oklab, var(--tone) 72%, black) 100%);box-shadow:inset 0 1px 0 #ffffffb3, inset 0 -3px 0 #00000038, 0 6px 0 -1px color-mix(in oklab, var(--tone) 45%, black), 0 12px 16px -6px black;pointer-events:none;border-radius:9px;transition:bottom .28s cubic-bezier(.3,1.35,.5,1);position:absolute}@supports (color:lab(0% 0 0)){.tpp-desk-cap.svelte-13reusq{box-shadow:inset 0 1px 0 lab(100% -.0000298023 .0000119209/.7), inset 0 -3px 0 lab(0% 0 0/.22), 0 6px 0 -1px color-mix(in oklab, var(--tone) 45%, black), 0 12px 16px -6px black}}.tpp-desk-cap.svelte-13reusq i:where(.svelte-13reusq){background:color-mix(in oklab, var(--tone) 40%, black);border-radius:2px;height:3px;margin-top:-2px;position:absolute;top:50%;left:7px;right:7px;box-shadow:0 1px #ffffff80;box-shadow:0 1px lab(100% -.0000298023 .0000119209/.5)}.tpp-desk-track.svelte-13reusq input:where(.svelte-13reusq){opacity:0;cursor:grab;writing-mode:vertical-lr;touch-action:none;direction:rtl;width:max(44px,100% + 12px);height:100%;margin:0;position:absolute;top:0;left:50%;translate:-50%}.tpp-desk-track.svelte-13reusq input:where(.svelte-13reusq):active{cursor:grabbing}.tpp-desk-track.svelte-13reusq:has(input:where(.svelte-13reusq):focus-visible) .tpp-desk-cap:where(.svelte-13reusq){outline:3px solid var(--o-lime);outline-offset:3px}.tpp-desk-key.svelte-13reusq{width:var(--dk-key);height:var(--dk-key);font-size:var(--dk-key-fs);color:var(--o-ink);background:linear-gradient(180deg, color-mix(in oklab, white 45%, var(--tone)), var(--tone));box-shadow:inset 0 1px 0 #ffffffb3, 0 4px 0 color-mix(in oklab, var(--tone) 40%, black);border-radius:11px;grid-area:key;justify-self:center;place-items:center;font-weight:700;display:grid}@supports (color:lab(0% 0 0)){.tpp-desk-key.svelte-13reusq{box-shadow:inset 0 1px 0 lab(100% -.0000298023 .0000119209/.7), 0 4px 0 color-mix(in oklab, var(--tone) 40%, black)}}.tpp-desk-name.svelte-13reusq{font-size:var(--dk-name-fs);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:color-mix(in oklab, var(--o-on-plum) 70%, transparent);grid-area:name;justify-self:center}.tpp-desk[data-motion=on].svelte-13reusq .tpp-desk-meter:where(.svelte-13reusq) i.lit.peak:where(.svelte-13reusq){animation:1.1s ease-in-out infinite svelte-13reusq-tpp-desk-peak;animation-delay:calc(var(--i) * -.37s)}@keyframes svelte-13reusq-tpp-desk-peak{0%,to{opacity:1}50%{opacity:.35}}@keyframes svelte-13reusq-tpp-desk-rec{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.tpp-desk.svelte-13reusq .tpp-desk-meter:where(.svelte-13reusq) i.lit.peak:where(.svelte-13reusq),.tpp-desk.svelte-13reusq .tpp-desk-led.on:where(.svelte-13reusq){animation:none}.tpp-desk-cap.svelte-13reusq,.tpp-desk-knob.svelte-13reusq{transition:none}}.tpp-desk.size-sm.svelte-13reusq{--dk-track:116px;--dk-pad:14px;--dk-gap:4px;--dk-radius:24px;--dk-cap-h:24px;--dk-key:28px;--dk-key-fs:14px;--dk-name-fs:0px}.tpp-desk.size-sm.svelte-13reusq .tpp-desk-bed:where(.svelte-13reusq){padding:10px 6px 8px}.tpp-desk.size-sm.svelte-13reusq .tpp-desk-track:where(.svelte-13reusq){width:28px}.tpp-desk.size-sm.svelte-13reusq .tpp-desk-knob:where(.svelte-13reusq){width:18px;height:18px}.tpp-desk.size-sm.svelte-13reusq .tpp-desk-knob:where(.svelte-13reusq) i:where(.svelte-13reusq){height:6px;margin-top:2px}.tpp-desk.size-sm.svelte-13reusq .tpp-desk-meter:where(.svelte-13reusq) i:where(.svelte-13reusq){width:5px}.tpp-desk.size-sm.svelte-13reusq .tpp-desk-strip:where(.svelte-13reusq){gap:7px 4px}.tpp-desk.size-sm.svelte-13reusq .tpp-desk-name:where(.svelte-13reusq){display:none}.tpp-desk.size-sm.svelte-13reusq .tpp-desk-counter:where(.svelte-13reusq) b:where(.svelte-13reusq){font-size:16px}@media (max-width:760px){.tpp-desk.size-auto.svelte-13reusq{--dk-track:132px;--dk-pad:14px;--dk-gap:4px;--dk-radius:24px;--dk-cap-h:26px;--dk-key:30px;--dk-key-fs:14px}.tpp-desk.size-auto.svelte-13reusq .tpp-desk-bed:where(.svelte-13reusq){padding:10px 6px 8px}.tpp-desk.size-auto.svelte-13reusq .tpp-desk-track:where(.svelte-13reusq){width:30px}.tpp-desk.size-auto.svelte-13reusq .tpp-desk-knob:where(.svelte-13reusq){width:18px;height:18px}.tpp-desk.size-auto.svelte-13reusq .tpp-desk-knob:where(.svelte-13reusq) i:where(.svelte-13reusq){height:6px;margin-top:2px}.tpp-desk.size-auto.svelte-13reusq .tpp-desk-meter:where(.svelte-13reusq) i:where(.svelte-13reusq){width:5px}.tpp-desk.size-auto.svelte-13reusq .tpp-desk-strip:where(.svelte-13reusq){gap:7px 4px}.tpp-desk.size-auto.svelte-13reusq .tpp-desk-name:where(.svelte-13reusq){display:none}.tpp-desk.size-auto.svelte-13reusq .tpp-desk-counter:where(.svelte-13reusq) b:where(.svelte-13reusq){font-size:16px}}.tpp-desk-brand.svelte-13reusq:lang(hi),.tpp-desk-counter.svelte-13reusq b:where(.svelte-13reusq):lang(hi),.tpp-desk.svelte-13reusq .tpp-desk-counter:where(.svelte-13reusq) small:where(.svelte-13reusq):lang(hi),.tpp-desk-name.svelte-13reusq:lang(hi){letter-spacing:0}@media (max-width:480px){.tpp-desk-brand.svelte-13reusq{letter-spacing:.1em}.tpp-desk.svelte-13reusq .tpp-desk-counter:where(.svelte-13reusq) small:where(.svelte-13reusq){letter-spacing:.06em}}