:root{color:#1d2027;background:#f2f5f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button,.upload-button{align-items:center;background:#1d2027;border:0;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;gap:.5rem;justify-content:center;min-height:42px;padding:.65rem .9rem}.icon-button{aspect-ratio:1;padding:0;width:42px}.shell,.public-page{margin:0 auto;max-width:1180px;padding:1.25rem}.topbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.hero{align-content:center;min-height:44vh}.eyebrow{color:#9b4056;font-size:.78rem;font-weight:800;letter-spacing:0;margin:0 0 .75rem;text-transform:uppercase}h1{font-size:clamp(2.5rem,7vw,5.5rem);line-height:.95;margin:0}h2,h3{align-items:center;display:flex;gap:.5rem;margin:0 0 .85rem}.player,.panel,.login-panel,.public-grid article{background:#fff;border:1px solid #d8e0e4;border-radius:8px;padding:1rem}.player{align-items:center;display:grid;gap:1rem;grid-template-columns:minmax(0,1fr) minmax(260px,420px) auto;margin-bottom:1rem}audio{width:100%}.youtube-player{aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;width:100%}.youtube-player iframe,.youtube-player>div{border:0;height:100%;width:100%}.workspace,.public-grid{display:grid;gap:1rem;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}.import-row{display:grid;gap:.6rem;grid-template-columns:minmax(0,1fr) auto;margin-bottom:.8rem}input{border:1px solid #c6d0d7;border-radius:8px;min-height:42px;padding:.65rem .75rem}.upload-button{margin-bottom:.8rem;position:relative}.upload-button input{height:1px;opacity:0;position:absolute;width:1px}.track-list,.playlist-list,.login-panel{display:grid;gap:.6rem}.track-row{align-items:center;border-top:1px solid #e2e7ea;display:grid;gap:.7rem;grid-template-columns:minmax(0,1fr) auto auto;padding-top:.7rem}.track-row div{display:grid;min-width:0}.track-row span,.muted,.hero p,.public-grid p,.player p{color:#65717d}.playlist-button{background:#eef2f4;color:#1d2027;justify-content:flex-start}.selected-playlist{border-top:1px solid #e2e7ea;margin-top:1rem;padding-top:1rem}.notice{background:#fff8e5;border:1px solid #e4c97a;border-radius:8px;color:#715b10;padding:.75rem}.error{color:#a62e2e;margin:0}@media(max-width:820px){.workspace,.public-grid,.player,.import-row,.track-row{grid-template-columns:1fr}.topbar{align-items:flex-start}}