:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;background:#050505;color:#f5f5f7}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(180deg,rgba(53,173,210,.18),transparent 44%),radial-gradient(circle at 50% 10%,rgba(255,255,255,.1),transparent 34%),linear-gradient(145deg,rgba(144,112,151,.2),transparent 58%),#050505}button,input{font:inherit}.player-shell{display:grid;min-height:100vh;place-items:center;padding:24px}.player-card{display:grid;gap:22px;width:min(430px,100%);padding:18px 18px 24px}.artwork{position:relative;display:grid;aspect-ratio:1;width:100%;overflow:hidden;place-items:center;border-radius:8px;background:#15161c;box-shadow:0 24px 80px #00000073}.artwork-image{width:110%;height:110%;object-fit:cover;object-position:center top;transform:translateY(-4%)}.artwork:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 58%,rgba(8,9,15,.5) 76%,rgba(8,9,15,.98) 100%),linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:auto,28px 28px,28px 28px;content:""}.artwork-mark{z-index:1;font-size:4.4rem;font-weight:800;letter-spacing:0}.wave{position:absolute;right:22px;bottom:22px;z-index:1;display:flex;align-items:end;gap:5px;height:46px}.wave span{display:block;width:7px;border-radius:999px;background:#ffffffdb;opacity:.64}.wave span:nth-child(1){height:18px}.wave span:nth-child(2){height:34px}.wave span:nth-child(3){height:24px}.wave span:nth-child(4){height:42px}.wave span:nth-child(5){height:28px}.track-copy{display:grid;justify-items:center;gap:6px;text-align:center}.live-pill{display:inline-flex;align-items:center;gap:7px;margin:0 0 4px;color:#5ad7f3;font-size:.78rem;font-weight:700;letter-spacing:0;text-transform:uppercase}.live-pill span{width:8px;height:8px;border-radius:50%;background:#5ad7f3;box-shadow:0 0 18px #5ad7f3cc}h1{margin:0;font-size:1.58rem;line-height:1.08;letter-spacing:0}.subtitle{margin:0;color:#f5f5f79e;font-size:1rem}.controls{display:grid;gap:18px}.transport{display:flex;justify-content:center;gap:18px}button{display:grid;width:64px;height:64px;place-items:center;border:0;border-radius:50%;background:#fff;color:#050505;cursor:pointer;font-size:1.35rem;font-weight:800}.play-button span{transform:translate(2px)}.stop-button{background:#ffffff1c;color:#f5f5f7}button:disabled{cursor:default;opacity:.3}.volume-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;color:#f5f5f78c;font-size:.74rem;font-weight:700;letter-spacing:0}input[type=range]{width:100%;accent-color:#5ad7f3}.status{min-height:20px;margin:0;color:#f5f5f7b3;font-size:.92rem;text-align:center}.host-only{display:none}.host-mode .host-only{display:grid}fieldset.host-only{grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;border:0}fieldset.host-only legend{grid-column:1 / -1;color:#f5f5f794;font-size:.8rem}fieldset.host-only label,.auto-level{display:flex;align-items:center;gap:8px;color:#f5f5f7c2;font-size:.9rem}.host-meter,.metrics-panel{gap:7px;padding-top:6px}.host-meter p,.host-meter span,.metrics-panel span{margin:0;color:#f5f5f794;font-size:.82rem}.metrics-panel{grid-template-columns:1fr 1fr;gap:10px}.metrics-panel div{display:grid;gap:4px;padding:12px;border-radius:8px;background:#ffffff14}.metrics-panel strong{font-size:1.3rem}meter{width:100%}.remote-audio{display:none}.is-playing .wave span{animation:level .8s ease-in-out infinite alternate}.is-playing .wave span:nth-child(2){animation-delay:.08s}.is-playing .wave span:nth-child(3){animation-delay:.18s}.is-playing .wave span:nth-child(4){animation-delay:.04s}.is-playing .wave span:nth-child(5){animation-delay:.14s}@keyframes level{0%{transform:scaleY(.45)}to{transform:scaleY(1)}}@media(max-width:520px){.player-shell{align-items:start;padding:18px}.player-card{padding:0 0 22px}.artwork-mark{font-size:3.8rem}h1{font-size:1.42rem}}