:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f5f8f2;background:#0c140d;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header{max-width:760px;margin:auto;display:flex;align-items:center;gap:9px;padding:calc(20px + env(safe-area-inset-top)) 20px 20px;font-size:21px}header b span,.logo{color:#b4ff35}.logo{font-size:28px}header small{margin-left:auto;font:700 9px monospace;letter-spacing:1.4px;color:#b0bfad}main{max-width:760px;margin:auto;padding:0 16px 50px}.player{background:#162219;border-radius:14px;padding:18px}.now{display:flex;justify-content:space-between;gap:12px}.now div{min-width:0}label{font-size:10px;font-weight:700;letter-spacing:1.4px;color:#b4ff35}.now h1{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:8px 0 14px}.now strong{font:500 27px monospace;color:#b4ff35}input[type=range]{accent-color:#b4ff35;width:100%;cursor:pointer}.times{display:flex;justify-content:space-between;font:10px monospace;color:#b0bfad}.visual{height:72px;display:flex;align-items:center;justify-content:center;overflow:hidden;white-space:nowrap;color:#b4ff35;opacity:.7;letter-spacing:4px}.controls{display:flex;align-items:center;gap:3px}.spacer{flex:1}button,.add{font:inherit;color:#b0bfad;background:transparent;border:0;border-radius:8px;cursor:pointer}button{min-height:40px;padding:8px}.controls button{min-width:35px;font-size:16px}.controls #skip{font-size:10px;font-weight:700}.controls button.active{color:#b4ff35;background:#293b22}.controls .primary{background:#b4ff35;color:#0c140d;width:44px}.volume{display:flex;align-items:center;gap:10px;color:#b4ff35;margin-top:15px}.volume input{max-width:220px}.listhead{display:flex;align-items:center;justify-content:space-between;padding:24px 4px 14px}.listhead p{font-size:11px;color:#b0bfad;margin:5px 0}.add{padding:10px 12px;border:1px solid #394837;font-size:13px;color:#f5f8f2}.track{display:flex;align-items:center;background:#ffffff08;border-radius:7px;margin:3px 0}.track.selected{background:#b4ff351a}.trackname{text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1;color:#eee;font-size:13px}.selected .trackname{color:#b4ff35}#empty{text-align:center;padding:45px 10px;color:#b0bfad;font-size:13px}#empty div{font-size:36px;color:#b4ff35}#empty b{display:block;color:#fff;margin-top:8px}#empty p{line-height:1.6}#message{color:#ffbf73;font-size:13px}.eqhead{display:flex;justify-content:space-between;align-items:center}#bands{display:flex;justify-content:space-between;gap:4px}#bands>div{display:flex;flex-direction:column;align-items:center;width:10%;gap:4px;color:#b0bfad}#bands input{writing-mode:vertical-lr;direction:rtl;height:90px;width:20px}#bands small{font:9px monospace}dialog{width:min(90%,420px);border:1px solid #394837;border-radius:14px;background:#162219;color:#fff}dialog::backdrop{background:#000a}dialog h2{font-size:18px}dialog p{overflow-wrap:anywhere;color:#b0bfad}dialog button{display:block;color:#b4ff35;text-align:left}dialog form{border-top:1px solid #394837;margin-top:12px}@media(max-width:420px){header small{display:none}.controls{gap:0}.controls button{min-width:30px;padding:6px}.player{padding:15px}}