.listener-shell{max-width:1100px;color:var(--studio-fg,#f1e8f0);width:100%;margin:auto;padding:24px 24px 220px}.listener-shell header,.listener-shell header nav,.listener-summary,.listener-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.listener-shell header{justify-content:space-between}.listener-shell a{color:var(--studio-cyan,#ed84e0)}.listener-shell button,.listener-shell select{border:1px solid var(--studio-border,#50404c);background:var(--studio-raised,#251d23);color:inherit;cursor:pointer;border-radius:8px;padding:10px 14px}.listener-shell button:disabled{opacity:.5;cursor:default}.listener-shell button[aria-pressed=true]{color:#200c1d;background:#ed84e0}.listener-intro{padding:52px 0 30px}.listener-intro h1{letter-spacing:-2px;font-size:clamp(32px,6vw,60px)}.listener-intro p{color:var(--studio-muted,#c2acbe);margin:12px 0}.listener-tabs{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.listener-alert{background:#502525;border-radius:8px;padding:16px}.listener-summary{justify-content:space-between;margin:20px 0}.listener-row{border-bottom:1px solid var(--studio-border,#50404c);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;display:flex}.listener-row h2{font-size:18px;font-weight:650}.listener-row p{color:var(--studio-muted,#c2acbe);margin-top:6px}.listener-selection{border:1px solid var(--studio-cyan,#ed84e0);border-radius:12px;padding:24px}.listener-selection label{margin:12px 0;display:block}.listener-selection input,.listener-actions input{margin-right:8px}.listener-player{background:var(--studio-surface,#15191f);border-top:1px solid var(--studio-border,#50404c);z-index:40;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;padding:18px;display:flex;position:fixed;bottom:0;left:0;right:0}.listener-player audio{width:310px;max-width:100%}.listener-player strong{max-width:260px}.listener-shell :focus-visible{outline-offset:3px;outline:2px solid #ed84e0}@media (max-width:600px){.listener-shell{padding:16px 16px 260px}.listener-player{gap:10px;padding:12px}.listener-player strong{text-align:center;width:100%;max-width:none}.listener-player audio{width:100%}.listener-row{align-items:flex-start}.listener-actions{gap:8px}.listener-actions button{font-size:13px}.listener-intro{padding-top:32px}}.listener-shell .listener-brand{color:#0000;font-size:22px;text-decoration:none}