.tt-root{z-index:100;text-align:left;-webkit-text-size-adjust:100%;overscroll-behavior:none;font-size:16px;line-height:normal;position:fixed;inset:0}.tt-root *,.tt-root :before,.tt-root :after{box-sizing:content-box}.tt-root h1,.tt-root h2,.tt-root h3,.tt-root h4{font-size:revert;font-weight:revert;margin:revert}.tt-root p{margin:revert}.tt-root svg,.tt-root canvas,.tt-root img{display:revert;vertical-align:revert;max-width:none}.tt-root button{font:inherit;color:inherit;line-height:inherit}.tt-root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#14110e;--paper:#efe9dc;--cream:#f3ede2;--brick:#c4442a;--mustard:#d9a521;--amber:#f0a73a;--ease:cubic-bezier(.2, .8, .2, 1);--plate:var(--font-zona-display), "Futura", "Avenir Next", "Helvetica Neue", sans-serif}.tt-root,.tt-root{height:100%}.tt-root{color:var(--cream);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#2a2019;margin:0;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans,sans-serif;overflow:hidden}.tt-root button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}.tt-root button:focus-visible{outline:2px solid var(--mustard);outline-offset:2px}.tt-root #app{position:fixed;inset:0}.tt-root .screen{transition:opacity .32s var(--ease), transform .32s var(--ease);position:absolute;inset:0}.tt-root .screen[hidden]{display:none!important}.tt-root .screen.out{opacity:0;pointer-events:none;transform:scale(.97)}.tt-root .topbar{z-index:40;padding:10px 16px;padding-top:calc(10px + env(safe-area-inset-top,0px));justify-content:space-between;align-items:center;gap:10px;display:flex;position:absolute;top:0;left:0;right:0}.tt-root .switcher{background:#00000047;border-radius:999px;gap:2px;padding:3px;display:flex}.tt-root .switcher button{letter-spacing:.06em;color:#f3ede28c;transition:background .25s var(--ease), color .25s var(--ease);border-radius:999px;padding:7px 16px;font-size:13px;font-weight:700}.tt-root .switcher button[aria-pressed=true]{background:var(--cream);color:var(--ink)}.tt-root .round-btn{width:40px;height:40px;color:var(--cream);background:#00000029;border-radius:999px;flex:none;justify-content:center;align-items:center;display:flex}.tt-root .round-btn.off{color:#f3ede266}.tt-root #normal{background:var(--paper);color:var(--ink);overflow:hidden}.tt-root #normal .switcher{background:#14110e1a}.tt-root #normal .switcher button{color:#6d6459}.tt-root #normal .switcher button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.tt-root .normal-inner{box-sizing:border-box;-webkit-overflow-scrolling:touch;padding:0 16px 40px;padding-top:calc(66px + env(safe-area-inset-top,0px));position:absolute;inset:0;overflow-y:auto}.tt-root .normal-inner h1{letter-spacing:.06em;margin:0 0 4px;font-size:32px;font-weight:900}.tt-root .normal-inner p.lede{color:#6d6459;margin:0 0 20px;font-size:13px}.tt-root .grid{grid-template-columns:1fr 1fr;gap:20px 14px;display:grid}.tt-root .grid figure{margin:0}.tt-root .grid .art{aspect-ratio:1;border-radius:2px;position:relative;overflow:hidden;container-type:size}.tt-root .grid figcaption{margin-top:8px}.tt-root .grid .ar{letter-spacing:.12em;color:var(--brick);font-size:11px;font-weight:700}.tt-root .grid .ti{margin-top:2px;font-size:15px;font-weight:800;line-height:1.25}.tt-root .grid .me{color:#6d6459;letter-spacing:.06em;margin-top:4px;font-size:11px}.tt-root #shelf{background:var(--tex-grain,none), radial-gradient(120% 80% at 50% 10%, #5b4535 0%, #33271e 48%, #1b1511 100%);background-blend-mode:soft-light, normal;background-size:160px 160px,auto}.tt-root .stage{left:0;right:0;top:calc(56px + env(safe-area-inset-top,0px));bottom:calc(124px + env(safe-area-inset-bottom,0px));transition:opacity .3s var(--ease);position:absolute;overflow:hidden}.tt-root .scene{perspective:1100px;touch-action:none;position:absolute;inset:0}.tt-root .card{aspect-ratio:1;width:min(70vw,292px);transform-style:preserve-3d;perspective:1500px;will-change:transform;position:absolute;top:50%;left:50%}.tt-root .card.taken{visibility:hidden}.tt-root .pkg{transform-style:preserve-3d;will-change:transform;position:absolute}.tt-root .card.snap .pkg,.tt-root .card.snap .pdisc,.tt-root .card.snap .s7disc{transition:transform .46s var(--ease), visibility .46s}.tt-root .digi{pointer-events:none;width:100%;height:100%;position:absolute;top:-45%;left:45%}.tt-root .card .cover{transform-origin:50% 100%;will-change:transform, opacity;border-radius:3px;width:92%;height:92%;position:absolute;top:8%;left:4%;overflow:hidden;box-shadow:0 14px 28px #00000080,0 3px 8px #00000059;container-type:size}.tt-root .card .front>*,.tt-root .card .side,.tt-root .card .top{opacity:calc(var(--cop,1) * var(--pop,1))}.tt-root .card.snap .front>*,.tt-root .card.snap .side,.tt-root .card.snap .top{transition:opacity .46s var(--ease)}.tt-root .front{transform-style:preserve-3d;position:absolute;inset:0}.tt-root .side,.tt-root .top{pointer-events:none;position:absolute;top:0;left:0;overflow:hidden}.tt-root .side{width:var(--th,8px);transform-origin:0;height:100%;transform:rotateY(90deg)}.tt-root .top{width:100%;height:var(--th,8px);transform-origin:50% 0;transform:rotateX(-90deg)}.tt-root .side .spine-txt{writing-mode:vertical-rl;letter-spacing:.08em;white-space:nowrap;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;inset:0;overflow:hidden;transform:scaleX(-1)}.tt-root .sleeve,.tt-root .pkg-sleeve .pface{border-radius:2px;position:absolute;inset:0;overflow:hidden;box-shadow:0 18px 38px #0000008c,0 4px 10px #0006;container-type:size}.tt-root .paper-edge{background-blend-mode:soft-light, normal;filter:brightness(.72)}.tt-root .pdisc{visibility:hidden;background:repeating-radial-gradient(circle,#151210 0 1.2px,#0c0a09 1.2px 2.4px);border-radius:50%;width:96%;height:96%;position:absolute;top:2%;left:2%;transform:translateZ(-4px);box-shadow:inset 0 0 0 1px #ffffff1a,0 8px 18px #00000073}.tt-root .pdisc .hole{width:3.2%;height:3.2%}.tt-root .pkg-sleeve .front,.tt-root .pkg-jewel .front,.tt-root .pkg-tcase .front{transform-style:flat}.tt-root .cbase{isolation:isolate}.tt-root .s7{position:absolute;inset:0;container-type:size}.tt-root .s7 .s7disc{background:repeating-radial-gradient(circle,#151210 0 1.2px,#0c0a09 1.2px 2.4px);border-radius:50%;width:96%;height:96%;position:absolute;top:2%;left:2%}.tt-root .s7 .s7disc .label{width:52.2%;height:52.2%;top:23.9%;left:23.9%}.tt-root .s7 .s7disc .hole{width:3.2%;height:3.2%}.tt-root .s7 .s7back{filter:brightness(.55);border-radius:50%;width:60%;height:60%;position:absolute;top:20%;left:20%;box-shadow:inset 0 3px 10px #00000080}.tt-root .s7 .s7paper{border-radius:2px;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff14;-webkit-mask-image:radial-gradient(circle closest-side,#0000 55.4%,#000 55.8%);mask-image:radial-gradient(circle closest-side,#0000 55.4%,#000 55.8%)}.tt-root .s7 .s7paper:before{content:"";background:var(--tex-grain,none) 0 0 / 160px 160px;mix-blend-mode:soft-light;opacity:.6;position:absolute;inset:0}.tt-root .s7 .s7rim{border-radius:50%;width:55.6%;height:55.6%;position:absolute;top:22.2%;left:22.2%;box-shadow:0 0 0 1px #00000040,inset 0 1px 3px #00000073}.tt-root .s7 .s7mark{letter-spacing:.3em;opacity:.7;font-size:4.2cqw;font-weight:700;position:absolute;top:6%;left:7%}.tt-root .pkg-sleeve7 .front{filter:drop-shadow(0 16px 20px #00000073)}.tt-root .cbase,.tt-root .clid{position:absolute;top:0;bottom:0}.tt-root .cbase{background:linear-gradient(160deg,#e8eef229,#c8d0d614);border-radius:3px;left:0;right:0;box-shadow:0 16px 30px #0000006b,0 3px 8px #0000004d}.tt-root .pkg-tcase .cbase,.tt-root .fx-tcase .cbase{border-radius:6px}.tt-root .inlay{position:absolute;inset:1.5%;overflow:hidden;container-type:size}.tt-root .inlay:after{content:"";background:#0a080659;position:absolute;inset:0}.tt-root .inlay ol{z-index:1;letter-spacing:.04em;margin:0;padding:0;font-size:3.2cqw;font-weight:600;line-height:1.7;list-style:none;position:absolute;top:12%;left:24%}.tt-root .inlay ol span{opacity:.6;font-variant-numeric:tabular-nums;margin-right:.8em}.tt-root .ctray{border-radius:inherit;background:#e2e8ec24;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff4d,inset 0 0 0 4px #ffffff0f}.tt-root .hinge{background:linear-gradient(90deg,#f0f4f624,#f0f4f642 45%,#f0f4f61a);border-radius:3px 0 0 3px;position:absolute;top:0;bottom:0;left:0;box-shadow:inset -1px 0 #fff6,inset 1px 0 #ffffff40}.tt-root .hinge:before,.tt-root .hinge:after{content:"";background:linear-gradient(90deg,#ffffff2e,#ffffff80 50%,#ffffff2e);border-radius:3px;height:7%;position:absolute;left:22%;right:22%;box-shadow:0 0 0 1px #fff3}.tt-root .hinge:before{top:2%}.tt-root .hinge:after{bottom:2%}.tt-root .rosette{background:radial-gradient(circle, #00000040 0 22%, transparent 23%), repeating-conic-gradient(#fff6 0 7deg, #ffffff1f 7deg 15deg);border-radius:50%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #ffffff2e,0 0 0 6px #ffffff0f}.tt-root .trayring{border-radius:50%;position:absolute;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px #ffffff47,0 0 0 1px #00000026}.tt-root .posts i{aspect-ratio:1;background:radial-gradient(circle at 40% 35%,#ffffff8c,#ffffff1f);border-radius:50%;width:7%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #ffffff4d}.tt-root .clid{transform-origin:0;border-radius:0 3px 3px 0;transition:transform .3s cubic-bezier(.3,.7,.3,1);right:0;transform:translateZ(.6px)}.tt-root .pkg-tcase .clid,.tt-root .fx-tcase .clid{border-radius:0 6px 6px 0}.tt-root .clid .art{position:absolute;overflow:hidden;container-type:size}.tt-root .fold{background:#00000047;width:1px;position:absolute;top:3%;bottom:3%;box-shadow:1px 0 #ffffff59}.tt-root .plastic{border-radius:inherit;pointer-events:none;background:var(--tex-scuff,none) 0 0 / 260px 260px, linear-gradient(118deg, #fff0 20%, #ffffff1f 27%, #fff0 35%);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff73,inset 0 0 0 3px #ffffff12,inset 0 1px #ffffff8c}.tt-root .tabs i{background:#ffffff4d;border-radius:1px;width:2.5%;height:6%;position:absolute;right:.5%;box-shadow:0 0 0 1px #ffffff40}.tt-root .side.clear,.tt-root .top.clear{background:#e2e8ec33;box-shadow:inset 0 0 0 1px #fff6}.tt-root .side .spine-band{position:absolute;inset:3% 14%;overflow:hidden;container-type:size}.tt-root .top .top-band{position:absolute;inset:18% 3%}.tt-root .pkg-flat .pwrap{filter:drop-shadow(0 14px 16px #00000073);position:absolute;inset:0}.tt-root .pkg-flat .pface{border-radius:6px;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14;container-type:size}.tt-root .shelf-meta{left:0;right:0;bottom:calc(24px + env(safe-area-inset-bottom,0px));text-align:center;padding:0 24px;transition:opacity .2s linear;position:absolute}.tt-root .shelf-meta .ar{letter-spacing:.16em;color:var(--mustard);font-size:11px;font-weight:700}.tt-root .shelf-meta .ti{margin-top:4px;font-size:19px;font-weight:800}.tt-root .shelf-meta .me{color:#f3ede28c;letter-spacing:.1em;margin-top:6px;font-size:11px}.tt-root .fchips{justify-content:center;align-items:center;gap:4px;margin-top:10px;display:flex}.tt-root .fchips button{letter-spacing:.06em;color:#f3ede280;transition:background .25s var(--ease), color .25s var(--ease);white-space:nowrap;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700}.tt-root .fchips button.on{color:var(--cream);background:#f3ede229}.tt-root .shelf-meta .nop-more{letter-spacing:.2em;color:var(--cream);border-radius:999px;margin-top:8px;padding:6px 12px;font-size:10px;font-weight:700;box-shadow:inset 0 0 0 1px #f3ede259}.tt-root .shelf-meta .nop-more:active{background:#f3ede229}.tt-root .hint{left:50%;top:calc(84px + env(safe-area-inset-top,0px));white-space:nowrap;pointer-events:none;letter-spacing:.2em;color:#f3ede273;font-size:11px;transition:opacity .4s linear;position:absolute;transform:translate(-50%)}.tt-root #player{background:var(--tex-table,none), radial-gradient(130% 75% at 72% 0%, #a07f60 0%, #82664c 38%, #6b5441 70%, #5d5040 100%);background-blend-mode:soft-light, normal;background-size:256px 256px,auto;flex-direction:column;display:flex}.tt-root .fmt{scrollbar-width:none;background:#00000029;border-radius:999px;gap:4px;min-width:0;padding:3px;display:flex;overflow-x:auto}.tt-root .fmt::-webkit-scrollbar{display:none}.tt-root .fmt button{letter-spacing:.08em;white-space:nowrap;color:#f3ede299;transition:background .2s var(--ease), color .2s var(--ease);border-radius:999px;padding:6px 11px;font-size:11px;font-weight:700}.tt-root .fmt button[aria-pressed=true]{background:var(--cream);color:var(--ink)}.tt-root .fmt button.soon{opacity:.45}.tt-root .deck{touch-action:none;flex:none;height:60%;position:relative}.tt-root .machine{transition:opacity .3s var(--ease);position:absolute;inset:0}.tt-root .machine.off{opacity:0;pointer-events:none}.tt-root .nameplate{font-family:var(--plate);letter-spacing:.46em;color:#2e1e108c;text-shadow:0 1px #fff0dc38;pointer-events:none;font-size:11px;font-weight:600;position:absolute;bottom:6px;right:22px}.tt-root .armboard{pointer-events:none;z-index:4;width:0;height:0;position:absolute}.tt-root .armboard svg,.tt-root .arm svg{position:absolute;top:0;left:0;overflow:visible}.tt-root .ab-base{fill:#4b443d;filter:drop-shadow(0 5px 9px #28180c73)}.tt-root .ab-ring{fill:#2b2521;stroke:#fff0dc1a;stroke-width:1px}.tt-root .ab-ring2{fill:none;stroke:#fff6e838;stroke-width:1.2px}.tt-root .ab-rest-post{fill:#8f877d;filter:drop-shadow(0 3px 4px #28180c73)}.tt-root .ab-rest{fill:#2a2420;stroke:#5a5048;stroke-width:1px}.tt-root .ab-rest-in{fill:#0e0c0a}.tt-root .ab-lamp-base{fill:#2f2924;stroke:#6f675e;stroke-width:1px;filter:drop-shadow(0 2px 3px #28180c80)}.tt-root .ab-lamp-hood{fill:#8f877d;stroke:#3e3731;stroke-width:.8px;filter:drop-shadow(0 2px 2px #28180c73)}.tt-root .ab-lamp{fill:#4a443e;transition:fill 1.6s var(--ease), filter 1.6s var(--ease)}.tt-root .lit .ab-lamp{fill:#ffb24d;filter:drop-shadow(0 0 3px #ff9628f2)drop-shadow(0 0 9px #ff781e99);transition-duration:.45s}.tt-root .arm-light{z-index:4;pointer-events:none;opacity:0;mix-blend-mode:screen;transition:opacity 1.6s var(--ease);background:radial-gradient(circle,#ffb25a85 0%,#ff963c42 24%,#f078281a 48%,#f0782800 70%);border-radius:50%;position:absolute;top:0;left:0}.tt-root .arm-light.moving{transition:opacity 1.6s var(--ease), transform .58s var(--ease)}.tt-root .lit .arm-light{opacity:1;transition-duration:.45s}.tt-root .no-fade .arm-light,.tt-root .no-fade .ab-lamp{transition:none!important}.tt-root .disc-wrap{position:absolute}.tt-root .disc-shadow{border-radius:50%;position:absolute;inset:0;box-shadow:0 24px 40px #28180c73,0 4px 10px #28180c4d}.tt-root .disc{will-change:transform;border-radius:50%;position:absolute;inset:0}.tt-root .disc canvas{border-radius:50%;width:100%;height:100%;position:absolute;inset:0}.tt-root .aimg{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.tt-root .obi{pointer-events:none;position:absolute;top:0;bottom:0;left:0;overflow:hidden;box-shadow:1px 0 1.5px #00000059,4px 0 10px #00000029}.tt-root .obi:after{content:"";background:linear-gradient(90deg,#0000002e,#0000 14%,#ffffff0d 92%,#0000001f);position:absolute;inset:0}.tt-root .fx-jewel .obi{transform:translateZ(1.2px)}.tt-root .fx-sleeve .obi{transform:translateZ(.5px)}.tt-root .side .spine-band.spine-img{inset:1.2% 3%}.tt-root .spine-img .aimg{transform:scaleX(-1)}.tt-root .label{border-radius:50%;position:absolute;overflow:hidden;box-shadow:0 0 0 1px #00000059;container-type:size}.tt-root .label>div,.tt-root .label>svg{width:100%;height:100%;position:absolute;inset:0}.tt-root .hole{background:radial-gradient(circle at 40% 35%,#f3eee6,#a9a196);border-radius:50%;width:3.2%;min-width:7px;height:3.2%;min-height:7px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 2px #00000080}.tt-root .sheen{pointer-events:none;background:conic-gradient(from 24deg,#0000 0deg,#fff5e61a 36deg,#0000 74deg 190deg,#fff5e612 224deg,#0000 262deg);border-radius:50%;position:absolute;inset:0}@property --tt-lift{syntax:"<number>";inherits:true;initial-value:1}.tt-root .arm{z-index:5;transform-origin:0 0;pointer-events:none;--sx:0;--sy:1;--tt-lift:1;width:0;height:0;transition:--tt-lift .22s var(--ease);position:absolute}.tt-root .arm.moving{transition:transform .58s var(--ease), --tt-lift .22s var(--ease)}.tt-root .arm.lifted{--tt-lift:2.4}.tt-root .arm-g{filter:drop-shadow(calc(var(--sx) * var(--tt-lift) * 5px) calc(var(--sy) * var(--tt-lift) * 5px) calc(var(--tt-lift) * 4px) #28180c80)}.tt-root .a-tube-o{fill:none;stroke:#3e3731;stroke-linecap:round}.tt-root .a-tube{fill:none;stroke:#c9c1b5;stroke-linecap:round}.tt-root .a-tube-hi{fill:none;stroke:#fbf8f2;stroke-linecap:round;opacity:.75}.tt-root .a-cw{fill:#24201c;stroke:#3e3731;stroke-width:1px}.tt-root .a-cw-ring{fill:#8f877d;opacity:.55}.tt-root .a-gimbal{fill:#b9b1a5;stroke:#3e3731;stroke-width:1.2px}.tt-root .a-gimbal-c{fill:#2a2420}.tt-root .a-collar{fill:#8f877d;stroke:#3e3731;stroke-width:1px}.tt-root .a-shell{fill:#2b2521;stroke:#554c44;stroke-width:1px;stroke-linejoin:round}.tt-root .a-cart{fill:#b8452c;stroke:#5c2416;stroke-width:.8px}.tt-root .a-lift{stroke:#c9c1b5;stroke-linecap:round}.tt-root .a-stylus{fill:#e6dfd3}.tt-root .tape svg{width:100%;height:100%;display:block}.tt-root .info{flex-direction:column;flex:auto;justify-content:center;min-height:0;padding:0 28px;display:flex}.tt-root .info .ti{text-wrap:balance;font-size:24px;font-weight:800;line-height:1.2}.tt-root .info .ar{color:#f3ede2b8;margin-top:6px;font-size:14px}.tt-root .info .tm{color:#f3ede280;letter-spacing:.1em;font-variant-numeric:tabular-nums;margin-top:8px;font-size:11px}.tt-root .keys{flex:none;justify-content:space-between;align-items:flex-start;padding:0 22px 6px;display:flex}.tt-root .keys .right{gap:16px;display:flex}.tt-root .key{flex-direction:column;align-items:center;gap:8px;display:flex}.tt-root .kwell{background:#0000001a;border-radius:999px;justify-content:center;align-items:center;width:80px;height:42px;display:flex;position:relative;box-shadow:inset 0 3px 7px #28180c73,inset 0 -1px #ffffff1f}.tt-root .cap{background:linear-gradient(#2e2926 0%,#161311 55%,#0b0908 100%);border-radius:999px;width:68px;height:32px;transition:transform 80ms ease-out,box-shadow 80ms ease-out;box-shadow:0 4px 6px #140c068c,inset 0 1px 1px #ffffff29}.tt-root .key:active .cap,.tt-root .key.pressed .cap{transform:translateY(2px);box-shadow:0 1px 2px #140c0699,inset 0 1px 1px #ffffff1a}.tt-root .led{pointer-events:none;background:#4a3a2b;border-radius:50%;width:5px;height:5px;margin-top:-2.5px;transition:background .25s linear,box-shadow .25s linear;position:absolute;top:50%;right:9px;box-shadow:inset 0 1px 1px #00000080}.tt-root .led.on{background:var(--amber);box-shadow:0 0 6px 1px #f0a73acc}.tt-root .key-label{font-family:var(--plate);letter-spacing:.16em;color:#f3ede2cc;align-items:center;height:14px;font-size:11px;font-weight:500;display:flex}.tt-root .handle{height:40px;margin-bottom:env(safe-area-inset-bottom,0px);letter-spacing:.16em;color:#f3ede29e;flex:none;justify-content:center;align-items:center;gap:8px;font-size:11px;display:flex}.tt-root .handle i{background:#f3ede259;border-radius:2px;width:30px;height:4px}.tt-root .backdrop{z-index:48;opacity:0;pointer-events:none;transition:opacity .3s var(--ease);background:#140c0659;position:absolute;inset:0}.tt-root .backdrop.show{opacity:1;pointer-events:auto}.tt-root .sheet{z-index:50;max-height:62%;padding:10px 20px calc(16px + env(safe-area-inset-bottom,0px));transition:transform .36s var(--ease);background:#231c16;border-radius:22px 22px 0 0;flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(105%);box-shadow:0 -10px 30px #140c0659}.tt-root .sheet.open{transform:none}.tt-root .sheet .grip{background:#ffffff38;border-radius:2px;flex:none;width:34px;height:4px;margin:2px auto 12px}.tt-root .sheet h4{letter-spacing:.18em;color:#f3ede280;margin:0 0 6px;font-size:11px;font-weight:700}.tt-root .tracks{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:auto;min-height:0;overflow-y:auto}.tt-root .tr{color:#f3ede2b8;text-align:left;border-bottom:1px solid #ffffff0d;align-items:center;gap:14px;width:100%;padding:11px 0;font-size:15px;display:flex}.tt-root .tr .n{color:#f3ede266;font-variant-numeric:tabular-nums;min-width:18px;font-size:11px}.tt-root .tr .d{color:#f3ede266;font-variant-numeric:tabular-nums;margin-left:auto;font-size:11px}.tt-root .tr[aria-current=true]{color:var(--cream)}.tt-root .tr[aria-current=true] .nm{color:var(--amber);font-weight:700}.tt-root .links{flex:none;gap:8px;margin-top:14px;display:flex}.tt-root .links button{text-align:center;letter-spacing:.06em;color:var(--cream);background:#ffffff14;border-radius:6px;flex:1;padding:13px 8px;font-size:13px;font-weight:700}.tt-root .links .primary{background:var(--brick)}.tt-root .end-row{gap:8px;margin-top:14px;display:flex}.tt-root .end-row button{letter-spacing:.06em;color:var(--cream);background:#0000002e;border-radius:6px;padding:10px 14px;font-size:12px;font-weight:700}.tt-root .end-row .primary{background:var(--brick)}.tt-root .info.swap>*{animation:tt-infoIn .32s var(--ease) both}@keyframes tt-infoIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.tt-root .kgroup{align-items:flex-start;gap:14px;display:flex}.tt-root .kwell.wide{width:100px}.tt-root .kwell.wide .cap{width:88px}.tt-root .speed{font-family:var(--plate);letter-spacing:.12em;color:#f3ede266;flex-direction:column;gap:7px;margin-top:6px;font-size:10px;font-weight:600;display:flex}.tt-root .speed span{align-items:center;gap:5px;transition:color .2s linear;display:flex}.tt-root .speed i{background:#4a3a2b;border-radius:50%;width:5px;height:5px;transition:background .2s linear,box-shadow .2s linear;box-shadow:inset 0 1px 1px #00000080}.tt-root .speed .on{color:#f3ede2e6}.tt-root .speed .on i{background:var(--amber);box-shadow:0 0 5px 1px #f0a73abf}.tt-root #player.tape-mode .deck{height:66%}.tt-root #player.tape-mode .nameplate{display:none}.tt-root #player.dig-mode .deck{height:66%}.tt-root #player.dig-mode .nameplate{display:none}.tt-root .tbody{box-sizing:border-box;background:var(--tex-brush,none), linear-gradient(180deg, #3a3633 0%, #2a2724 45%, #1f1d1b 100%);background-blend-mode:soft-light, normal;background-size:256px 256px,auto;border-radius:22px;padding:12px 16px 14px;position:absolute;box-shadow:0 26px 40px #28180c80,0 6px 12px #28180c59,inset 0 1px #ffffff24,inset 0 -2px #00000059}.tt-root .tbody:before,.tt-root #vinylKeys:before{content:"";border-radius:inherit;pointer-events:none;background:var(--tex-scuff,none) 0 0 / 420px 420px, radial-gradient(circle at 0 100%, #d6ccbc14, transparent 30px), radial-gradient(circle at 100% 100%, #d6ccbc0f, transparent 26px), radial-gradient(circle at 0 0, #d6ccbc0a, transparent 20px), radial-gradient(circle at 100% 0, #d6ccbc08, transparent 18px);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #d6ccbc0d}.tt-root .tb-name,.tt-root .tb-sub,.tt-root .tb-label,.tt-root .key-label,.tt-root .lcd-cap{-webkit-mask-image:var(--tex-erode,none);-webkit-mask-image:var(--tex-erode,none);mask-image:var(--tex-erode,none);-webkit-mask-size:72px 72px;mask-size:72px 72px}.tt-root .tb-top{align-items:center;gap:10px;height:20px;margin:0 4px 8px;display:flex}.tt-root .tb-top.tall{height:28px}.tt-root .tb-top .counter-wrap{margin-left:auto}.tt-root .tb-top .counter-wrap+.pwr{margin-left:2px}.tt-root .tb-name{font-family:var(--plate);letter-spacing:.42em;color:#ece4d69e;text-shadow:0 -1px #0009;font-size:11px;font-weight:600}.tt-root .tb-sub{font-family:var(--plate);letter-spacing:.24em;color:#ece4d652;font-size:8px;font-weight:500}.tt-root .pwr{background:#5fd06a;border-radius:50%;width:6px;height:6px;margin-left:auto;box-shadow:0 0 6px 1px #5fd06a99}.tt-root .bay{perspective:700px;background:linear-gradient(#121110,#1b1917);border-radius:12px 12px 4px 4px;position:relative;overflow:hidden;box-shadow:inset 0 4px 10px #000c,inset 0 -1px #ffffff0d}.tt-root .bay .tape{z-index:1;filter:drop-shadow(0 4px 6px #0009);transition:transform .22s cubic-bezier(.3,.7,.3,1);position:absolute}.tt-root .bay .tape.popped{transform:translateY(-5px)scale(1.012)}.tt-root .bay .mech{z-index:0;pointer-events:none;position:absolute;-webkit-mask-image:linear-gradient(#000 0 86%,#0000004d 93%,#0000 100%);mask-image:linear-gradient(#000 0 86%,#0000004d 93%,#0000 100%)}.tt-root .bay:after{content:"";pointer-events:none;border-radius:inherit;z-index:3;will-change:transform;position:absolute;inset:0;box-shadow:inset 0 0 18px #2c201473,inset 0 -6px 10px #3c2e1e40}.tt-root .bay .mech svg{width:100%;height:100%;display:block;overflow:visible}.tt-root .mg{transition:transform .17s cubic-bezier(.3,.7,.3,1)}.tt-root .mg.down{transform:translateY(40px)}.tt-root .door{pointer-events:none;background:var(--tex-scuff,none) 40px 10px / 300px 300px, radial-gradient(ellipse 16% 11% at 78% 64%, #fffaf00d, transparent 70%), radial-gradient(ellipse 12% 9% at 71% 72%, #fffaf00a, transparent 70%), linear-gradient(180deg, #18141138, #18141157);transform-origin:50% 100%;z-index:4;will-change:transform;border-radius:12px 12px 4px 4px;transition:transform .3s cubic-bezier(.3,.7,.3,1),opacity .3s linear;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #ffffff12,inset 0 0 0 5px #00000059}.tt-root .door .glare{border-radius:inherit;background:linear-gradient(115deg,#fff0 22%,#ffffff1a 30%,#fff0 40% 62%,#ffffff0d 68%,#fff0 74%);position:absolute;inset:0}.tt-root .door.open{opacity:.35;transform:rotateX(42deg)}.tt-root .lip{background:linear-gradient(#45413d 0%,#2c2926 60%,#252220 100%);border-radius:3px 3px 8px 8px;justify-content:center;height:26px;margin-top:-2px;display:flex;position:relative;box-shadow:0 -1px #ffffff1a,0 3px 6px #0006}.tt-root .slot{background:linear-gradient(#050404,#121110);border-radius:3px;width:48%;height:16px;margin-top:3px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #000000e6,0 1px #ffffff14}.tt-root .slot i{transition:transform .16s cubic-bezier(.3,.7,.3,1);display:block;position:absolute;transform:translateY(5px)}.tt-root .slot .h-erase{background:linear-gradient(90deg,#6d665e,#d4cec4 50%,#7d766e);border-radius:1px;width:8%;height:14px;top:3px;left:18%}.tt-root .slot .h-play{background:linear-gradient(90deg,#7f7870,#f1ece4 46%,#9a938a);border-radius:2px 2px 0 0;width:14%;height:16px;top:1px;left:43%}.tt-root .slot .h-play:after{content:"";background:#1d1a18;width:1px;height:6px;position:absolute;top:0;left:50%}.tt-root .slot .h-cap{background:radial-gradient(circle at 40% 35%,#fff,#8d857b);border-radius:50%;width:5px;height:5px;top:5px;left:68%;transform:none}.tt-root .slot .h-pinch{background:radial-gradient(circle at 38% 32%,#3a3531,#080707 72%);border-radius:50%;width:16px;height:16px;top:1px;left:73%}.tt-root .slot i.up{transform:translateY(0)}.tt-root .tb-keys{justify-content:space-between;align-items:flex-end;gap:10px;margin-top:14px;padding:0 2px;display:flex}.tt-root .tb-label{font-family:var(--plate);letter-spacing:.16em;color:#ece4d68c;white-space:nowrap;height:10px;font-size:8px;font-weight:500}.tt-root .piano{gap:6px;display:flex}.tt-root .pkey{flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.tt-root .kled{background:#2c2520;border-radius:2px;width:10px;height:3px;margin-bottom:2px}.tt-root .kled.on{background:var(--amber);box-shadow:0 0 5px #f0a73acc}.tt-root .kled.blink{animation:1s steps(2,jump-none) infinite tt-blink}@keyframes tt-blink{0%{background:var(--amber);box-shadow:0 0 5px #f0a73acc}to{box-shadow:none;background:#2c2520}}.tt-root .pkey .face{width:var(--kw,50px);color:#26221f;background:var(--tex-brush,none), linear-gradient(180deg, #e6e1d9 0%, #bdb7ae 55%, #a39d94 100%);background-blend-mode:soft-light, normal;background-size:180px 180px,auto;border-radius:4px 4px 7px 7px;justify-content:center;align-items:center;height:40px;transition:transform 70ms ease-out,box-shadow 70ms ease-out;display:flex;box-shadow:0 6px #57514b,0 8px 10px #0000008c,inset 0 1px 1px #fffc}.tt-root .pkey:active .face,.tt-root .pkey.latched .face{transform:translateY(5px);box-shadow:0 1px #57514b,0 2px 3px #00000080,inset 0 1px 1px #fff9}.tt-root .pkey.latched .face{background:var(--tex-brush,none), linear-gradient(180deg, #d3cdc4 0%, #aaa49b 100%);background-blend-mode:soft-light, normal;background-size:180px 180px,auto}.tt-root .tkeys{justify-content:center;align-items:flex-end;gap:10px;margin-top:14px;display:flex}.tt-root .tpiano{display:flex}.tt-root .tkey{flex-direction:column;align-items:center;gap:6px;padding:0;display:flex;position:relative}.tt-root .tkey .tb-label{height:10px}.tt-root .kslot{background:linear-gradient(#060505,#151311);padding:3px 2px 9px;display:block;box-shadow:inset 0 3px 6px #000000e6,inset 0 -1px #ffffff0d}.tt-root .tpiano .tkey:first-child .kslot{border-radius:4px 0 0;padding-left:3px}.tt-root .tpiano .tkey:last-child .kslot{border-radius:0 4px 0 0;padding-right:3px}.tt-root .tkey.eject .kslot{border-radius:4px 4px 0 0;padding:3px 3px 9px}.tt-root .tkey .face{width:var(--kw,48px);color:#26221fb8;background:var(--tex-scuff,none) 0 0 / 200px 200px, radial-gradient(ellipse 55% 42% at 50% 44%, #ffffff42, transparent 72%), var(--tex-brush,none) 0 0 / 180px 180px, linear-gradient(180deg, #e3ded5 0%, #bdb7ae 58%, #a39d94 100%);background-blend-mode:normal, normal, soft-light, normal;border-radius:3px 3px 2px 2px;justify-content:center;align-items:center;height:44px;transition:transform .11s cubic-bezier(.25,1.7,.5,1),box-shadow .11s ease-out,filter .11s linear;display:flex;box-shadow:0 7px #5b554e,0 8px 2px #0009,inset 0 1px #ffffffbf,inset 0 -3px 4px #463a2c47}.tt-root .tkey:active .face,.tt-root .tkey.pressed .face,.tt-root .tkey.latched .face{transition:transform 50ms ease-in,box-shadow 50ms ease-in,filter 50ms linear;transform:translateY(6px);box-shadow:0 1px #5b554e,0 2px 2px #0009,inset 0 1px #fff9,inset 0 -3px 4px #463a2c47}.tt-root .tkey.latched .face{filter:brightness(.9)}.tt-root .tkey.eject .face{color:#ece4d6b8;background:var(--tex-scuff,none) 0 0 / 200px 200px, radial-gradient(ellipse 55% 42% at 50% 44%, #ffffff14, transparent 72%), var(--tex-brush,none) 0 0 / 180px 180px, linear-gradient(180deg, #4d4843 0%, #2e2b28 60%, #232120 100%);background-blend-mode:normal, normal, soft-light, normal;box-shadow:0 7px #141211,0 8px 2px #0009,inset 0 1px #fff3,inset 0 -3px 4px #0000004d}.tt-root .tkey.eject:active .face,.tt-root .tkey.eject.pressed .face{box-shadow:0 1px #141211,0 2px 2px #0009,inset 0 1px #ffffff26}.tt-root .counter-wrap{align-items:center;display:flex}.tt-root .counter{background:#0b0a09;border-radius:4px;gap:2px;padding:4px 5px;display:flex;box-shadow:inset 0 2px 4px #000000e6,0 1px #ffffff1a}.tt-root .digit{background:linear-gradient(#a9a195 0%,#f1ece2 30% 70%,#a9a195 100%);border-radius:2px;width:13px;height:19px;position:relative;overflow:hidden}.tt-root .strip{will-change:transform;flex-direction:column;display:flex;position:absolute;top:0;left:0;right:0}.tt-root .strip span{text-align:center;height:19px;line-height:19px;font-family:var(--plate);color:#1a1613;font-size:12px;font-weight:600;display:block}.tt-root #vinylKeys{background:var(--tex-brush,none), linear-gradient(180deg, #3a3633 0%, #262320 100%);background-blend-mode:soft-light, normal;background-size:256px 256px,auto;border-radius:18px;margin:0 14px 6px;padding:12px 14px 10px;position:relative;box-shadow:0 14px 24px #28180c66,inset 0 1px #ffffff1f,inset 0 -2px #0000004d}.tt-root .fx{z-index:60;position:fixed;inset:0}.tt-root .fx>div{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.tt-root .fx .fx-media{z-index:1;transform-origin:0 0}.tt-root .fx .fx-pkg{z-index:2;transform-style:preserve-3d}.tt-root .fx .fx-pkg.fx-base{z-index:0}.tt-root .fx .fx-pkg .clid{transition:transform .3s cubic-bezier(.3,.7,.3,1)}.tt-root .fx .fx-media.disc-m{border-radius:50%;overflow:hidden;box-shadow:0 16px 30px #0006}.tt-root .fx .fx-media canvas{width:100%;height:100%;position:absolute;inset:0}.tt-root .fx .fx-media>svg{width:100%;height:100%;display:block}.tt-root .toast{left:50%;bottom:calc(28px + env(safe-area-inset-bottom,0px));z-index:70;color:var(--paper);opacity:0;pointer-events:none;background:#14110eeb;border-radius:999px;padding:9px 16px;font-size:12px;transition:opacity .25s linear;position:fixed;transform:translate(-50%)}.tt-root .toast.show{opacity:1}.tt-root .note{left:50%;top:calc(62px + env(safe-area-inset-top,0px));letter-spacing:.12em;color:#f3ede261;z-index:45;pointer-events:none;white-space:nowrap;font-size:10px;position:fixed;transform:translate(-50%)}.tt-root .cdwell{background:#0000002e;border-radius:14px;position:relative;box-shadow:inset 0 3px 8px #0009,inset 0 -1px #ffffff0f}.tt-root .cdpit{background:var(--tex-grain,none), radial-gradient(circle at 50% 38%, #34302c 0%, #2a2724 55%, #221f1c 100%);background-blend-mode:soft-light, normal;background-size:160px 160px,auto;border-radius:50%;position:absolute;overflow:hidden;box-shadow:inset 0 7px 14px #000000bf,inset 0 -1px #ffffff14}.tt-root .cdring8{background:#00000024;border-radius:50%;position:absolute;inset:16.5%;box-shadow:inset 0 3px 5px #0000008c,0 1px #ffffff12}.tt-root .cdslot{transform-origin:0;background:linear-gradient(#050404,#0d0c0b 50%,#050404);border-radius:2px;width:35%;height:12.5%;position:absolute;top:50%;left:50%;transform:translateY(-50%)rotate(58deg)translate(40%);box-shadow:inset 0 2px 5px #000000f2,inset 0 -1px #ffffff0a,0 1px #ffffff12}.tt-root .cdslot:before,.tt-root .cdslot:after{content:"";background:linear-gradient(#d9d2c6,#6f685f);border-radius:1px;height:2px;position:absolute;left:2%;right:2%;box-shadow:0 1px 1px #000c}.tt-root .cdslot:before{top:10%}.tt-root .cdslot:after{bottom:10%}.tt-root .cdsled{z-index:1;background:linear-gradient(#4a443e 0%,#2c2824 45%,#1c1916 100%);border-radius:2px;width:30%;height:68%;position:absolute;top:16%;left:3%;box-shadow:0 1px 2px #000000e6,inset 0 1px #ffffff24}.tt-root .cdsled:after{content:"";aspect-ratio:1;background:radial-gradient(circle at 36% 32%,#ffffffe6 0 8%,#a0aae680 14%,#232a5c 42%,#0b0d1e 70%);border-radius:50%;height:64%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1.5px #8a837a,0 0 0 2.5px #1a1714}.tt-root .cdhub{background:repeating-radial-gradient(circle,#ffffff09 0 1px,#0000 1px 4px),radial-gradient(circle,#24211e 0 56%,#34302b 57% 60%,#1d1a18 61%);border-radius:50%;width:27%;height:27%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px 6px #000000b3,inset 0 1px #ffffff1a}.tt-root .cddisc{border-radius:50%;transition:transform .22s cubic-bezier(.3,.7,.3,1);position:absolute;box-shadow:0 3px 8px #0000008c}.tt-root .cdspin{will-change:transform;border-radius:50%;position:absolute;inset:0}.tt-root .cddisc canvas{border-radius:50%;width:100%;height:100%;position:absolute;inset:0}.tt-root .cddisc.popped{transform:translateY(-4px)scale(1.02)!important}.tt-root .cdspindle{background:radial-gradient(circle at 50% 21%,#e6e0d6 0 6%,#0000 9%),radial-gradient(circle at 77% 65%,#e6e0d6 0 6%,#0000 9%),radial-gradient(circle at 23% 65%,#e6e0d6 0 6%,#0000 9%),radial-gradient(circle,#c9c2b7 0 18%,#6d665e 22% 26%,#3b3631 28% 100%);border-radius:50%;width:11%;height:11%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 3px #000000b3,inset 0 1px #ffffff2e}.tt-root .cdsheen{pointer-events:none;background:conic-gradient(from 200deg,#0000 0deg,#ffffff1a 24deg,#0000 58deg 180deg,#ffffff0f 210deg,#0000 240deg);border-radius:50%;position:absolute}.tt-root .cdlid{pointer-events:none;transform-origin:50% 0;background:radial-gradient(circle,#1c181514,#1c181547);border-radius:50%;transition:transform .3s cubic-bezier(.3,.7,.3,1),opacity .3s linear;position:absolute;box-shadow:inset 0 0 0 2px #ffffff1a,inset 0 0 0 5px #00000059,0 6px 14px #00000059}.tt-root .cdlid:after{content:"";background:var(--tex-scuff,none) 20px 60px / 300px 300px, radial-gradient(ellipse 20% 13% at 70% 72%, #fffaf00d, transparent 70%);border-radius:50%;position:absolute;inset:0}.tt-root .cdlid .glare{background:linear-gradient(125deg,#fff0 26%,#ffffff1f 34%,#fff0 44%);border-radius:50%;position:absolute;inset:0}.tt-root .cdlid.open{opacity:.85;transform:scaleY(.09);box-shadow:inset 0 0 0 2px #ffffff24,0 2px 4px #00000080}.tt-root .lcd{background:radial-gradient(120% 140% at 50% 0,#1b1411 0%,#0a0807 70%);border-radius:8px;align-items:center;gap:14px;height:50px;margin-top:12px;padding:0 14px;display:flex;position:relative;box-shadow:inset 0 2px 6px #000000e6,0 1px #ffffff14}.tt-root .lcd:after{content:"";border-radius:inherit;pointer-events:none;opacity:.6;background:var(--tex-scuff,none) 90px 30px / 260px 260px;position:absolute;inset:0}.tt-root .lcd-cell{flex-direction:column;gap:3px;display:flex}.tt-root .lcd-cell.grow{flex:1;align-items:flex-end}.tt-root .lcd-cell.ico{color:#ffb347;align-items:center;width:22px}.tt-root .lcd-cap{font-family:var(--plate);letter-spacing:.2em;color:#ffb3478c;height:8px;font-size:7px;font-weight:600}.tt-root .lcd-seg{align-items:center;gap:2px;height:22px;display:flex}.tt-root .lcd-seg svg{width:auto;height:22px;display:block}.tt-root .lcd-seg .colon{flex-direction:column;justify-content:space-around;align-items:center;width:5px;height:16px;display:flex}.tt-root .lcd-seg .colon i{background:#ffb347;border-radius:1px;width:3px;height:3px;box-shadow:0 0 4px #ffb347b3}.tt-root .lcd-seg.blink{animation:1s steps(2,jump-none) infinite tt-lcdBlink}@keyframes tt-lcdBlink{0%{opacity:1}to{opacity:.15}}.tt-root .cd-keys{justify-content:center}.tt-root .dig{flex-direction:column;align-items:stretch;display:flex;position:absolute}.tt-root .dig-cover{aspect-ratio:1;border-radius:4px;align-self:center;position:relative;overflow:hidden;box-shadow:0 30px 50px #28180c80,0 6px 14px #28180c59;container-type:size}.tt-root .dig-meta{font-family:var(--plate);letter-spacing:.14em;color:#f3ede29e;font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:16px;font-size:10px;display:flex}.tt-root .dig-wave{touch-action:none;cursor:pointer;width:100%;height:54px;margin-top:8px;display:block}.tt-root .dig-ctrl{justify-content:center;align-items:center;gap:28px;margin-top:14px;display:flex}.tt-root .dig-ctrl button{width:46px;height:46px;color:var(--cream);border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 0 0 1px #f3ede247}.tt-root .dig-ctrl button.main{background:var(--cream);width:58px;height:58px;color:var(--ink);box-shadow:0 8px 18px #28180c59}.tt-root .dig-ctrl button:active{transform:scale(.94)}.tt-root .fx .fx-media.dig-m{filter:drop-shadow(0 14px 18px #00000073)}.tt-root .fx .fx-media.dig-m .dmask{border-radius:6px;position:absolute;inset:0;overflow:hidden;container-type:size}.tt-root .fx .fx-media canvas.fx-pix{image-rendering:pixelated;image-rendering:crisp-edges;opacity:0;z-index:2}@media (max-width:360px){.tt-root .fmt{gap:1px}.tt-root .fmt button{letter-spacing:.02em;padding:6px 7px}.tt-root .tb-top.tall .tb-sub{display:none}.tt-root #vinylKeys{margin:0 8px 6px;padding:12px 10px 10px}.tt-root .kgroup,.tt-root .keys .right{gap:8px}.tt-root .kwell{width:62px}.tt-root .cap{width:52px}.tt-root .kwell.wide{width:84px}.tt-root .kwell.wide .cap{width:72px}}.tt-root #player.no-anim,.tt-root #player.no-anim *{transition:none!important}@media (prefers-reduced-motion:reduce){.tt-root .screen,.tt-root .sheet,.tt-root .arm.moving,.tt-root .machine,.tt-root .arm-light,.tt-root .ab-lamp{transition-duration:.01ms!important}}.tt-root .pane-idle{display:none}.tt-root .card.playing .pdisc,.tt-root .card.playing .s7disc{visibility:hidden!important}.tt-root .shelf-meta .np{letter-spacing:.26em;color:var(--amber);margin-bottom:7px;font-size:9px;font-weight:700}.tt-root .shelf-meta .np:before{content:"";vertical-align:1px;background:var(--amber);border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block;box-shadow:0 0 6px 1px #f0a73ab3}.tt-root .scene:focus{outline:none}.tt-root .scene:focus-visible{outline-offset:-8px;border-radius:14px;outline:1px solid #d9a52180}.tt-root.wide{--shelf-w:clamp(340px, 36vw, 560px);--side-w:clamp(240px, 22vw, 340px)}.tt-root.wide .screen.out{opacity:1;transform:none}.tt-root.wide #shelf{width:var(--shelf-w);z-index:2;right:auto;box-shadow:1px 0 #0006,22px 0 44px #120b0652}.tt-root.wide .card{width:min(calc(var(--shelf-w) * .6), 330px, 40vh)}.tt-root.wide .scene{cursor:grab}.tt-root.wide .scene:active{cursor:grabbing}.tt-root.wide .scene.mouse,.tt-root.wide .scene.mouse:active{cursor:default}.tt-root.wide .scene.mouse .card{cursor:pointer}.tt-root .scene.hovt .card{transition:transform .22s var(--ease)}.tt-root .scene.hovt .card .front>*,.tt-root .scene.hovt .card .side,.tt-root .scene.hovt .card .top{transition:opacity .22s var(--ease)}.tt-root.wide .shelf-meta .ti{font-size:21px}.tt-root.wide .fchips button:hover{color:var(--cream)}.tt-root .fchips .farr{color:#f3ede2bf;width:26px;height:26px;transition:color .2s var(--ease), background .2s var(--ease), opacity .2s var(--ease);border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.tt-root .fchips .farr:first-child{margin-right:4px}.tt-root .fchips .farr:last-child{margin-left:4px}.tt-root .fchips .farr:hover{color:var(--cream);background:#f3ede21f}.tt-root .fchips .farr.end{opacity:.22;cursor:default}.tt-root .fchips .farr.end:hover{background:0 0}.tt-root .shelf-meta .fhint{letter-spacing:.14em;color:#f3ede280;margin-top:7px;font-size:10px}.tt-root.wide .note{left:calc(var(--shelf-w) / 2)}.tt-root.wide .toast{left:calc(var(--shelf-w) + (100vw - var(--shelf-w)) / 2)}.tt-root.wide #player{left:var(--shelf-w);grid-template-columns:minmax(0, 1fr) var(--side-w);grid-template-rows:auto minmax(0,1fr) auto;display:grid}.tt-root.wide #player>:not(.pane-idle):not(.backdrop){transition:opacity .32s var(--ease)}.tt-root.wide #player.out>:not(.pane-idle){opacity:0;pointer-events:none}.tt-root.wide #player .topbar .sound-btn{visibility:hidden}.tt-root.wide .deck{grid-area:1/1/3;min-height:0;height:auto!important}.tt-root.wide #vinylKeys{box-sizing:border-box;grid-area:3/1;justify-self:center;width:min(520px,100% - 56px);margin:0 0 28px}.tt-root.wide .info{grid-area:1/2;justify-content:flex-start;padding:76px 28px 18px 4px}.tt-root.wide .info .ti{font-size:26px}.tt-root.wide .handle,.tt-root.wide .backdrop,.tt-root.wide .sheet .grip{display:none}.tt-root.wide .sheet{z-index:1;background:#18110b6b;border-radius:16px;grid-area:2/2/4;min-height:0;max-height:none;margin:0 24px 28px 0;padding:16px 18px 18px;position:relative;bottom:auto;left:auto;right:auto;transform:none;box-shadow:inset 0 0 0 1px #fff0dc0f,0 18px 36px #28180c47}.tt-root.wide .tr{padding:10px 0;font-size:14px}.tt-root.wide .tr:hover{color:var(--cream)}.tt-root.wide #discWrap,.tt-root.wide #tape,.tt-root.wide #cdwell,.tt-root.wide #digCover{cursor:pointer}.tt-root.wide .key:hover .cap,.tt-root.wide .dig-ctrl button:hover{filter:brightness(1.18)}.tt-root.wide .tkey:hover .face,.tt-root.wide .pkey:hover .face{filter:brightness(1.05)}.tt-root.wide .pane-idle{z-index:1;text-align:center;pointer-events:none;opacity:0;transition:opacity .45s var(--ease);flex-direction:column;justify-content:center;align-items:center;padding:0 48px;display:flex;position:absolute;inset:0}.tt-root.wide #player.idle .pane-idle{opacity:1}.tt-root .pi-platter{aspect-ratio:1;background:repeating-radial-gradient(circle,#ffffff08 0 1px,#0000 1px 10px),radial-gradient(circle,#2c2521 0 58%,#221c19 59%,#1a1512 100%);border-radius:50%;width:min(44vh,56%);margin-bottom:34px;position:relative;box-shadow:0 30px 50px #28180c73,0 6px 14px #28180c4d,inset 0 0 0 1px #ffffff0d,inset 0 0 0 10px #0000002e}.tt-root .pi-platter i{background:radial-gradient(circle at 40% 35%,#f3eee6,#a9a196);border-radius:50%;width:3.4%;min-width:8px;height:3.4%;min-height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 3px #0009}.tt-root .pi-t{font-family:var(--plate);letter-spacing:.42em;color:#281a0eb8;text-shadow:0 1px #fff0dc33;font-size:12px;font-weight:600}.tt-root .pi-s{color:#f3ede2e6;margin-top:12px;font-size:15px;font-weight:700}.tt-root .pi-k{letter-spacing:.1em;color:#f3ede299;margin-top:10px;font-size:11px}.tt-root.wide #player.xf>:not(.pane-idle):not(.backdrop){transition-duration:.2s}.tt-root.wide #player.empty>.topbar,.tt-root.wide #player.empty>.info,.tt-root.wide #player.empty>.sheet{opacity:0;pointer-events:none}.tt-root.wide #player.empty #discWrap,.tt-root.wide #player.empty #tape,.tt-root.wide #player.empty #cdDisc{visibility:hidden}.tt-root.wide #player.empty #cdSheen{background:0 0}.tt-root.wide #player.empty #digCover>*{visibility:hidden}.tt-root.wide #player.empty #digCover{background:#140d0838;box-shadow:inset 0 0 0 1px #f3ede21f}.tt-root.wide #player.empty .dig-wave{background:linear-gradient(#0000 calc(50% - 1px),#f3ede238 calc(50% - 1px) calc(50% + 1px),#0000 calc(50% + 1px))}.tt-root.wide #player.empty .pane-idle{width:var(--side-w);box-sizing:border-box;text-align:left;align-items:flex-start;padding:0 24px 0 32px;left:auto;right:0}.tt-root.wide #player.empty .pi-platter{display:none}.tt-root .vplat{pointer-events:none;border-radius:50%;position:absolute}.tt-root .vplat i{background:radial-gradient(circle at 40% 35%,#f3eee6,#a9a196);border-radius:50%;width:3.4%;min-width:8px;height:3.4%;min-height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 3px #0009}.tt-root .vplat{background:radial-gradient(circle,#3a342e 0 93%,#8f877d 94.5%,#c9c1b5 96%,#6f675e 97.5%,#2a2521 99%);box-shadow:0 30px 50px #28180c73,0 6px 14px #28180c4d}.tt-root .vplat:before{content:"";background:repeating-conic-gradient(#f0e8da8c 0 1.2deg, transparent 1.2deg 4deg);border-radius:50%;position:absolute;inset:1.2%;-webkit-mask:radial-gradient(circle,#0000 0 96.6%,#000 97%);mask:radial-gradient(circle,#0000 0 96.6%,#000 97%)}.tt-root .vmat{background-color:#1c1a19;background-image:var(--tex-grain,none);background-blend-mode:soft-light;background-size:140px 140px;border-radius:50%;position:absolute;inset:3.3%;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a,inset 0 2px 6px #00000080}.tt-root .vmat.custom{background-blend-mode:normal;background-position:50%;background-size:cover}.tt-root .vmat.custom:after{content:"";pointer-events:none;background:var(--tex-grain,none), radial-gradient(circle, transparent 60%, #00000040);mix-blend-mode:multiply;opacity:.6;background-size:140px 140px,auto;border-radius:50%;position:absolute;inset:0}.tt-root .vmat svg{width:100%;height:100%;position:absolute;inset:0}.tt-root .vmat .sm-ring{fill:none;stroke:#efe9dc52;stroke-width:1.4px}.tt-root .vmat .sm-ring.thin{stroke-width:.5px;stroke:#efe9dc33}.tt-root .vmat .sm-dot{fill:none;stroke:#c4442a;stroke-width:6px;opacity:.8}.tt-root .vmat .sm-word{fill:#efe9dc9e;font-family:var(--plate);letter-spacing:7px;text-anchor:middle;font-size:15px;font-weight:600}.tt-root .vmat .sm-sub{fill:#efe9dc66;font-family:var(--plate);letter-spacing:3px;text-anchor:middle;font-size:6px;font-weight:600}@media (prefers-reduced-motion:reduce){.tt-root.wide #player>*,.tt-root.wide .pane-idle{transition-duration:.01ms!important}}@media (pointer:coarse){.tt-root .pi-k{display:none}}