:root{--color-lime:#00b4d8;--color-coral:#ff6b6b;--color-aqua:#48cae4;--color-sunset:#ffb703;--color-charcoal:#023047;--color-bg:#caf0f8;--color-surface:#ffffffbf;--color-surface-2:#fffffff2;--color-text:#023047;--color-text-muted:#526a80;--color-border:#0230471a;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-xl:32px;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--shadow-card:0 4px 24px #00326414;--shadow-glow-lime:0 0 24px #00b4d859;--shadow-glow-coral:0 0 24px #ff6b6b59;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-mid:.3s cubic-bezier(.4,0,.2,1);--transition-slow:.6s cubic-bezier(.4,0,.2,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent;font-size:16px}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;min-height:100dvh;overflow-x:hidden}#app{min-height:100dvh;position:relative}h1{letter-spacing:-.03em;font-size:clamp(1.6rem,5vw,2.4rem);font-weight:800;line-height:1.1}h2{letter-spacing:-.02em;font-size:clamp(1.1rem,3vw,1.4rem);font-weight:700}h3{font-size:1rem;font-weight:600}.btn{border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;gap:8px;min-width:44px;min-height:44px;padding:12px 20px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.96)}.btn-primary{background:var(--color-lime);color:#fff}.btn-primary:hover{box-shadow:var(--shadow-glow-lime)}.btn-ghost{color:var(--color-text);border:1px solid var(--color-border);background:#ffffff80}.btn-ghost:hover{background:#fffc}.btn-spotify{color:#fff;background:#1db954}.btn-spotify:hover{background:#1ed760}.btn-icon{border-radius:50%;width:44px;height:44px;padding:10px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:20px}:focus-visible{outline:2px solid var(--color-lime);outline-offset:3px;border-radius:4px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-surface-2);border-radius:4px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@keyframes rank-up{0%{color:var(--color-lime);transform:translateY(4px)}to{color:inherit;transform:translateY(0)}}@keyframes rank-down{0%{color:var(--color-coral);transform:translateY(-4px)}to{color:inherit;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pop-in{0%{opacity:0;transform:scale(.85)}60%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%,to{opacity:.6}50%{opacity:1}}@keyframes float-up{0%{opacity:.8;transform:translateY(0)}to{opacity:0;transform:translateY(-40px)}}.rank-moved-up{animation:.5s ease-out rank-up}.rank-moved-down{animation:.5s ease-out rank-down}.animate-in{animation:.35s ease-out both fade-in}.pop-in{animation:.4s cubic-bezier(.34,1.56,.64,1) both pop-in}.badge{letter-spacing:.04em;text-transform:uppercase;border-radius:99px;align-items:center;gap:4px;padding:3px 8px;font-size:.7rem;font-weight:700;display:inline-flex}.badge-new{background:var(--color-sunset);color:#fff}.badge-provisional{color:var(--color-text-muted);background:#0000000f}.toast-container{z-index:200;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);pointer-events:auto;padding:10px 18px;font-size:.88rem;font-weight:500;animation:.3s ease-out both pop-in;box-shadow:0 8px 32px #00000080}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.bg-scene.svelte-1hvke7b{z-index:-1;pointer-events:none;background:#ade8f4;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.sky.svelte-1hvke7b{background:linear-gradient(#90e0ef 0%,#ade8f4 50%,#caf0f8 100%);position:absolute;top:0;bottom:0;left:0;right:0}.sun.svelte-1hvke7b{background:#ffb703;border-radius:50%;width:100px;height:100px;animation:8s ease-in-out infinite svelte-1hvke7b-sun-pulse;position:absolute;top:10%;right:15%;box-shadow:0 0 60px 20px #ffb70366}@keyframes svelte-1hvke7b-sun-pulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.clouds.svelte-1hvke7b{opacity:.8;width:100%;height:35vh;position:absolute;top:0;left:0}.cloud.svelte-1hvke7b{fill:#fff}.c1.svelte-1hvke7b{animation:55s linear infinite svelte-1hvke7b-drift1}.c2.svelte-1hvke7b{animation:70s linear infinite svelte-1hvke7b-drift2}.c3.svelte-1hvke7b{animation:62s linear infinite svelte-1hvke7b-drift3}@keyframes svelte-1hvke7b-drift1{0%{transform:translate(-120px)}to{transform:translate(1200px)}}@keyframes svelte-1hvke7b-drift2{0%{transform:translate(100px)}to{transform:translate(-1200px)}}@keyframes svelte-1hvke7b-drift3{0%{transform:translate(50px)}to{transform:translate(1050px)}}.islands.svelte-1hvke7b{width:100%;height:25vh;position:absolute;bottom:35vh;left:0}.ocean-waves.svelte-1hvke7b{width:100%;height:40vh;position:absolute;bottom:10vh;left:0}.wave.svelte-1hvke7b{fill-opacity:.95}.w1.svelte-1hvke7b{animation:6s ease-in-out infinite svelte-1hvke7b-wave-shift}.w2.svelte-1hvke7b{animation:10s ease-in-out infinite reverse svelte-1hvke7b-wave-shift}.w3.svelte-1hvke7b{animation:8s ease-in-out 1s infinite svelte-1hvke7b-wave-shift}@keyframes svelte-1hvke7b-wave-shift{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.beach.svelte-1hvke7b{width:100%;height:25vh;position:absolute;bottom:0;left:0}.notes-field.svelte-1hvke7b{pointer-events:none;width:100%;height:60vh;position:absolute;bottom:15vh;left:0}.note.svelte-1hvke7b{bottom:0;left:var(--x);color:#00b4d8;opacity:0;animation:6s ease-in infinite svelte-1hvke7b-note-float;animation-delay:var(--delay);font-size:1.4rem;position:absolute}@keyframes svelte-1hvke7b-note-float{0%{opacity:0;transform:translateY(0)rotate(-10deg)}15%{opacity:.7}80%{opacity:.3}to{opacity:0;transform:translateY(-45vh)rotate(15deg)}}.track-row.svelte-5cs2hz{border-bottom:1px solid var(--color-border);transition:background var(--transition-fast);will-change:transform;grid-template-columns:36px 52px 1fr auto;align-items:center;gap:12px;padding:10px 4px;display:grid}.track-row.svelte-5cs2hz:last-child{border-bottom:none}.track-row.svelte-5cs2hz:hover{border-radius:var(--radius-sm);background:#00000008}.rank.svelte-5cs2hz{text-align:center;width:36px}.rank-num.svelte-5cs2hz{color:var(--color-text-muted);font-size:.85rem;font-weight:700}.rank-dot.svelte-5cs2hz{color:var(--color-border);font-size:1.2rem}.art.svelte-5cs2hz{border-radius:var(--radius-sm);object-fit:cover;background:var(--color-surface-2);width:52px;height:52px}.info.svelte-5cs2hz{flex-direction:column;gap:2px;min-width:0;display:flex}.title.svelte-5cs2hz{color:var(--color-text);align-items:center;gap:6px;font-size:.92rem;font-weight:600;display:flex}.artist.svelte-5cs2hz{color:var(--color-text-muted);font-size:.78rem}.comparisons.svelte-5cs2hz{color:var(--color-text-muted);opacity:.7;font-size:.7rem}.score-col.svelte-5cs2hz{flex-direction:column;align-items:flex-end;gap:3px;display:flex}.elo.svelte-5cs2hz{font-variant-numeric:tabular-nums;color:var(--color-text);font-size:.9rem;font-weight:700}.rank-change.svelte-5cs2hz{font-size:.72rem;font-weight:700}.rank-change.up.svelte-5cs2hz{color:var(--color-lime)}.rank-change.down.svelte-5cs2hz{color:var(--color-coral)}.rank-change.neutral.svelte-5cs2hz{color:var(--color-text-muted)}.leaderboard.svelte-1ecxs3{padding-bottom:120px}.track-list.svelte-1ecxs3{list-style:none}.provisional-section.svelte-1ecxs3{opacity:.6;margin-top:28px}.section-label.svelte-1ecxs3{letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);padding:0 4px 10px;font-size:.72rem;font-weight:700}.empty-state.svelte-1ecxs3{text-align:center;color:var(--color-text-muted);padding:60px 20px}.empty-icon.svelte-1ecxs3{margin-bottom:12px;font-size:3rem}.backdrop.svelte-iqdctf{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;position:fixed;top:0;bottom:0;left:0;right:0}.modal.svelte-iqdctf{z-index:51;background:var(--color-surface);border-top:1px solid var(--color-border);border-radius:var(--radius-xl) var(--radius-xl) 0 0;touch-action:pan-y;max-width:600px;max-height:92dvh;margin:0 auto;padding:20px 16px 40px;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.modal-header.svelte-iqdctf{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-title.svelte-iqdctf{font-size:1rem;font-weight:700}.close-btn.svelte-iqdctf{flex-shrink:0}.loading-state.svelte-iqdctf,.exhausted-state.svelte-iqdctf{text-align:center;color:var(--color-text-muted);flex-direction:column;align-items:center;gap:16px;padding:40px 20px;display:flex}.spinner.svelte-iqdctf{border:3px solid var(--color-border);border-top-color:var(--color-lime);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite svelte-iqdctf-spin}@keyframes svelte-iqdctf-spin{to{transform:rotate(360deg)}}.exhaust-icon.svelte-iqdctf{font-size:2.5rem}.matchup-cards.svelte-iqdctf{flex-direction:column;gap:10px;display:flex}.track-card.svelte-iqdctf{background:var(--color-surface-2);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;text-align:left;transition:border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);align-items:center;gap:14px;width:100%;min-height:90px;padding:14px;display:flex}.track-card.svelte-iqdctf:hover:not(:disabled){border-color:var(--color-lime);box-shadow:var(--shadow-glow-lime);transform:scale(1.01)}.track-card.svelte-iqdctf:active:not(:disabled){transform:scale(.98)}.track-card.highlighted.svelte-iqdctf{border-color:var(--color-lime);box-shadow:var(--shadow-glow-lime)}.track-card.svelte-iqdctf:disabled{opacity:.6;cursor:not-allowed}.card-art.svelte-iqdctf{border-radius:var(--radius-sm);object-fit:cover;background:var(--color-surface);flex-shrink:0;width:72px;height:72px}.card-info.svelte-iqdctf{flex-direction:column;gap:3px;min-width:0;display:flex}.card-title.svelte-iqdctf{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:700;overflow:hidden}.card-artist.svelte-iqdctf{color:var(--color-text-muted);font-size:.8rem}.delta-flash.svelte-iqdctf{color:var(--color-lime);font-size:.85rem;font-weight:700;animation:.4s ease-out pop-in}.vs-divider.svelte-iqdctf{text-align:center;letter-spacing:.15em;color:var(--color-text-muted);padding:2px 0;font-size:.72rem;font-weight:800}.swipe-hint.svelte-iqdctf{text-align:center;color:var(--color-text-muted);margin-top:14px;font-size:.72rem}.transfer-row.svelte-iqdctf{text-align:center;margin-top:20px}.btn-link.svelte-iqdctf{cursor:pointer;color:var(--color-aqua);font-size:.8rem;font-family:var(--font-sans);background:0 0;border:none;min-height:44px;padding:8px;text-decoration:underline}.transfer-info.svelte-iqdctf{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);text-align:center;background:#0000000a;margin-top:8px;padding:14px;font-size:.82rem}.sync-badge.svelte-7w9i7c{color:var(--color-sunset);background:#ff8c421f;border:1px solid #ff8c424d;border-radius:99px;align-items:center;gap:7px;padding:5px 12px;font-size:.75rem;display:inline-flex}.dot.svelte-7w9i7c{border-radius:50%;width:7px;height:7px;animation:1.5s ease-in-out infinite shimmer}.dot.delayed.svelte-7w9i7c{background:var(--color-sunset)}.dot.failed.svelte-7w9i7c{background:var(--color-coral)}.modal-wrapper.svelte-irryyc{z-index:100;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.backdrop.svelte-irryyc{pointer-events:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;position:absolute;top:0;bottom:0;left:0;right:0}.modal.svelte-irryyc{z-index:101;pointer-events:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:90%;max-width:500px;box-shadow:var(--shadow-card);padding:24px;position:relative}.modal-content.svelte-irryyc{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.icon.svelte-irryyc{font-size:2.5rem}h2.svelte-irryyc{color:var(--color-text);letter-spacing:-.02em;font-size:1.35rem;font-weight:800}p.svelte-irryyc{color:var(--color-text-muted);margin-bottom:8px;font-size:.95rem;line-height:1.4}.actions.svelte-irryyc{justify-content:center;gap:12px;width:100%;display:flex}.video-wrapper.svelte-irryyc{border-radius:var(--radius-md);background:#000;width:100%;display:flex;overflow:hidden}video.svelte-irryyc{width:100%;height:auto;max-height:60vh}.app-shell.svelte-1n46o8q{max-width:600px;min-height:100dvh;margin:0 auto;position:relative}.app-header.svelte-1n46o8q{z-index:30;-webkit-backdrop-filter:blur(16px)saturate(1.5);border-bottom:1px solid var(--color-border);background:#ffffffa6;padding:12px 16px 10px;position:sticky;top:0}.header-inner.svelte-1n46o8q{justify-content:space-between;align-items:center;gap:12px;display:flex}.header-left.svelte-1n46o8q{align-items:center;gap:12px;min-width:0;display:flex}.playlist-art.svelte-1n46o8q{object-fit:cover;background:var(--color-surface);border-radius:10px;flex-shrink:0;width:48px;height:48px}.header-text.svelte-1n46o8q{min-width:0}.playlist-title.svelte-1n46o8q{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(1rem,4vw,1.25rem);font-weight:800;overflow:hidden}.playlist-meta.svelte-1n46o8q{color:var(--color-text-muted);margin-top:1px;font-size:.72rem}.header-actions.svelte-1n46o8q{flex-shrink:0;align-items:center;gap:8px;display:flex}.sync-row.svelte-1n46o8q{padding-top:8px}.main-content.svelte-1n46o8q{padding:20px 16px 16px}.section-header.svelte-1n46o8q{align-items:center;gap:10px;margin-bottom:16px;display:flex}.section-title.svelte-1n46o8q{font-size:1.05rem;font-weight:700}.live-badge.svelte-1n46o8q{background:var(--color-coral);color:#fff;letter-spacing:.1em;border-radius:99px;padding:3px 7px;font-size:.62rem;font-weight:800;animation:2s ease-in-out infinite shimmer}.fab-area.svelte-1n46o8q{z-index:40;pointer-events:none;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.fab.svelte-1n46o8q{pointer-events:auto;border-radius:var(--radius-xl);box-shadow:0 8px 32px #a8e63d59, var(--shadow-card);letter-spacing:-.01em;padding:14px 28px;font-size:1rem;font-weight:700}.fab.svelte-1n46o8q:hover{box-shadow:0 12px 40px #a8e63d80, var(--shadow-card)}