:root{--color-lime:#00b4d8;--color-coral:#ff5757;--color-aqua:#29abe2;--color-sunset:#ff8c00;--color-sand:#f4c542;--color-charcoal:#1a3045;--color-bg:#87ceeb;--color-surface:#fffcf5eb;--color-surface-2:#fffcf5f7;--color-surface-dark:#14283cb8;--color-text:#1a3045;--color-text-muted:#3d5a74;--color-text-light:#6580a0;--color-text-on-dark:#f0f8ff;--color-border:#1a30451f;--color-border-strong:#1a304538;--radius-xs:4px;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:36px;--radius-pill:999px;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--shadow-xs:0 1px 4px #0028500f;--shadow-sm:0 2px 10px #00285017;--shadow-card:0 4px 28px #0028501c;--shadow-pop:0 8px 40px #0028502e;--shadow-glow-lime:0 0 28px #00b4d873;--shadow-glow-coral:0 0 28px #ff575766;--shadow-glow-sand:0 0 28px #ffc53c66;--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--transition-fast:.14s cubic-bezier(.4, 0, .2, 1);--transition-mid:.28s cubic-bezier(.4, 0, .2, 1);--transition-slow:.55s 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;-moz-osx-font-smoothing:grayscale;min-height:100dvh;overflow-x:hidden}#app{min-height:100dvh;position:relative}h1{letter-spacing:-.03em;color:var(--color-text);font-size:clamp(1.5rem,4.5vw,2.2rem);font-weight:800;line-height:1.1}h2{letter-spacing:-.02em;font-size:clamp(1.05rem,2.8vw,1.35rem);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), border-color var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;letter-spacing:-.01em;border:none;justify-content:center;align-items:center;gap:8px;min-width:46px;min-height:46px;padding:13px 22px;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.95)}.btn-primary{color:#fff;background:linear-gradient(135deg,#00c8e8 0%,#0096c7 100%);box-shadow:0 3px 14px #00b4d859}.btn-primary:hover{box-shadow:var(--shadow-glow-lime);transform:translateY(-1px)}.btn-ghost{color:var(--color-text);border:1.5px solid var(--color-border-strong);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffcf5e0}.btn-ghost:hover{border-color:var(--color-aqua);background:#fffcf5fa;box-shadow:0 2px 12px #29abe233}.btn-spotify{color:#fff;background:linear-gradient(135deg,#1db954 0%,#16a349 100%);box-shadow:0 3px 12px #1db9544d}.btn-spotify:hover{background:linear-gradient(135deg,#1ed760 0%,#1db954 100%);transform:translateY(-1px)}.btn-icon{border-radius:50%;width:46px;height:46px;padding:11px}.card{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:22px}:focus-visible{outline:2.5px solid var(--color-aqua);outline-offset:3px;border-radius:var(--radius-xs)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0094c74d;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#0094c78c}.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:#00b4d8;transform:translateY(5px)}to{color:inherit;transform:translateY(0)}}@keyframes rank-down{0%{color:#ff5757;transform:translateY(-5px)}to{color:inherit;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pop-in{0%{opacity:0;transform:scale(.82)}60%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%,to{opacity:.55}50%{opacity:1}}@keyframes float-up{0%{opacity:.8;transform:translateY(0)}to{opacity:0;transform:translateY(-45px)}}@keyframes bounce-in{0%{opacity:0;transform:scale(.6)rotate(-8deg)}65%{transform:scale(1.08)rotate(2deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.rank-moved-up{animation:.5s ease-out rank-up}.rank-moved-down{animation:.5s ease-out rank-down}.animate-in{animation:.38s ease-out both fade-in}.pop-in{animation:pop-in .42s var(--ease-spring) both}.badge{border-radius:var(--radius-pill);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:3px;padding:3px 9px;font-size:.68rem;font-weight:800;display:inline-flex}.badge-new{color:#fff;background:linear-gradient(135deg,#ff8c00 0%,#ff5757 100%);box-shadow:0 2px 8px #ff643259}.badge-provisional{color:var(--color-text-muted);background:#1a304514}.toast-container{z-index:200;pointer-events:none;flex-direction:column;align-items:center;gap:10px;display:flex;position:fixed;bottom:32px;left:50%;transform:translate(-50%)}.toast{background:var(--color-surface-2);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text);animation:slide-up .3s var(--ease-spring) both;pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:12px 22px;font-size:.9rem;font-weight:600;box-shadow:0 8px 36px #00000038,0 2px 8px #0000001f}@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;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.sky.svelte-1hvke7b{background:linear-gradient(#f4a742 0%,#f7c56c 8%,#fde8a3 16%,#87ceeb 35%,#48b8e6 58%,#2fa8d5 100%);position:absolute;top:0;bottom:0;left:0;right:0}.sun-container.svelte-1hvke7b{position:absolute;top:8%;right:12%}.sun.svelte-1hvke7b{z-index:2;background:radial-gradient(circle,#fff5c0 0%,#ffd654 40%,#ffb703 100%);border-radius:50%;width:90px;height:90px;animation:9s ease-in-out infinite svelte-1hvke7b-sun-pulse;position:relative}.sun-glow.svelte-1hvke7b{z-index:1;background:radial-gradient(circle,#ffdc508c 0%,#0000 70%);border-radius:50%;width:140px;height:140px;animation:9s ease-in-out infinite svelte-1hvke7b-sun-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sun-rays.svelte-1hvke7b{z-index:0;background:conic-gradient(#0000 0deg,#ffdc502e 5deg,#0000 10deg,#ffdc502e 15deg,#0000 20deg,#ffdc502e 25deg,#0000 30deg,#ffdc502e 35deg,#0000 40deg,#ffdc502e 45deg,#0000 50deg,#ffdc502e 55deg,#0000 60deg,#ffdc502e 65deg,#0000 70deg,#ffdc502e 75deg,#0000 80deg,#ffdc502e 85deg,#0000 90deg,#ffdc502e 95deg,#0000 100deg,#ffdc502e 105deg,#0000 110deg,#ffdc502e 115deg,#0000 120deg,#ffdc502e 125deg,#0000 130deg,#ffdc502e 135deg,#0000 140deg,#ffdc502e 145deg,#0000 150deg,#ffdc502e 155deg,#0000 160deg,#ffdc502e 165deg,#0000 170deg,#ffdc502e 175deg,#0000 180deg,#ffdc502e 185deg,#0000 190deg,#ffdc502e 195deg,#0000 200deg,#ffdc502e 205deg,#0000 210deg,#ffdc502e 215deg,#0000 220deg,#ffdc502e 225deg,#0000 230deg,#ffdc502e 235deg,#0000 240deg,#ffdc502e 245deg,#0000 250deg,#ffdc502e 255deg,#0000 260deg,#ffdc502e 265deg,#0000 270deg,#ffdc502e 275deg,#0000 280deg,#ffdc502e 285deg,#0000 290deg,#ffdc502e 295deg,#0000 300deg,#ffdc502e 305deg,#0000 310deg,#ffdc502e 315deg,#0000 320deg,#ffdc502e 325deg,#0000 330deg,#ffdc502e 335deg,#0000 340deg,#ffdc502e 345deg,#0000 350deg,#ffdc502e 355deg,#0000 360deg);border-radius:50%;width:220px;height:220px;animation:30s linear infinite svelte-1hvke7b-ray-spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes svelte-1hvke7b-sun-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes svelte-1hvke7b-ray-spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.seagulls.svelte-1hvke7b{opacity:.7;width:100%;height:25%;position:absolute;top:5%;left:0}.gull.svelte-1hvke7b{stroke-linecap:round}.g1.svelte-1hvke7b{animation:40s linear infinite svelte-1hvke7b-gull-drift1;transform:translate(-100px)scale(1.4)}.g2.svelte-1hvke7b{animation:55s linear 8s infinite svelte-1hvke7b-gull-drift2;transform:translate(900px,30px)scale(1.1)}.g3.svelte-1hvke7b{animation:48s linear 4s infinite svelte-1hvke7b-gull-drift3;transform:translate(300px,10px)scale(.9)}@keyframes svelte-1hvke7b-gull-drift1{0%{transform:translate(-100px)scale(1.4)}to{transform:translate(1600px,-30px)scale(1.4)}}@keyframes svelte-1hvke7b-gull-drift2{0%{transform:translate(1600px,30px)scale(1.1)}to{transform:translate(-100px,10px)scale(1.1)}}@keyframes svelte-1hvke7b-gull-drift3{0%{transform:translate(-200px,10px)scale(.9)}to{transform:translate(1700px,-15px)scale(.9)}}.clouds.svelte-1hvke7b{width:100%;height:28vh;position:absolute;top:0;left:0;overflow:visible}.cloud-group.svelte-1hvke7b{filter:drop-shadow(0 4px 12px #64a0c826)}.c1.svelte-1hvke7b{animation:65s linear infinite svelte-1hvke7b-drift1}.c2.svelte-1hvke7b{animation:80s linear 10s infinite svelte-1hvke7b-drift2}.c3.svelte-1hvke7b{animation:72s linear 5s infinite svelte-1hvke7b-drift3}.c4.svelte-1hvke7b{animation:90s linear 15s infinite svelte-1hvke7b-drift4}@keyframes svelte-1hvke7b-drift1{0%{transform:translate(-300px)}to{transform:translate(1700px)}}@keyframes svelte-1hvke7b-drift2{0%{transform:translate(200px)}to{transform:translate(-1400px)}}@keyframes svelte-1hvke7b-drift3{0%{transform:translate(-150px)}to{transform:translate(1550px)}}@keyframes svelte-1hvke7b-drift4{0%{transform:translate(400px)}to{transform:translate(-1100px)}}.mountains.svelte-1hvke7b{width:100%;height:20vh;position:absolute;bottom:28vh;left:0}.islands.svelte-1hvke7b{width:100%;height:18vh;position:absolute;bottom:26vh;left:0}.ocean.svelte-1hvke7b{width:100%;height:38vh;position:absolute;bottom:8vh;left:0}.w1.svelte-1hvke7b{animation:7s ease-in-out infinite svelte-1hvke7b-wave-shift}.w2.svelte-1hvke7b{animation:11s ease-in-out infinite reverse svelte-1hvke7b-wave-shift}.w3.svelte-1hvke7b{animation:9s ease-in-out 1.5s infinite svelte-1hvke7b-wave-shift}.f1.svelte-1hvke7b{animation:7s ease-in-out infinite svelte-1hvke7b-wave-shift}.f2.svelte-1hvke7b{animation:11s ease-in-out infinite reverse svelte-1hvke7b-wave-shift}@keyframes svelte-1hvke7b-wave-shift{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.beach.svelte-1hvke7b{width:100%;height:20vh;position:absolute;bottom:0;left:0}.palms.svelte-1hvke7b{width:100%;height:28vh;position:absolute;bottom:0;left:0}.palm-left.svelte-1hvke7b{transform-origin:120px 220px;animation:5s ease-in-out infinite svelte-1hvke7b-palm-sway}.palm-right.svelte-1hvke7b{transform-origin:1320px 220px;animation:6s ease-in-out .8s infinite svelte-1hvke7b-palm-sway}@keyframes svelte-1hvke7b-palm-sway{0%,to{transform:rotate(0)}40%{transform:rotate(2.5deg)}70%{transform:rotate(-1.5deg)}}.water-shimmer.svelte-1hvke7b{background:linear-gradient(90deg,#0000 0%,#ffffff0f 25%,#ffffff1f 50%,#ffffff0f 75%,#0000 100%);height:22vh;animation:4s ease-in-out infinite svelte-1hvke7b-shimmer-slide;position:absolute;bottom:12vh;left:0;right:0}@keyframes svelte-1hvke7b-shimmer-slide{0%,to{opacity:.4;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.02)}}.notes-field.svelte-1hvke7b{pointer-events:none;width:100%;height:55vh;position:absolute;bottom:14vh;left:0}.note.svelte-1hvke7b{bottom:0;left:var(--x);color:#fffc;text-shadow:0 1px 4px #0064a04d;opacity:0;animation:7s ease-in infinite svelte-1hvke7b-note-float;animation-delay:var(--delay);font-size:1.5rem;position:absolute}@keyframes svelte-1hvke7b-note-float{0%{opacity:0;transform:translateY(0)rotate(-12deg)}12%{opacity:.8}80%{opacity:.25}to{opacity:0;transform:translateY(-50vh)rotate(18deg)}}@media (prefers-reduced-motion:reduce){.c1.svelte-1hvke7b,.c2.svelte-1hvke7b,.c3.svelte-1hvke7b,.c4.svelte-1hvke7b,.w1.svelte-1hvke7b,.w2.svelte-1hvke7b,.w3.svelte-1hvke7b,.f1.svelte-1hvke7b,.f2.svelte-1hvke7b,.g1.svelte-1hvke7b,.g2.svelte-1hvke7b,.g3.svelte-1hvke7b,.sun.svelte-1hvke7b,.sun-glow.svelte-1hvke7b,.sun-rays.svelte-1hvke7b,.palm-left.svelte-1hvke7b,.palm-right.svelte-1hvke7b,.water-shimmer.svelte-1hvke7b,.note.svelte-1hvke7b{animation:none!important}}.track-row.svelte-5cs2hz{border-bottom:1px solid var(--color-border);transition:background var(--transition-fast), transform var(--transition-fast);will-change:transform;border-radius:var(--radius-sm);grid-template-columns:38px 60px 1fr auto;align-items:center;gap:14px;padding:12px 8px;display:grid}.track-row.svelte-5cs2hz:last-child{border-bottom:none}.track-row.svelte-5cs2hz:hover{background:#0094c70f;transform:translate(2px)}.rank.svelte-5cs2hz{text-align:center;width:38px}.rank-num.svelte-5cs2hz{color:var(--color-text-muted);font-variant-numeric:tabular-nums;font-size:.88rem;font-weight:800}.rank-dot.svelte-5cs2hz{color:var(--color-border-strong);font-size:1.4rem}.art-wrapper.svelte-5cs2hz{flex-shrink:0;width:56px;height:56px;position:relative}.art.svelte-5cs2hz{border-radius:var(--radius-sm);object-fit:cover;background:var(--color-surface-2);border:1.5px solid #ffffffb3;width:56px;height:56px;display:block;box-shadow:0 2px 10px #00285026}.crown.svelte-5cs2hz{filter:drop-shadow(0 1px 3px #0000004d);animation:bounce-in .5s var(--ease-spring) both;font-size:.9rem;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.info.svelte-5cs2hz{flex-direction:column;gap:3px;min-width:0;display:flex}.title.svelte-5cs2hz{color:var(--color-text);align-items:center;gap:7px;font-size:.93rem;font-weight:700;display:flex}.artist.svelte-5cs2hz{color:var(--color-text-muted);font-size:.79rem;font-weight:500}.comparisons.svelte-5cs2hz{color:var(--color-text-light);opacity:.85;font-size:.69rem;font-weight:500}.score-col.svelte-5cs2hz{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.elo.svelte-5cs2hz{font-variant-numeric:tabular-nums;color:var(--color-text);font-size:.93rem;font-weight:800}.rank-change.svelte-5cs2hz{font-variant-numeric:tabular-nums;font-size:.73rem;font-weight:800}.rank-change.up.svelte-5cs2hz{color:#00a8cc}.rank-change.down.svelte-5cs2hz{color:var(--color-coral)}.rank-change.neutral.svelte-5cs2hz{color:var(--color-text-light)}.leaderboard.svelte-1ecxs3{padding-bottom:130px}.track-list.svelte-1ecxs3{border:1.5px solid var(--color-border-strong);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-card);background:#fffcf5e0;padding:4px 8px;list-style:none;overflow:hidden}.provisional-section.svelte-1ecxs3{opacity:.8;margin-top:30px}.section-label.svelte-1ecxs3{letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);padding:0 4px 10px;font-size:.7rem;font-weight:800}.empty-state.svelte-1ecxs3{text-align:center;color:var(--color-text-muted);border-radius:var(--radius-lg);border:1.5px solid var(--color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffcf5d1;padding:72px 20px}.empty-icon.svelte-1ecxs3{margin-bottom:14px;font-size:3.5rem}.empty-state.svelte-1ecxs3 p:where(.svelte-1ecxs3){font-size:.95rem;font-weight:500}.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(20px)saturate(1.8);border-bottom:1.5px solid var(--color-border-strong);background:#fffcf5f0;padding:14px 18px 12px;position:sticky;top:0;box-shadow:0 2px 20px #00508c1a}.header-inner.svelte-1n46o8q{justify-content:space-between;align-items:center;gap:14px;display:flex}.header-left.svelte-1n46o8q{align-items:center;gap:14px;min-width:0;display:flex}.playlist-art.svelte-1n46o8q{object-fit:cover;background:var(--color-surface);border:2px solid #fffc;border-radius:12px;flex-shrink:0;width:52px;height:52px;box-shadow:0 3px 12px #00508c2e}.header-text.svelte-1n46o8q{min-width:0}.playlist-title.svelte-1n46o8q{letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text);font-size:clamp(.95rem,3.8vw,1.2rem);font-weight:800;overflow:hidden}.playlist-meta.svelte-1n46o8q{color:var(--color-text-muted);margin-top:2px;font-size:.73rem;font-weight:500}.header-actions.svelte-1n46o8q{flex-shrink:0;align-items:center;gap:10px;margin-top:10px;display:flex}.action-btn.svelte-1n46o8q{min-width:48px;min-height:48px}.spotify-label.svelte-1n46o8q{font-size:.88rem;font-weight:700}.sync-row.svelte-1n46o8q{padding-top:10px}.main-content.svelte-1n46o8q{padding:22px 18px 18px}.section-header.svelte-1n46o8q{align-items:center;gap:10px;margin-bottom:14px;padding:0 4px;display:flex}.section-spacer.svelte-1n46o8q{flex:1}.section-title.svelte-1n46o8q{letter-spacing:-.01em;color:var(--color-text);font-size:1.08rem;font-weight:800}.live-badge.svelte-1n46o8q{color:#fff;letter-spacing:.12em;background:linear-gradient(135deg,#ff5757 0%,#ff8c00 100%);border-radius:99px;padding:4px 9px;font-size:.6rem;font-weight:900;animation:2.2s ease-in-out infinite shimmer;box-shadow:0 2px 8px #ff503259}.fab-area.svelte-1n46o8q{z-index:40;pointer-events:none;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}.fab.svelte-1n46o8q{pointer-events:auto;border-radius:var(--radius-pill);letter-spacing:-.01em;transition:transform var(--transition-fast), box-shadow var(--transition-fast);background:linear-gradient(135deg,#00c8e8 0%,#08c 60%,#06a 100%);padding:16px 36px;font-size:1.05rem;font-weight:800;box-shadow:0 6px 28px #00a0dc80,0 2px 8px #00000026,inset 0 1px #ffffff40}.fab.svelte-1n46o8q:hover{transform:translateY(-2px)scale(1.03);box-shadow:0 10px 40px #00a0dca6,0 4px 12px #0003,inset 0 1px #ffffff4d}.fab.svelte-1n46o8q:active{transform:scale(.96)!important}
