@layer components{.tt{isolation:isolate;min-height:100svh;color:var(--ink-inv-900);background:var(--background);padding:1.25rem 1.25rem 3rem;position:relative;overflow:clip}.tt__lamp{pointer-events:none;z-index:0;background:radial-gradient(42% 48% at 36% 47%, color-mix(in oklab, var(--amber) 9%, transparent) 0%, color-mix(in oklab, var(--amber) 3%, transparent) 46%, transparent 74%);position:absolute;inset:0}.tt__dust{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.tt__dust span{top:calc(8% + (var(--i) * 4.6%));left:calc(6% + (var(--i) * 5.1%));background:color-mix(in oklab, var(--amber) 75%, white);opacity:0;width:2px;height:2px;animation:tt-drift calc(22s + (var(--i) * 1.7s)) linear infinite;animation-delay:calc(var(--i) * -1.6s);border-radius:50%;position:absolute}@keyframes tt-drift{0%{opacity:0;transform:translateY(40px)}14%{opacity:.4}86%{opacity:.26}to{opacity:0;transform:translate(26px,-180px)}}.tt__chrome{z-index:3;justify-content:space-between;align-items:center;gap:1rem;max-width:78rem;margin:0 auto 1.5rem;display:flex;position:relative}.tt__back,.tt__code{font-family:var(--font-typewriter), ui-monospace, monospace;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-inv-400);font-size:.58rem}.tt__back{transition:color var(--dur-latch) var(--ease-mechanism);align-items:center;gap:.45rem;display:inline-flex}.tt__back:hover{color:var(--ink-inv-900)}.tt__fs{aspect-ratio:1;width:2rem;color:var(--ink-inv-400);border:1px solid color-mix(in oklab, var(--gilt) 24%, transparent);transition:color var(--dur-latch) var(--ease-mechanism), border-color var(--dur-latch) var(--ease-mechanism);place-content:center;display:grid}.tt__fs:hover{color:var(--ink-inv-900);border-color:color-mix(in oklab, var(--gilt) 60%, transparent)}.tt__fs-gap{aspect-ratio:1;width:2rem}.tt__fs{z-index:4;background:color-mix(in oklab, var(--background) 86%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);position:relative}.tt__back:focus-visible,.tt__fs:focus-visible{outline:1px solid var(--amber);outline-offset:3px}.tt__stage{z-index:2;justify-items:center;gap:1.5rem;max-width:78rem;margin:0 auto;display:grid;position:relative}.tt__player{justify-items:center;gap:1.5rem;width:100%;display:grid}.tt__more{font-family:var(--font-typewriter), ui-monospace, monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-inv-400);text-underline-offset:5px;font-size:.55rem;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;display:none}.tt__more:after{content:" ↓";text-decoration:none}.tt__more:focus-visible{outline:1px solid var(--amber);outline-offset:4px}.tt__deck{aspect-ratio:1;width:min(80vw,54vh,27rem);transition:filter var(--dur-card) var(--ease-paper);place-items:center;display:grid;position:relative}.tt__deck[data-over=true]{filter:drop-shadow(0 0 14px color-mix(in oklab, var(--gilt) 55%, transparent))}.tt__mat{background:repeating-radial-gradient(circle,#191a1c 0 2px,#131416 2px 4px);border-radius:50%;position:absolute;inset:-6.5%;box-shadow:inset 0 0 0 1px #fff6dc12,inset 0 12px 30px #00000080,0 22px 48px -22px #0000008c}.tt__disc{z-index:2;--v-groove:#0b0b0b;--v-land:#16161a;--v-sheen:255, 240, 214;width:100%;position:relative}.tt__disc .disc{background:radial-gradient(circle, color-mix(in oklab, var(--v-land) 62%, black) 0 17%, transparent 17%);background-color:var(--v-land)}.tt__disc .disc:before{content:"";pointer-events:none;background:repeating-radial-gradient(circle, var(--v-groove) 0 .5px, color-mix(in oklab, var(--v-groove) 45%, var(--v-land)) 1.4px, var(--v-land) 2.4px 2.9px, color-mix(in oklab, var(--v-groove) 45%, var(--v-land)) 3.6px, var(--v-groove) 4px);filter:blur(.55px);border-radius:50%;position:absolute;inset:0}.tt__disc[data-pale=true] .disc__sheen{mix-blend-mode:multiply}.tt__disc[data-pale=true] .disc{box-shadow:0 22px 44px -14px #00000080,inset 0 0 40px #5a4e3c47,inset 0 0 0 1px #00000024,inset 0 0 0 4px #5a4e3c29}.tt__disc[data-pale=true] .disc__spindle{background:#2a251d}.tt__disc .disc__label{inset:33%;box-shadow:inset 0 0 14px #0006,0 0 0 1px #00000047,0 1px 3px #0000004d}.tt__disc .disc:after{content:"";pointer-events:none;background: radial-gradient(circle, transparent 0 35%, rgba(var(--v-sheen), .045) 35% 38.5%, transparent 38.5%),  repeating-radial-gradient(circle, rgba(var(--v-sheen), .055) 0 1px, transparent 2.5px 8px);border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 0 45%,#000 46% 47.2%,#0000 47.4%);mask:radial-gradient(circle,#0000 0 45%,#000 46% 47.2%,#0000 47.4%)}.tt__disc:before{content:"";z-index:3;pointer-events:none;background:radial-gradient(circle, transparent 0 47.4%, rgba(var(--v-sheen), .07) 47.6% 49.2%, transparent 49.5%);border-radius:50%;position:absolute;inset:0}.tt__disc .disc__sheen{background:conic-gradient(from 210deg, transparent 0deg, rgba(var(--v-sheen), .22) 16deg, rgba(var(--v-sheen), .08) 30deg, transparent 52deg, transparent 172deg, rgba(var(--v-sheen), .17) 194deg, rgba(var(--v-sheen), .06) 208deg, transparent 232deg, transparent 360deg)}.tt__disc .disc{box-shadow:0 22px 44px -14px #000000b8,inset 0 0 40px #0009,inset 0 0 0 1px #ffffff12,inset 0 0 0 4px #00000059}.tt__disc .disc__spindle{background:#0b0b0d;inset:48.6%;box-shadow:inset 0 1px 2px #000000f2,0 0 0 1px #ffffff0f}.tt__art{z-index:2;pointer-events:none;will-change:transform;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;animation:2.4s linear infinite paused disc-spin;position:absolute;inset:33%;box-shadow:inset 0 0 16px #00000080,0 0 0 1px #00000052,0 1px 3px #0000004d}.tt__disc[data-spin=true] .tt__art{animation-play-state:running}.tt__disc[data-art=true] .disc__label{opacity:0}.tt__disc[data-art=true] .disc__spindle{z-index:3}.tt__disc[data-art=true] .tt__art{-webkit-mask:radial-gradient(circle closest-side,#0000 0 8%,#000 8.7%);mask:radial-gradient(circle closest-side,#0000 0 8%,#000 8.7%)}.tt__empty{z-index:2;text-align:center;place-content:center;justify-items:center;gap:.9rem;display:grid;position:relative}.tt__empty p{max-width:14ch;font-family:var(--font-typewriter), ui-monospace, monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-inv-400);font-size:.6rem}.tt__spindle{aspect-ratio:1;background:linear-gradient(150deg, color-mix(in oklab, var(--gilt) 60%, white), var(--gilt));border-radius:50%;width:.7rem;box-shadow:0 1px 2px #00000080}.tonearm{transform-origin:90% 10%;z-index:6;width:56%;height:56%;transition:transform .42s var(--ease-paper);pointer-events:none;filter:drop-shadow(-6px 12px 9px #00000073);position:absolute;top:-6%;right:-8%}.tonearm__base{aspect-ratio:1;background:radial-gradient(circle at 38% 30%, color-mix(in oklab, var(--gilt) 26%, black), color-mix(in oklab, var(--gilt) 14%, black) 62%, #0a0a0c);border-radius:50%;width:21%;margin:-10.5% 0 0 -10.5%;position:absolute;top:10%;left:90%;box-shadow:inset 0 1px #fff6dc38,inset 0 -2px 4px #0009}.tonearm__pivot{aspect-ratio:1;background:radial-gradient(circle at 34% 28%, color-mix(in oklab, var(--gilt) 42%, white), var(--gilt) 52%, color-mix(in oklab, var(--gilt) 48%, black));border-radius:50%;width:12%;margin:-6% 0 0 -6%;position:absolute;top:10%;left:90%;box-shadow:inset 0 1px #fffae88c,inset 0 -1px 3px #0000008c}.tonearm__pivot:after{content:"";background:radial-gradient(circle at 40% 34%, color-mix(in oklab, var(--gilt) 20%, black), #08080a);border-radius:50%;position:absolute;inset:36%}.tonearm__tube{transform-origin:0;background:linear-gradient(to bottom, color-mix(in oklab, var(--gilt) 55%, black) 0%, color-mix(in oklab, var(--gilt) 30%, white) 22%, color-mix(in oklab, var(--gilt) 85%, white) 34%, var(--gilt) 58%, color-mix(in oklab, var(--gilt) 40%, black) 100%);border-radius:999px;width:86%;height:3.2%;margin-top:-1.6%;position:absolute;top:10%;left:90%;transform:rotate(142deg)}.tonearm__tube:after{content:"";background:#fffcf280;border-radius:999px;height:12%;position:absolute;top:26%;left:8%;right:14%}.tonearm__weight{background:linear-gradient(to bottom, #17171a 0%, color-mix(in oklab, var(--gilt) 22%, black) 26%, color-mix(in oklab, var(--gilt) 34%, black) 40%, #101013 100%);border-radius:18%/34%;width:14%;height:260%;position:absolute;top:50%;left:-15%;transform:translateY(-50%);box-shadow:inset -2px 0 3px #000000b3,inset 1px 0 #fff6dc29}.tonearm__weight:after{content:"";background:#fff6dc2e;width:2px;position:absolute;top:6%;bottom:6%;right:16%}.tonearm__lift{background:linear-gradient(to bottom, color-mix(in oklab, var(--gilt) 30%, white), color-mix(in oklab, var(--gilt) 55%, black));border-radius:999px;width:3%;height:210%;position:absolute;top:50%;right:13%;transform:translateY(-50%)rotate(-24deg)}.tonearm__head{transform-origin:0;clip-path:polygon(0 0,100% 12%,100% 88%,0 100%);background:linear-gradient(to bottom, color-mix(in oklab, var(--gilt) 34%, black) 0%, color-mix(in oklab, var(--gilt) 20%, white) 30%, color-mix(in oklab, var(--gilt) 26%, black) 62%, #0d0d10 100%);width:15%;height:330%;position:absolute;top:50%;right:-2%;transform:translateY(-50%)rotate(14deg)}.tonearm__cart{background:linear-gradient(to bottom, #2a2024 0%, color-mix(in oklab, var(--rust) 50%, black) 45%, #14090c 100%);border-radius:1px;width:46%;height:68%;position:absolute;top:16%;right:-26%;box-shadow:inset 0 1px #fff6dc33}.tonearm__cantilever{background:#e8e2d2bf;border-radius:999px;width:22%;height:8%;position:absolute;top:50%;right:-46%;transform:translateY(-50%)}.tonearm__stylus{background:color-mix(in oklab, var(--amber) 70%, white);clip-path:polygon(0 0,100% 0,50% 100%);width:10%;height:26%;position:absolute;top:50%;right:-50%;transform:translateY(-42%)}.tonearm__grip{cursor:grab;pointer-events:auto;touch-action:none;border-radius:50%;width:40%;height:40%;position:absolute;bottom:4%;left:0}.tonearm__grip:active{cursor:grabbing}.tonearm__grip:focus-visible{outline:1px solid var(--amber);outline-offset:-8px;border-radius:14px}.tonearm[data-disabled=true] .tonearm__grip{cursor:not-allowed}.tonearm[data-down=true] .tonearm__head{box-shadow:0 1px 2px #000c}.tt[data-spinning=true] .tonearm[data-down=true]{animation:7.4s ease-in-out infinite tt-eccentric}.tt[data-spinning=true] .tonearm[data-down=true] .tonearm__head{animation:1.1s ease-in-out infinite tt-tremble}@keyframes tt-eccentric{0%,to{rotate:-.24deg}50%{rotate:.24deg}}@keyframes tt-tremble{0%,to{rotate:none}50%{rotate:.5deg}}@media (prefers-reduced-motion:reduce){.tt[data-spinning=true] .tonearm[data-down=true],.tt[data-spinning=true] .tonearm[data-down=true] .tonearm__head{animation:none}}.tt__readout{text-align:center;gap:.4rem;max-width:40rem;display:grid}.tt__now{font-family:var(--font-display), Georgia, serif;color:var(--ink-inv-900);font-size:clamp(1.3rem,3.4vw,1.9rem);line-height:1.1}.tt__blurb{color:var(--ink-inv-600);font-size:.95rem;line-height:1.55}.tt__meta{font-family:var(--font-typewriter), ui-monospace, monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-inv-400);flex-wrap:wrap;justify-content:center;gap:.55rem;margin-top:.3rem;font-size:.58rem;display:flex}.tt__meta [data-lit=true]{color:var(--rust-on-panel)}.tt__meta a{text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.tt__meta a:hover{color:var(--ink-inv-900)}.tt__err{font-family:var(--font-typewriter), ui-monospace, monospace;letter-spacing:.04em;color:var(--rust-on-panel);font-size:.64rem}.tt__controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:.7rem;display:flex}.tt__btn{font-family:var(--font-typewriter), ui-monospace, monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--parchment-100);background:linear-gradient(to bottom, color-mix(in oklab, var(--rust) 90%, white), var(--rust));box-shadow:0 2px 0 color-mix(in oklab, var(--rust) 62%, black), 0 6px 14px -6px #00000073;transition:transform var(--dur-latch) var(--ease-mechanism), box-shadow var(--dur-latch) var(--ease-mechanism), filter var(--dur-latch) var(--ease-mechanism);padding:.7rem 1.15rem;font-size:.6rem}.tt__btn:hover:not(:disabled){filter:brightness(1.08)}.tt__btn:active:not(:disabled){box-shadow:0 0 0 color-mix(in oklab, var(--rust) 62%, black), 0 3px 8px -6px #00000073;transform:translateY(2px)}.tt__btn:disabled{opacity:.4;cursor:not-allowed}.tt__btn--ghost{color:var(--ink-inv-600);border:1px solid color-mix(in oklab, var(--gilt) 30%, transparent);box-shadow:none;background:0 0}.tt__btn--ghost:hover:not(:disabled){color:var(--ink-inv-900);border-color:color-mix(in oklab, var(--gilt) 62%, transparent);filter:none}.tt__btn:focus-visible,.tt__vol input:focus-visible{outline:1px solid var(--amber);outline-offset:3px}.tt__vol{color:var(--ink-inv-400);align-items:center;gap:.55rem;display:inline-flex}.tt__vol input{width:7rem;accent-color:var(--rust)}.tt__vol--surface input{width:5.5rem;accent-color:var(--gilt)}.tt__stock{border:0;flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;margin:0;padding:0;display:flex}.tt__stock-legend{float:left;text-align:center;width:100%;font-family:var(--font-typewriter), ui-monospace, monospace;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-inv-400);margin-bottom:.5rem;font-size:.55rem}.tt__chip-stock{border:1px solid color-mix(in oklab, var(--ink-inv-900) 16%, transparent);font-family:var(--font-typewriter), ui-monospace, monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-inv-600);cursor:pointer;transition:border-color var(--dur-card) var(--ease-paper), color var(--dur-card) var(--ease-paper);background:0 0;border-radius:2px;align-items:center;gap:.4rem;padding:.3rem .6rem .3rem .35rem;font-size:.55rem;display:inline-flex}.tt__chip-stock:hover{color:var(--ink-inv-900);border-color:color-mix(in oklab, var(--gilt) 45%, transparent)}.tt__chip-stock[aria-pressed=true]{color:var(--ink-inv-900);border-color:var(--gilt)}.tt__chip-stock:focus-visible{outline:1px solid var(--amber);outline-offset:2px}.tt__chip-swatch{aspect-ratio:1;background:radial-gradient(circle, #000 0 16%, color-mix(in oklab, var(--v-land) 62%, black) 16% 30%, transparent 30%), repeating-radial-gradient(circle, var(--v-groove) 0 1px, var(--v-land) 1px 2px);border-radius:50%;width:.85rem;box-shadow:0 0 0 1px #00000059}.tt__hint{text-align:center;max-width:34rem;font-family:var(--font-typewriter), ui-monospace, monospace;letter-spacing:.1em;color:var(--amber);margin-inline:auto;font-size:.6rem;line-height:1.7}.tt-shelf{flex-wrap:wrap;justify-content:center;gap:.9rem;padding-top:.5rem;display:flex}.tt-sleeve{text-align:left;cursor:grab;width:6.5rem;transition:transform var(--dur-card) var(--ease-paper), filter var(--dur-card) var(--ease-paper);padding-top:.9rem;position:relative}.tt-sleeve:hover,.tt-sleeve:focus-visible{transform:translateY(-6px)}.tt-sleeve:focus-visible{outline:1px solid var(--amber);outline-offset:4px}.tt-sleeve.is-dragging{filter:brightness(.75)}.tt-sleeve__disc{aspect-ratio:1;background:radial-gradient(circle,#1a1a1d 0 18%,#0000 18%),repeating-radial-gradient(circle,#0b0b0d 0 1.2px,#17171b 1.2px 2.4px);border-radius:50%;width:78%;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 3px 8px -3px #000000b3}.tt-sleeve__board{aspect-ratio:1;background-color:color-mix(in oklab, var(--sleeve-ink) 72%, black);background-image:var(--tex-hide);background-blend-mode:overlay;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--gilt) 34%, transparent), 0 8px 18px -10px #000000bf;background-size:200px;align-content:center;gap:.2rem;padding:.6rem;display:grid;position:relative}.tt-sleeve[data-active=true] .tt-sleeve__board{box-shadow:inset 0 0 0 1px var(--gilt), 0 8px 18px -10px #000000bf}.tt-sleeve__title{font-family:var(--font-display), Georgia, serif;text-transform:uppercase;color:#f5ead5;color:lab(93.1427% 1.22467 11.5578);font-size:.78rem;line-height:1.08}.tt-sleeve__sub{font-family:var(--font-typewriter), ui-monospace, monospace;letter-spacing:.18em;text-transform:uppercase;color:color-mix(in oklab, var(--gilt) 50%, white);font-size:.44rem}.tt-aux{z-index:2;background:color-mix(in oklab, var(--background) 92%, var(--gilt));max-width:34rem;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--gilt) 18%, transparent), 0 20px 44px -26px #0009;gap:.75rem;margin:3rem auto 0;padding:1.1rem 1.2rem 1.3rem;display:grid;position:relative}.tt-aux__head{border-bottom:1px solid color-mix(in oklab, var(--gilt) 18%, transparent);justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.55rem;display:flex}.tt-aux__title{font-family:var(--font-display), Georgia, serif;color:var(--ink-inv-900);font-size:1rem}.tt-aux__sub{font-family:var(--font-typewriter), ui-monospace, monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-inv-400);font-size:.55rem}.tt-aux__note{color:var(--ink-inv-600);font-size:.72rem;line-height:1.5}.tt-aux__presets{flex-wrap:wrap;gap:.4rem;display:flex}.tt-chip{font-family:var(--font-typewriter), ui-monospace, monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-inv-600);border:1px solid color-mix(in oklab, var(--gilt) 24%, transparent);transition:color var(--dur-latch) var(--ease-mechanism), border-color var(--dur-latch) var(--ease-mechanism), background var(--dur-latch) var(--ease-mechanism);align-items:center;gap:.35rem;padding:.42rem .7rem;font-size:.55rem;display:inline-flex}.tt-chip:hover:not(:disabled){color:var(--ink-inv-900);border-color:color-mix(in oklab, var(--gilt) 55%, transparent)}.tt-chip[data-active=true]{color:var(--parchment-100);background:var(--rust);border-color:var(--rust)}.tt-chip:disabled{opacity:.5;cursor:progress}.tt-chip:focus-visible,.tt-aux__input:focus-visible,.tt-aux__go:focus-visible{outline:1px solid var(--amber);outline-offset:2px}.tt-aux__paste{gap:.4rem;display:flex}.tt-aux__input{min-width:0;font-family:var(--font-typewriter), ui-monospace, monospace;color:var(--ink-inv-900);background:color-mix(in oklab, var(--void) 55%, transparent);border:1px solid color-mix(in oklab, var(--gilt) 20%, transparent);flex:1;padding:.5rem .65rem;font-size:.68rem}.tt-aux__input::placeholder{color:var(--ink-inv-400)}.tt-aux__go{font-family:var(--font-typewriter), ui-monospace, monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--parchment-100);background:var(--rust);flex:none;padding:.5rem .8rem;font-size:.55rem}.tt-aux__err{color:var(--rust-on-panel);font-size:.7rem;line-height:1.45}.tt-aux__frame{border-radius:12px;overflow:hidden}.tt-aux__frame iframe{display:block}.tt__credit{z-index:2;text-align:center;max-width:34rem;color:var(--ink-inv-400);margin:1.25rem auto 0;font-size:.7rem;line-height:1.5;position:relative}.tt__credit a{text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.tt__credit a:hover{color:var(--ink-inv-900)}.tt__credit+.tt__credit{margin-top:.5rem}@media (min-width:62rem) and (min-height:40rem){.tt__player{display:contents}.tt__stage{grid-template-columns:minmax(0,1fr) 21rem;grid-template-areas:"deck readout""deck controls""deck shelf";align-content:center;place-items:center start;column-gap:3.5rem}.tt__deck{grid-area:deck;justify-self:center;width:min(38vw,62vh,30rem)}.tt__readout{text-align:left;grid-area:readout;align-self:end}.tt__meta{justify-content:flex-start}.tt__controls{grid-area:controls;justify-content:flex-start}.tt-shelf{grid-area:shelf;justify-content:flex-start;align-self:start}}@media (max-width:61.99rem){.tt__player{align-content:center;gap:.85rem;min-height:calc(100svh - 9.5rem);scroll-margin-top:4rem}.tt__deck{width:min(74vw,43svh,30rem);margin-bottom:7%}.tt__more{margin-top:.25rem;display:inline-block}.tt__blurb{display:none}.tt__stock,.tt-shelf{padding-top:1rem}.tt__chip-name{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tt__chip-stock{border-radius:50%;padding:.35rem}.tt__chip-swatch{width:1.65rem}.tt__stock{gap:.6rem}.tt__controls{gap:.75rem 1rem}}@media (max-width:61.99rem) and (max-height:620px){.tt__player{gap:.6rem}.tt__deck{width:min(56vw,38svh,30rem);margin-bottom:5.5%}.tt__now{font-size:1.15rem}.tt__vol input,.tt__vol--surface input{width:6.5rem}}@media (pointer:coarse){.tt__chip-stock,.tt-chip,.tt-aux__go{min-height:44px}.tt__chip-stock{justify-content:center;min-width:44px}.tt__btn{min-height:44px}.tt__more,.tt__fs,.tt__back{align-items:center;min-height:44px;display:inline-flex}.tt__vol input{height:44px}.tonearm__grip{width:56%;height:56%}}:root:fullscreen body:has(.tt) header:not(.tt__chrome){display:none}:root:fullscreen body:has(.tt) [data-header-spacer]{display:none}:root:fullscreen .tt__chrome{opacity:0;transition:opacity var(--dur-card) var(--ease-paper)}:root:fullscreen .tt:hover .tt__chrome,:root:fullscreen .tt:focus-within .tt__chrome{opacity:1}:root:fullscreen .tt{grid-template-rows:1fr;padding-block:1.25rem;display:grid}:root:fullscreen .tt__chrome{z-index:5;margin:0;position:absolute;inset:1.25rem 1.5rem auto}:root:fullscreen .tt__stage{align-content:center}:root:fullscreen .tt__credit{display:none}:root:fullscreen .tt__dock{z-index:4;overscroll-behavior:contain;max-height:76svh;margin:0;padding:.75rem 1.25rem 1rem;position:absolute;bottom:0;left:0;right:0;overflow-y:auto}:root:fullscreen .tt__dock[data-open=true]{background:linear-gradient(to top, var(--background) 0%, color-mix(in oklab, var(--background) 92%, transparent) 72%, transparent 100%)}:root:fullscreen .tt__deck{width:min(34vw,48vh,28rem)}.tt__dock{z-index:2;justify-items:center;gap:.6rem;width:100%;margin-top:1.5rem;display:grid;position:relative}.tt__dock-tab{border:1px solid color-mix(in oklab, var(--gilt) 20%, transparent);font-family:var(--font-typewriter), ui-monospace, monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-inv-400);cursor:pointer;transition:color var(--dur-card) var(--ease-paper), border-color var(--dur-card) var(--ease-paper);align-items:center;gap:.45rem;padding:.45rem .8rem;font-size:.55rem;display:inline-flex}.tt__dock-tab:hover{color:var(--ink-inv-900);border-color:color-mix(in oklab, var(--gilt) 55%, transparent)}.tt__dock-tab:focus-visible{outline:1px solid var(--amber);outline-offset:3px}.tt__dock[data-open=true] .tt__dock-tab svg{transform:rotate(180deg)}.tt__dock-tab svg{transition:transform var(--dur-card) var(--ease-paper)}.tt__dock-body{width:100%}@media (pointer:coarse){.tt__dock-tab{min-height:44px}}@media (prefers-reduced-motion:reduce){.tt__dust{display:none}.tonearm,.tt-sleeve,.tt__btn,.tt__deck{transition:none}}}