#just-listen[hidden]{display:none!important}body.just-listening{background:radial-gradient(ellipse at 80% 30%,#46342144,transparent 60%),#141b17;padding:0}body.just-listening>:not(#just-listen):not(audio):not(script):not(style){display:none!important}#just-listen{max-width:1480px;min-height:100svh;box-sizing:border-box;margin:auto;padding:28px 5% 50px;color:#e6e2cf}.quiet-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:40px}.quiet-top a{font:10px/1.6 system-ui;letter-spacing:.15em;color:#cebc94;text-decoration:none}.quiet-top button{min-height:46px;white-space:nowrap}.quiet-layout{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(0,1.35fr);gap:7%;align-items:center}.quiet-sleeve{min-width:0}.quiet-cover{position:relative;aspect-ratio:1;max-width:470px;background:linear-gradient(140deg,#a4875744,#293f31);box-shadow:0 24px 55px #0008,2px 1px 0 #d4c7a05c;border:1px solid #b7a57a44}.quiet-cover:after{content:'';pointer-events:none;position:absolute;inset:0;background:linear-gradient(110deg,#fff2,transparent 25% 80%,#0002);box-shadow:inset 3px 0 0 #ffffff16}.quiet-cover img{width:100%;height:100%;object-fit:cover;display:block}.quiet-cover img[hidden],#quiet-art-empty[hidden]{display:none}#quiet-art-empty{display:block;padding:15%;font:clamp(32px,5vw,68px)/1.15 Georgia;color:#e3ca95}#quiet-art-empty small{font:14px/1.8 system-ui}.quiet-kicker{margin-top:26px;font:10px system-ui;letter-spacing:.2em;color:#cbb78d}#quiet-title{font:clamp(27px,3vw,44px)/1.15 Georgia;margin:10px 0;overflow-wrap:anywhere}#quiet-artist{font:14px/1.7 system-ui;color:#bfc8b5;overflow-wrap:anywhere}.quiet-controls{display:flex;gap:16px;align-items:center;margin:24px 0 14px}.quiet-controls button{min-width:50px;min-height:50px}#quiet-play{width:66px;height:66px;border-radius:50%;font-size:24px;background:#dec18d;color:#17261c;box-shadow:0 4px 15px #0005}.quiet-timeline{display:flex;align-items:center;gap:10px;font-size:11px;font-variant-numeric:tabular-nums}.quiet-timeline input{flex:1;min-width:0;min-height:44px;accent-color:#d8b779}#quiet-state{font:12px/1.7 system-ui;color:#b4beab}.quiet-system{min-width:0}.quiet-equipment-caption{display:flex;justify-content:space-between;gap:16px;font:10px/1.6 system-ui;letter-spacing:.08em;color:#c4b18a;margin-bottom:20px}#quiet-player-slot{min-width:0}#quiet-player-slot #tape-unit,#quiet-player-slot #vinyl-unit{width:100%;box-sizing:border-box}#quiet-player-slot .cassette-loader,#quiet-player-slot .cd-load,#quiet-player-slot .cd-help,#quiet-player-slot #cd-slots{display:none!important}#quiet-player-slot .tape-face{min-height:0}#quiet-player-slot .deck{box-shadow:0 28px 45px #0009}#quiet-player-slot .tape-face{box-shadow:inset 0 1px #ffffff88,0 25px 40px #0009}.quiet-output{display:flex;align-items:center;gap:18px;margin-top:26px;padding:20px;background:linear-gradient(120deg,#26352a,#1c2822);border:1px solid #69735977;border-radius:8px}.quiet-output>div{flex:1}.quiet-output span,.quiet-output output{font:10px/1.6 system-ui;letter-spacing:.04em;color:#bdc5b0}.quiet-meter{height:5px;background:#101c14;margin:8px 0;overflow:hidden;border-radius:5px}.quiet-meter i{display:block;height:100%;background:linear-gradient(90deg,#a9b57e,#e1ba72 85%,#d1825c);transform:scaleX(0);transform-origin:left;transition:transform .12s linear}.quiet-valve-light{width:12px;height:12px;border-radius:50%;background:#485547;flex-shrink:0}.quiet-valve-on .quiet-valve-light{background:#e4a75c;box-shadow:0 0 calc(8px + var(--quiet-signal,0)*10px) #d78a42aa}.quiet-enter{min-height:48px;background:#dec18d;color:#1c2b21}.console-title{flex-wrap:wrap}#just-listen button:focus-visible,#just-listen a:focus-visible,#just-listen input:focus-visible{outline:3px solid #edc781;outline-offset:4px}#just-listen button:active{transform:translateY(2px)}body.playing[data-source=cassette] .tape-keys button[data-transport=play]{transform:translateY(2px);box-shadow:inset 0 2px 5px #0006}@media(max-width:900px){.quiet-layout{grid-template-columns:1fr;gap:32px}.quiet-cover{max-width:400px;margin:auto}.quiet-sleeve{max-width:600px;width:100%;margin:auto}.quiet-system{max-width:700px;width:100%;margin:auto}.quiet-top{margin-bottom:28px}.quiet-equipment-caption{margin-bottom:12px}}@media(max-width:480px){#just-listen{padding:18px 5% 35px}.quiet-top{gap:12px}.quiet-top a{font-size:8px;max-width:160px}.quiet-top button{font-size:12px;padding:10px}.quiet-cover{max-width:340px}.quiet-controls{justify-content:center}#quiet-title{font-size:30px}.quiet-output{padding:15px;gap:12px}.quiet-output #quiet-sound-caption{max-width:95px;font-size:9px}.quiet-equipment-caption{font-size:9px}}@media(prefers-reduced-motion:reduce){.quiet-meter i{transition:none}#just-listen button:active{transform:none}}

@media(min-width:901px) and (max-height:850px){.quiet-cover{max-width:min(100%,43svh)}.quiet-layout{align-items:start}.quiet-top{margin-bottom:24px}#quiet-player-slot .cassette-window[data-stock]{width:72%;margin-block:18px}.quiet-controls{margin-top:16px}.quiet-kicker{margin-top:20px}}