.tape{background:var(--knit-black);color:var(--platinum);isolation:isolate;text-align:left;border-radius:10px;margin:2rem 0 2.5rem;padding:clamp(1.25rem,3vw,2.25rem);position:relative;box-shadow:0 18px 40px -24px #000000b3;container-type:inline-size}.tape:before{content:"";border-radius:inherit;background-image:var(--grain);opacity:.06;pointer-events:none;z-index:-1;position:absolute;inset:0}.tape .tp-grid{grid-template-columns:minmax(0,1fr);gap:clamp(1.5rem,4vw,3rem);display:grid}@container (width>=36rem){.tape .tp-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}}.tape .tp-text{order:-1;min-width:0}@container (width>=36rem){.tape .tp-text{order:0}}.tape .tp-deck{min-width:0}.tape .tp-h{font-size:var(--s-lead,1.35rem);color:var(--glow);font-family:var(--serif);margin:0 0 .5rem;line-height:1.2}.tape .tp-meta,.tape .tp-other,.tape .tp-trans,.tape .tp-voice{color:var(--pewter);margin:0 0 1rem;font-size:.875rem;line-height:1.45}.tape .tp-trans{margin:1rem 0 0}.tape .tp-voice{margin:.75rem 0 0}.tape .tp-other a,.tape .tp-trans a{color:var(--platinum)}.tape .tp-link{font:inherit;color:var(--glow);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.tape .tp-bay{background:linear-gradient(#11141b,#191d26);border-radius:16px;max-width:24rem;padding:.5rem;position:relative;overflow:hidden;box-shadow:inset 0 2px 10px #0009}.tape .tp-cassette{will-change:transform;position:relative}.tape .tp-shell{width:100%;height:auto;display:block}.tape .tp-body{fill:var(--night-desk)}.tape .tp-label{fill:var(--platinum)}.tape .tp-cassette[data-side=B] .tp-label{fill:#f2d9bf}.tape .tp-window{fill:var(--knit-black)}.tape .tp-foot{fill:#262b34}.tape .tp-hole{fill:var(--knit-black)}.tape .tp-reel{transform-box:fill-box;transform-origin:50%}.tape .tp-reel circle{fill:var(--platinum);stroke:var(--slate);stroke-width:calc(4px + 6px * (1 - var(--tp-p,0)))}.tape .tp-reel-r circle{stroke-width:calc(4px + 6px * var(--tp-p,0))}.tape .tp-reel path{stroke:var(--ink);stroke-width:3px;stroke-linecap:round;fill:none}.tape[data-playing] .tp-reel{animation:1.4s linear infinite tp-spin}.tape[data-playing] .tp-reel-r{animation-duration:1.1s}@keyframes tp-spin{to{transform:rotate(-360deg)}}.tape .tp-name,.tape .tp-sidetag{color:var(--ink);margin:0;line-height:1.2;position:absolute;top:10%}.tape .tp-name{font-family:var(--serif);letter-spacing:-.01em;text-wrap:balance;overflow-wrap:anywhere;font-size:clamp(.8rem,3.4cqi,1.1rem);line-height:1.15;left:9%;right:30%}.tape .tp-sidetag{text-align:right;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;font-size:.75rem;font-weight:600;right:9%}.tape .tp-progress{background:var(--night-desk);border-radius:2px;max-width:24rem;height:4px;margin-top:.875rem;overflow:hidden}.tape .tp-progress span{background:var(--glow);transform-origin:0;height:100%;transition:transform .24s linear;display:block;transform:scaleX(0)}.tape .tp-time{max-width:24rem;font-family:var(--mono);color:var(--pewter);justify-content:space-between;gap:1rem;margin:.375rem 0 0;font-size:.75rem;display:flex}.tape .tp-controls{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.875rem;display:flex}.tape .tp-btn{font-family:var(--mono);letter-spacing:.02em;cursor:pointer;background:var(--night-desk);min-width:44px;min-height:44px;color:var(--platinum);transition:transform .14s var(--ease-out), background-color .18s var(--ease-out), color .18s var(--ease-out);border:0;border-radius:999px;place-items:center;padding:.5rem .9rem;font-size:.8125rem;font-weight:500;display:inline-grid}.tape .tp-btn:hover:not(:disabled){background:#2a303a}.tape .tp-btn:active:not(:disabled){transform:scale(.96)}.tape .tp-btn:disabled{color:var(--pewter);cursor:not-allowed;opacity:.6}.tape .tp-btn:focus-visible,.tape .tp-pick select:focus-visible,.tape .tp-link:focus-visible{outline:2px solid var(--glow);outline-offset:2px}.tape .tp-icon{width:44px;padding:0}.tape .tp-play{background:var(--glow);width:52px;height:52px;color:var(--ink);padding:0}.tape .tp-play:hover:not(:disabled){background:#ffd2a3}.tape .tp-play .tp-i-pause,.tape[data-playing] .tp-play .tp-i-play{display:none}.tape[data-playing] .tp-play .tp-i-pause{display:block}.tape .tp-pick{max-width:24rem;font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--pewter);align-items:center;gap:.625rem;margin-top:.75rem;font-size:.75rem;display:flex}.tape .tp-pick select{min-width:0;min-height:44px;font:500 .875rem var(--text,sans-serif);text-transform:none;letter-spacing:0;color:var(--platinum);background:var(--night-desk);border:1px solid #343a46;border-radius:10px;flex:1;padding:.5rem .75rem}.tape .tp-readout{margin:0;display:grid}.tape .tp-side{transition:opacity .26s var(--ease-out), transform .42s var(--ease-expo);grid-area:1/1;margin:0}.tape .tp-side:not(.is-active){opacity:0;pointer-events:none;visibility:hidden;transform:translateY(8px)}.tape .tp-readout dt{font-family:var(--text);color:var(--pewter);margin:0;font-size:.9375rem;font-style:italic}.tape .tp-readout dd{font-family:var(--text);letter-spacing:-.005em;text-wrap:pretty;color:var(--platinum);margin:.5rem 0 0;font-size:clamp(1.15rem,4.2cqi,1.5rem);line-height:1.32}.tape .tp-rating{grid-template-columns:auto 1fr;align-items:center;gap:.5rem 1.25rem;margin-top:2rem;display:grid}.tape .tp-rating[hidden]{display:none}.tape .tp-score{align-items:baseline;gap:.5rem;margin:0;display:flex}.tape .tp-num{font-family:var(--serif);font-size:var(--s-head);letter-spacing:-.03em;color:var(--glow);line-height:1}.tape .tp-of{font-family:var(--mono);font-size:var(--s-small);color:var(--pewter)}.tape .tp-meter{grid-template-columns:repeat(10,1fr);gap:4px;max-width:16rem;display:grid}.tape .tp-meter span{background:var(--night-desk);height:12px}.tape .tp-meter span.on{background:var(--glow)}.tape .tp-how{color:var(--platinum);grid-column:1/-1}.rd-body .tape{margin:1rem 0 1.75rem;padding:clamp(1rem,3cqi,1.5rem)}@media (prefers-reduced-motion:reduce){.tape[data-playing] .tp-reel{animation:none}.tape .tp-side,.tape .tp-btn,.tape .tp-progress span{transition:none}}