:root{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#eaf7f4;background:#071817;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 80% 0,#17463f 0,transparent 35%),#071817}button,input{font:inherit}.shell{width:min(1180px,calc(100% - 32px));margin:auto;padding:42px 0 24px}header{margin-bottom:28px}header h1{margin:8px 0;font-size:clamp(2.8rem,7vw,5.8rem);line-height:1;color:#d9ff73;letter-spacing:-.06em}header>p:last-child{color:#91aaa5}.eyebrow{margin:0;color:#64d7bd;font-size:.72rem;font-weight:900;letter-spacing:.18em}.now-playing{display:grid;grid-template-columns:1fr auto;gap:22px;padding:30px;border:1px solid #2a4a45;border-radius:22px;background:linear-gradient(120deg,#102d2a,#0b2220);box-shadow:0 25px 70px #00000040}.now-playing h2{margin:8px 0;font-size:2rem}.now-playing p{color:#9db5b0}.player-controls{display:flex;align-items:center;gap:8px}.player-controls button,.search-panel form button{border:0;border-radius:999px;padding:11px 17px;color:#071817;background:#d9ff73;font-weight:800;cursor:pointer}.player-controls button:disabled,button:disabled{opacity:.4;cursor:not-allowed}.status{grid-column:1/-1;display:flex;align-items:center;gap:14px;color:#80a29b;font-size:.8rem}.status>div{height:4px;flex:1;background:#25443e;border-radius:4px;overflow:hidden}.status i{display:block;height:100%;background:#d9ff73}.grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px}.panel{padding:28px;border:1px solid #24423d;border-radius:22px;background:#0c2623b8}.panel h2{margin:8px 0 20px;font-size:1.5rem}.search-panel form{display:grid;grid-template-columns:1fr .7fr auto;gap:8px}.search-panel input{min-width:0;border:1px solid #34564f;border-radius:12px;padding:12px;color:#eaf7f4;background:#0b2522;outline:none}.search-panel input:focus{border-color:#d9ff73;box-shadow:0 0 0 3px #d9ff7326}.notice,.empty{min-height:22px;color:#8ea8a2;font-size:.85rem}.results,ol{list-style:none;margin:0;padding:0}.results li,.queue-panel li{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid #203f39}.results li>div,.queue-panel li>div{display:grid;gap:4px;flex:1}.results small,.queue-panel small{color:#7e9c96}.results button,.queue-panel li button,.text-button{border:0;color:#b8e9de;background:transparent;cursor:pointer}.panel-title{display:flex;justify-content:space-between;align-items:start}.queue-panel li>span{color:#5c7b74;font-variant-numeric:tabular-nums}.queue-panel li.current{color:#d9ff73}.queue-panel li.current>span{color:#d9ff73}footer{padding:24px 4px 0;color:#66827d;font-size:.8rem}@media(max-width:800px){.now-playing,.grid{grid-template-columns:1fr}.player-controls{flex-wrap:wrap}.search-panel form{grid-template-columns:1fr}.now-playing .status{grid-column:1}}@media(max-width:480px){.shell{width:min(100% - 20px,1180px);padding-top:24px}.panel,.now-playing{padding:20px}.player-controls button{flex:1}}.source-tabs{display:flex;gap:8px;margin-bottom:14px}.source-tabs button{border:1px solid #34564f;border-radius:999px;padding:8px 12px;color:#9ab5af;background:transparent;cursor:pointer}.source-tabs button[aria-pressed=true]{border-color:#d9ff73;color:#071817;background:#d9ff73}.results a{color:#9fe7d7}.host-toggle{margin-top:12px;border:1px solid #4e756d;border-radius:999px;padding:9px 14px;color:#b8e9de;background:transparent;cursor:pointer}.host-toggle[aria-pressed=true]{border-color:#d9ff73;color:#071817;background:#d9ff73}.host-actions,.reorder{display:flex;gap:4px}.lock-note{padding:9px 12px;border-radius:10px;color:#071817;background:#d9ff73;font-size:.8rem}.activity{margin-top:20px;padding-top:18px;border-top:1px solid #27463f}.activity ul{margin-top:9px}.activity li{display:grid;grid-template-columns:68px 45px 1fr;gap:8px;padding:7px 0;color:#79968f;font-size:.75rem}.activity time{font-variant-numeric:tabular-nums}