:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f8fafc;background:#0b1020;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.5}.app{max-width:600px;margin:auto;padding:calc(env(safe-area-inset-top) + 18px) 18px calc(env(safe-area-inset-bottom) + 35px)}header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:24px}.brand{font-size:20px;font-weight:800;display:flex;align-items:center;gap:8px}.brand span{color:#a78bfa}.pill{border:1px solid #343b53;color:#b5bbcf;border-radius:99px;font-size:11px;padding:7px 9px}.player{background:linear-gradient(150deg,#22294b,#161c33 65%,#10172b);border:1px solid #343d5b;border-radius:26px;padding:25px 22px 16px;box-shadow:0 14px 55px #05091599}.artwork{width:min(72vw,285px);height:min(72vw,285px);border-radius:23px;background:linear-gradient(135deg,#7456e3,#e273a2);margin:0 auto 24px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 15px 36px #06081780}.artwork img{width:100%;height:100%;object-fit:cover}.song{text-align:center;min-height:73px}.song h1{font-size:21px;margin:0 0 6px;overflow-wrap:anywhere}.song p{margin:0;color:#b9c1d9;font-size:14px}.seek{width:100%;accent-color:#b399ff;margin:15px 0 0}.time{display:flex;justify-content:space-between;color:#b9c1d9;font-size:12px}.controls{display:flex;justify-content:space-between;align-items:center;margin:14px 0}.controls button{border:0;background:transparent;color:#e6e7f1;padding:9px;display:grid;place-items:center}.controls button.active{color:#b39aff}.controls .mainplay{width:66px;height:66px;border-radius:50%;background:#b99cff;color:#17122a}.status{text-align:center;color:#b3bdd4;font-size:12px;margin:8px}.panel{margin-top:20px;background:#161c30;border:1px solid #2d354e;border-radius:20px;padding:18px}.panel h2{font-size:17px;margin:0 0 15px;display:flex;align-items:center;gap:9px}.panel h2 small{margin-left:auto;color:#aeb6cb;font-size:12px}.muted{color:#9eaac5;font-size:13px;line-height:1.6}.track{display:flex;align-items:center;border-top:1px solid #2a3249}.track.selected{color:#bda8ff}.trackinfo{flex:1;display:flex;gap:14px;align-items:center;text-align:left;border:0;background:transparent;color:inherit;padding:13px 2px;min-width:0}.trackinfo span:last-child{min-width:0}.trackinfo strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.trackinfo small{display:block;color:#a2abc1;margin-top:4px}.tracknum{width:20px;color:#9eaac5}.delete{background:transparent;border:0;color:#a7aec2;padding:10px}form{display:grid;gap:10px}form input{width:100%;background:#0c1324;color:#fff;border:1px solid #38425c;border-radius:11px;padding:13px;outline:none}form input:focus{border-color:#b49bff}.submit{display:flex;align-items:center;justify-content:center;gap:8px;background:#a88cf7;color:#1b1532;border:0;border-radius:12px;font-weight:700;padding:13px}.import{margin-top:14px}.import label{display:flex;align-items:center;gap:8px;cursor:pointer;color:#c9b9ff;font-size:13px}.diagnostics{display:flex;gap:10px}.diagnostics button{background:#2d3550;border:1px solid #47516f;color:#fff;border-radius:9px;padding:10px 12px;display:flex;align-items:center;gap:7px}.panel pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;color:#c7d3e5;max-height:230px;overflow:auto}footer{text-align:center;color:#6f7b96;font-size:11px;padding-top:25px}@media(max-width:380px){.controls button{padding:5px}.panel{padding:14px}}.playlist-select,.inline-actions input{background:#0c1324;color:#fff;border:1px solid #38425c;border-radius:10px;padding:12px;width:100%;margin:6px 0}.inline-actions{display:flex;gap:8px;margin-top:10px}.inline-actions button{border:1px solid #6554a4;background:#30264d;color:#e9ddff;border-radius:10px;padding:10px;white-space:nowrap}.playlist-library{max-height:230px;overflow:auto;margin-top:14px;border-top:1px solid #38425c;padding-top:12px}.playlist-library strong{display:block;font-size:13px;margin-bottom:8px}.playlist-library label{display:flex;align-items:center;gap:9px;padding:8px 0;font-size:13px;color:#cbd5e1}.playlist-library input{accent-color:#a88cf7}.yt-link{flex:1;overflow:hidden;text-overflow:ellipsis;color:#bda8ff;padding:12px 0;font-size:13px}.playlist-panel .field-label{display:block;color:#cad1e4;font-size:13px;margin:12px 0 6px}.manager-input{width:100%;background:#0c1324;color:#fff;border:1px solid #38425c;border-radius:10px;padding:12px;min-width:0}.inline-actions{flex-wrap:wrap}.inline-actions input{flex:1;min-width:160px}.inline-actions button{display:inline-flex;align-items:center;gap:5px;justify-content:center}.playlist-toolbar{display:flex;align-items:center;gap:8px;margin-top:14px}.playlist-toolbar .playlist-select{flex:1;min-width:0}.playlist-toolbar button,.membership-row button{border:1px solid #445075;background:#28324e;color:#e6e9f7;border-radius:8px;padding:9px;display:grid;place-items:center}.playlist-members{margin-top:18px}.playlist-members>strong,.playlist-library>strong{display:block;margin-bottom:10px;font-size:14px}.membership-row{display:flex;align-items:center;gap:5px;border-top:1px solid #303a54;padding:7px 0}.membership-name{flex:1;min-width:0;font-size:13px;overflow-wrap:anywhere}.membership-name b{color:#a88cf7}.membership-row button:disabled{opacity:.3}.playlist-library{max-height:none;margin-top:20px}.library-song{border-top:1px solid #303a54;padding:11px 0}.library-title{display:flex;flex-direction:column;gap:4px;overflow-wrap:anywhere}.library-title strong{font-size:13px;color:#f1f5ff}.library-title small{color:#a5b1c9}.membership-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.membership-tags label{display:inline-flex;align-items:center;border-radius:99px;background:#242e49;border:1px solid #485475;padding:6px 10px;font-size:12px;gap:6px}.membership-tags input{accent-color:#ae96ff}.membership-tags label:has(input:checked){border-color:#ab90ee;background:#41315e}.playlist-panel button:disabled{opacity:.5;cursor:not-allowed}.playlist-panel code{overflow-wrap:anywhere}