*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;overflow:hidden}body{-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.page.svelte-1n46o8q{-webkit-user-select:none;user-select:none;background:#04040e;width:100vw;height:100vh;position:relative;overflow:hidden}.canvas.svelte-1n46o8q{width:100%;height:100%;position:absolute;inset:0}.topbar.svelte-1n46o8q{z-index:10;pointer-events:none;background:linear-gradient(#04040ebf 0%,#0000 100%);justify-content:space-between;align-items:center;padding:1.25rem 1.75rem;display:flex;position:absolute;top:0;left:0;right:0}.back-link.svelte-1n46o8q{color:#ffffff73;pointer-events:all;align-items:center;gap:.4rem;font-size:.8rem;text-decoration:none;transition:color .2s;display:inline-flex}.back-link.svelte-1n46o8q:hover{color:#ffffffd9}.page-title.svelte-1n46o8q{color:#ffffff4d;letter-spacing:.1em;text-transform:uppercase;font-size:.8rem}.player.svelte-1n46o8q{z-index:10;background:linear-gradient(#0000 0%,#04040e99 40%,#04040ee6 100%);flex-direction:column;gap:.6rem;padding:0 2rem 2rem;display:flex;position:absolute;bottom:0;left:0;right:0}.track-row.svelte-1n46o8q{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.track-info.svelte-1n46o8q{flex-direction:column;gap:.15rem;display:flex;overflow:hidden}.track-name.svelte-1n46o8q{color:#ffffffe6;white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:500;overflow:hidden}.track-hint.svelte-1n46o8q{color:#ffffff59;font-size:.75rem}.time-display.svelte-1n46o8q{color:#fff6;white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.8rem}.progress-bar.svelte-1n46o8q{cursor:pointer;background:#ffffff1f;border-radius:9999px;height:3px;transition:height .15s;position:relative}.progress-bar.svelte-1n46o8q:hover{height:5px}.progress-fill.svelte-1n46o8q{background:linear-gradient(90deg,#818cf8,#a78bfa);border-radius:9999px;height:100%;transition:width .1s linear}.controls-row.svelte-1n46o8q{justify-content:space-between;align-items:center;gap:1rem;padding-top:.25rem;display:flex}.left-controls.svelte-1n46o8q{flex:1;align-items:center;gap:.6rem;display:flex}.btn.svelte-1n46o8q{cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.4rem;font-family:inherit;font-size:.8rem;transition:all .2s;display:inline-flex}.btn-play.svelte-1n46o8q{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #ffffff2e;border-radius:9999px;flex-shrink:0;width:52px;height:52px}.btn-play.svelte-1n46o8q:hover:not(:disabled){background:#ffffff2e;transform:scale(1.05)}.btn-play.svelte-1n46o8q:disabled{opacity:.35;cursor:not-allowed}.btn-secondary.svelte-1n46o8q{color:#fff9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff12;border:1px solid #ffffff1f;border-radius:6px;padding:.45rem .85rem}.btn-secondary.svelte-1n46o8q:hover{color:#fff;background:#ffffff21}.upload-label.svelte-1n46o8q{cursor:pointer}.right-controls.svelte-1n46o8q{flex:1;justify-content:flex-end;align-items:center;gap:.6rem;display:flex}.volume-icon.svelte-1n46o8q{color:#fff6;flex-shrink:0}.volume-slider.svelte-1n46o8q{appearance:none;cursor:pointer;background:#ffffff26;border-radius:9999px;outline:none;width:90px;height:3px}.volume-slider.svelte-1n46o8q::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fffc;border-radius:9999px;width:13px;height:13px}.volume-slider.svelte-1n46o8q::-moz-range-thumb{cursor:pointer;background:#fffc;border:none;border-radius:9999px;width:13px;height:13px}.hidden.svelte-1n46o8q{display:none}@media (width<=640px){.player.svelte-1n46o8q{padding:0 1rem 1.5rem}.page-title.svelte-1n46o8q,.right-controls.svelte-1n46o8q,.btn-secondary.svelte-1n46o8q:nth-child(2){display:none}.btn-play.svelte-1n46o8q{width:46px;height:46px}}