@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";.mcm-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#000000b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:var(--space-4)}.mcm-card{width:100%;max-width:440px;background:linear-gradient(145deg,#1e1e32f2,#12121efa);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:var(--space-6);box-shadow:0 24px 80px #00000080,0 0 60px #1db9540f}.mcm-header{text-align:center;margin-bottom:var(--space-5)}.mcm-icon-ring{width:64px;height:64px;margin:0 auto var(--space-3);border-radius:50%;background:linear-gradient(135deg,#1db95426,#7850ff26);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center}.mcm-headphones{font-size:28px;filter:drop-shadow(0 0 8px rgba(29,185,84,.4))}.mcm-title{font-size:1.4rem;font-weight:700;color:var(--text-primary);margin:0 0 6px;letter-spacing:-.02em}.mcm-subtitle{font-size:.85rem;color:var(--text-muted);margin:0;line-height:1.4}.mcm-options{display:flex;flex-direction:column;gap:var(--space-2)}.mcm-option{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:16px 18px;border-radius:16px;border:1px solid rgba(255,255,255,.06);background:#ffffff08;cursor:pointer;transition:all .25s ease;text-align:left;color:var(--text-primary);font-family:inherit}.mcm-option:hover{background:#ffffff12;border-color:#ffffff1f;transform:translateY(-1px)}.mcm-option--premium:hover{border-color:#1db9544d;box-shadow:0 4px 20px #1db95414}.mcm-option--preview:hover{border-color:#7850ff4d;box-shadow:0 4px 20px #7850ff14}.mcm-option-icon{flex-shrink:0;width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center}.mcm-option-icon--green{background:#1db9541f;color:#1db954}.mcm-option-icon--purple{background:#7850ff1f;color:#7850ff}.mcm-option-text{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.mcm-option-label{font-size:.95rem;font-weight:600;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mcm-option-desc{font-size:.78rem;color:var(--text-muted);line-height:1.3}.mcm-badge{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:2px 7px;border-radius:6px;background:#1db95426;color:#1db954;border:1px solid rgba(29,185,84,.25)}.mcm-badge--free{background:#7850ff26;color:#9a80ff;border-color:#7850ff40}.mcm-arrow{flex-shrink:0;font-size:1.1rem;color:var(--text-muted);opacity:0;transform:translate(-4px);transition:all .25s ease}.mcm-option:hover .mcm-arrow{opacity:1;transform:translate(0)}.mcm-divider{display:flex;align-items:center;gap:var(--space-3);margin:4px 0}.mcm-divider:before,.mcm-divider:after{content:"";flex:1;height:1px;background:#ffffff0f}.mcm-divider-text{font-size:.75rem;color:var(--text-muted);text-transform:lowercase}.mcm-skip{display:block;width:100%;margin-top:var(--space-4);padding:10px;background:none;border:none;color:var(--text-muted);font-size:.8rem;font-family:inherit;cursor:pointer;transition:color .2s;text-align:center}.mcm-skip:hover{color:var(--text-secondary)}@media(max-width:480px){.mcm-card{padding:var(--space-4) var(--space-3);border-radius:20px}.mcm-title{font-size:1.2rem}.mcm-option{padding:14px}}.floating-player{position:fixed;bottom:24px;right:24px;z-index:1000;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#121218eb;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0006,0 0 40px #00f5d40f;max-width:400px}.fp-album-art{width:48px;height:48px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0}.fp-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.fp-track-name{font-family:var(--font-display);font-size:.85rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.fp-artist-name{font-size:.7rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fp-controls{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.fp-play-btn{width:36px;height:36px;border-radius:50%;background:var(--accent-cyan);color:var(--bg-void);display:flex;align-items:center;justify-content:center;transition:transform var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast) var(--ease-smooth)}.fp-play-btn:hover{transform:scale(1.1);box-shadow:0 0 20px #00f5d466}.fp-play-btn:active{transform:scale(.95)}.fp-volume{display:flex;align-items:center;gap:var(--space-1)}.fp-vol-icon{color:var(--text-muted);flex-shrink:0}.fp-vol-slider{width:60px;height:4px;-webkit-appearance:none;appearance:none;background:#ffffff1a;border-radius:var(--radius-full);outline:none}.fp-vol-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--accent-cyan);cursor:pointer;transition:transform .15s}.fp-vol-slider::-webkit-slider-thumb:hover{transform:scale(1.3)}.fp-vol-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--accent-cyan);cursor:pointer;border:none}.fp-switch-btn{width:28px;height:28px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:var(--text-muted);font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0;font-family:inherit}.fp-switch-btn:hover{background:#ffffff1f;color:var(--text-primary);transform:rotate(60deg)}.spotify-connect-btn{position:fixed;bottom:24px;right:24px;z-index:1000;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--accent-spotify);color:#fff;border-radius:var(--radius-full);font-family:var(--font-display);font-size:.85rem;font-weight:600;cursor:pointer;border:none;box-shadow:0 4px 20px #1db9544d;transition:transform var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast) var(--ease-smooth)}.spotify-connect-btn:hover{transform:scale(1.05) translateY(-2px);box-shadow:0 6px 30px #1db95473}.spotify-connect-btn svg{flex-shrink:0}.fp-connecting{position:fixed;bottom:24px;right:24px;z-index:1000;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:#121218eb;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:.85rem;font-family:var(--font-body)}.fp-connecting .loading-spinner{width:20px;height:20px;border-width:2px}@media(max-width:480px){.floating-player{left:12px;right:12px;bottom:12px;max-width:none}.fp-volume{display:none}.spotify-connect-btn{left:12px;right:12px;bottom:12px;justify-content:center}}.embed-player{position:fixed;bottom:20px;right:20px;z-index:9000;width:360px;border-radius:16px;background:#12121ef2;border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 40px #00000080,0 0 0 1px #ffffff0a;overflow:hidden;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.embed-player--collapsed{width:auto}.embed-toggle{display:flex;align-items:center;justify-content:center;width:100%;padding:10px 16px;background:none;border:none;border-bottom:1px solid rgba(255,255,255,.06);color:var(--text-secondary);font-size:.8rem;font-family:inherit;cursor:pointer;transition:background .2s}.embed-toggle:hover{background:#ffffff0a}.embed-player--collapsed .embed-toggle{border-bottom:none;padding:12px 20px}.embed-toggle-label{display:flex;align-items:center;gap:8px;font-weight:500}.embed-toggle-icon{font-size:16px;animation:embed-pulse 2s ease-in-out infinite}@keyframes embed-pulse{0%,to{opacity:1}50%{opacity:.5}}.embed-toggle-chevron{font-size:14px;line-height:1}.embed-iframe-wrap{overflow:hidden}.embed-iframe{display:block;border-radius:0 0 16px 16px}.embed-switch-mode{display:block;width:100%;padding:8px 16px;background:none;border:none;border-bottom:1px solid rgba(255,255,255,.06);color:var(--text-muted);font-size:.72rem;font-family:inherit;cursor:pointer;transition:all .2s;text-align:center}.embed-switch-mode:hover{background:#ffffff0a;color:var(--text-secondary)}@media(max-width:480px){.embed-player{left:12px;right:12px;bottom:12px;width:auto}}.hero-scene{position:relative;min-height:100vh;overflow:hidden}.hero-scene .scene-content{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;position:relative;z-index:2}.hero-orb{position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:0}.hero-orb-1{width:500px;height:500px;background:radial-gradient(circle,rgba(177,74,237,.25) 0%,transparent 70%);top:20%;left:30%;animation:orb-float-1 8s ease-in-out infinite}.hero-orb-2{width:350px;height:350px;background:radial-gradient(circle,rgba(0,245,212,.15) 0%,transparent 70%);top:50%;right:20%;animation:orb-float-2 10s ease-in-out infinite}.hero-orb-3{width:250px;height:250px;background:radial-gradient(circle,rgba(255,77,109,.12) 0%,transparent 70%);bottom:20%;left:15%;animation:orb-float-3 12s ease-in-out infinite}@keyframes orb-float-1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-40px) scale(1.15)}}@keyframes orb-float-2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-40px,30px) scale(1.1)}}@keyframes orb-float-3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-20px) scale(1.2)}}.hero-particles{position:absolute;inset:0;pointer-events:none;z-index:1}.hero-particle{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--accent-cyan);box-shadow:0 0 6px var(--accent-cyan)}.hero-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);z-index:3}.hero-year{font-family:var(--font-mono);font-size:1rem;letter-spacing:.5em;color:var(--text-muted);text-transform:uppercase}.hero-title{margin-top:var(--space-3)}.hero-subtitle{font-family:var(--font-display);font-size:clamp(1.2rem,3vw,2rem);color:var(--text-secondary);font-weight:500;margin-top:var(--space-2)}.hero-scroll-hint{position:absolute;bottom:40px;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--accent-cyan);font-size:1.5rem;z-index:3}.hero-scroll-text{font-family:var(--font-body);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted)}.listening-scene .scene-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-6)}.scene-label{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.3em;color:var(--text-muted);text-transform:uppercase}.listening-hero-number{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.listening-hero-number .text-data{font-size:clamp(4rem,12vw,10rem)}.neon-cyan{color:var(--accent-cyan);text-shadow:0 0 40px rgba(0,245,212,.3),0 0 80px rgba(0,245,212,.1)}.listening-unit{font-family:var(--font-display);font-size:clamp(1.2rem,3vw,1.8rem);color:var(--text-secondary);font-weight:500}.listening-context{max-width:500px}.listening-context strong{color:var(--accent-cyan);font-weight:600}.listening-stats{margin-top:var(--space-5);max-width:900px}.listening-stats .glass-card{text-align:center;padding:var(--space-5)}.stat-value{font-family:var(--font-mono);font-weight:500;margin-bottom:var(--space-2)}.stat-value .text-data{font-size:clamp(1.8rem,4vw,2.5rem);color:var(--text-primary)}.stat-label{font-family:var(--font-body);font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.listening-orb{width:400px;height:400px;background:radial-gradient(circle,rgba(0,245,212,.1) 0%,transparent 70%);top:30%;left:50%;transform:translate(-50%);animation:orb-float-1 10s ease-in-out infinite}.artists-scene .scene-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}.artists-title{text-align:center;max-width:700px;margin-bottom:var(--space-3)}.artists-list{display:flex;flex-direction:column;gap:var(--space-4);width:100%;max-width:700px}.artist-card{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-5) var(--space-6)!important;position:relative}.artist-rank{font-family:var(--font-mono);font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;min-width:60px;opacity:.8}.artist-info{flex:1}.artist-name{font-family:var(--font-display);font-size:clamp(1.1rem,2.5vw,1.5rem);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-1)}.artist-stats{display:flex;align-items:center;gap:var(--space-2);font-size:.9rem}.artist-time{font-family:var(--font-mono);font-weight:500}.artist-dot,.artist-plays{color:var(--text-muted)}.crown-badge{font-size:1.8rem;animation:crown-pulse 2s ease-in-out infinite}@keyframes crown-pulse{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.15) rotate(5deg)}}.artists-footer{text-align:center;margin-top:var(--space-3)}.artists-orb{width:350px;height:350px;background:radial-gradient(circle,rgba(255,209,102,.1) 0%,transparent 70%);top:20%;right:10%}@media(max-width:480px){.artist-card{padding:var(--space-4)!important;gap:var(--space-3)}.artist-rank{font-size:1.5rem;min-width:40px}}.tracks-scene .scene-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}.tracks-title{text-align:center;max-width:600px;margin-bottom:var(--space-3)}.tracks-list{display:flex;flex-direction:column;gap:var(--space-4);width:100%;max-width:750px}.track-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--glass-border);transition:background var(--duration-fast) var(--ease-smooth)}.track-row:hover{background:#ffffff0a}.track-rank{font-family:var(--font-mono);font-size:1.2rem;font-weight:600;color:var(--accent-magenta);min-width:40px}.track-info{flex:1;min-width:0}.track-name{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-artist{font-size:.85rem;color:var(--text-muted);margin-bottom:var(--space-2)}.track-bar-container{width:100%;height:4px;background:#ffffff0f;border-radius:var(--radius-full);overflow:hidden}.track-bar-fill{height:100%;border-radius:var(--radius-full);background:var(--gradient-warm)}.track-count{display:flex;flex-direction:column;align-items:flex-end;min-width:50px}.track-count-number{font-family:var(--font-mono);font-size:1.2rem;font-weight:600;color:var(--accent-gold)}.track-count-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase}.tracks-footer{text-align:center;margin-top:var(--space-2)}@media(max-width:480px){.track-row{padding:var(--space-3);gap:var(--space-3)}.track-name{font-size:.95rem}}.peak-scene .scene-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-5)}.peak-title{text-align:center;max-width:600px;margin-bottom:var(--space-2)}.peak-primary-card{max-width:800px;width:100%}.peak-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.peak-badge{font-family:var(--font-mono);font-size:.8rem;padding:var(--space-1) var(--space-3);background:#ffffff0f;border-radius:var(--radius-full);color:var(--text-secondary)}.peak-badge.small{font-size:.7rem}.peak-date{font-family:var(--font-mono);font-size:.85rem;color:var(--accent-gold)}.peak-card-title{font-family:var(--font-display);font-size:clamp(1.2rem,3vw,1.6rem);font-weight:700;color:var(--text-primary);line-height:1.3;margin-bottom:var(--space-3)}.peak-card-title.small{font-size:clamp(1rem,2.5vw,1.2rem)}.peak-card-desc{font-size:.95rem;line-height:1.65;color:var(--text-secondary);margin-bottom:var(--space-3)}.peak-card-desc.small{font-size:.85rem;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.peak-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.peak-tag{font-family:var(--font-mono);font-size:.7rem;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--glass-border);color:var(--text-muted)}.peak-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);max-width:800px;width:100%}.peak-orb-1{width:400px;height:400px;background:radial-gradient(circle,rgba(255,77,109,.1) 0%,transparent 70%);top:10%;right:10%}.peak-orb-2{width:300px;height:300px;background:radial-gradient(circle,rgba(255,209,102,.08) 0%,transparent 70%);bottom:15%;left:5%}@media(max-width:768px){.peak-grid{grid-template-columns:1fr}.peak-card-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}}.race-scene .scene-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}.race-title{text-align:center;max-width:600px}.race-container{width:100%;max-width:900px}.race-months{display:flex;margin-bottom:var(--space-3)}.race-label-placeholder{width:120px;flex-shrink:0}.race-month{flex:1;text-align:center;font-family:var(--font-mono);font-size:.65rem;color:var(--text-muted);letter-spacing:.05em}.race-lane{display:flex;align-items:stretch;margin-bottom:var(--space-3);height:60px}.race-artist-name{width:120px;flex-shrink:0;font-family:var(--font-display);font-size:.85rem;font-weight:600;display:flex;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.race-track{flex:1;position:relative;background:#ffffff05;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.03)}.race-dot{position:absolute;width:10px;height:10px;border-radius:50%;z-index:2}.race-lane .race-dot:nth-child(1){left:calc(0% + 5px)}.race-lane .race-dot:nth-child(2){left:calc(10% + 5px)}.race-lane .race-dot:nth-child(3){left:calc(20% + 5px)}.race-lane .race-dot:nth-child(4){left:calc(30% + 5px)}.race-lane .race-dot:nth-child(5){left:calc(40% + 5px)}.race-lane .race-dot:nth-child(6){left:calc(50% + 5px)}.race-lane .race-dot:nth-child(7){left:calc(60% + 5px)}.race-lane .race-dot:nth-child(8){left:calc(70% + 5px)}.race-lane .race-dot:nth-child(9){left:calc(80% + 5px)}.race-lane .race-dot:nth-child(10){left:calc(90% + 5px)}.race-lane .race-dot:nth-child(11){left:calc(100% - 15px)}.race-line-svg{position:absolute;inset:0;width:100%;height:100%;z-index:1}.race-rank-labels{display:flex;margin-top:var(--space-2)}.race-rank-col{flex:1;display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.65rem;color:var(--text-muted);padding:0 var(--space-2)}@media(max-width:768px){.race-label-placeholder{width:80px}.race-artist-name{width:80px;font-size:.75rem}.race-lane{height:45px}}@media(max-width:480px){.race-label-placeholder{width:60px}.race-artist-name{width:60px;font-size:.65rem}}.personality-scene .scene-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);text-align:center}.personality-orb{width:500px;height:500px;background:radial-gradient(circle,rgba(177,74,237,.15) 0%,transparent 70%);top:20%;left:50%;transform:translate(-50%);animation:orb-float-1 10s ease-in-out infinite}.club-badge{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);background:var(--gradient-glass);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid rgba(177,74,237,.3);border-radius:var(--radius-xl);box-shadow:var(--shadow-neon-violet)}.club-emoji{font-size:2.5rem}.club-text{display:flex;flex-direction:column;text-align:left}.club-name{font-family:var(--font-display);font-size:1.3rem;font-weight:700;color:var(--accent-gold)}.club-role{font-family:var(--font-mono);font-size:.75rem;color:var(--accent-violet);text-transform:uppercase;letter-spacing:.2em}.archetype{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.archetype-emoji{font-size:2rem}.archetype-name{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2.5rem);font-weight:800}.archetype-desc{font-size:1rem;color:var(--text-secondary);max-width:400px}.mood-rings{display:flex;gap:var(--space-7);flex-wrap:wrap;justify-content:center}.progress-ring-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);position:relative}.progress-ring-svg{display:block}.progress-ring-content{position:absolute;top:0;left:0;width:120px;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.progress-ring-emoji{font-size:1.2rem}.progress-ring-value{font-family:var(--font-mono);font-size:.9rem;font-weight:600}.progress-ring-label{font-family:var(--font-body);font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.personality-stats{display:flex;gap:var(--space-6);flex-wrap:wrap;justify-content:center}.personality-stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.personality-stat-value .text-data{font-size:1.8rem;color:var(--text-primary)}.personality-stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-family:var(--font-body)}@media(max-width:480px){.mood-rings,.personality-stats{gap:var(--space-4)}.club-badge{flex-direction:column;text-align:center}.club-text{text-align:center}}.discovery-scene .scene-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);text-align:center}.discovery-particles{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;pointer-events:none}.disc-particle{position:absolute;width:5px;height:5px;border-radius:50%;box-shadow:0 0 8px currentColor}.discovery-hero{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);z-index:2}.discovery-hero .text-data{font-size:clamp(4rem,12vw,8rem)}.discovery-label{font-family:var(--font-display);font-size:clamp(1.1rem,2.5vw,1.6rem);color:var(--text-secondary);font-weight:500}.discovery-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);max-width:500px;width:100%;z-index:2}.discovery-stats .glass-card{text-align:center;padding:var(--space-5)}.discovery-narrative{max-width:700px;width:100%;z-index:2}.discovery-orb{width:400px;height:400px;background:radial-gradient(circle,rgba(177,74,237,.1) 0%,transparent 70%);top:30%;right:15%}@media(max-width:480px){.discovery-stats{grid-template-columns:1fr}}.timeline-scene .scene-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);text-align:center}.timeline-title{max-width:500px}.timeline-container{display:flex;align-items:center;gap:var(--space-5);width:100%;max-width:900px}.timeline-card{flex:1;text-align:center}.timeline-tag{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em;display:block;margin-bottom:var(--space-3)}.timeline-track-name{font-family:var(--font-display);font-size:clamp(1.1rem,2.5vw,1.5rem);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-1)}.timeline-artist{font-size:.9rem;color:var(--text-secondary);margin-bottom:var(--space-2)}.timeline-date{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.timeline-line{position:relative;width:120px;height:3px;flex-shrink:0}.timeline-line-fill{position:absolute;inset:0;background:var(--gradient-neon);border-radius:var(--radius-full);transform-origin:left}.timeline-dot{position:absolute;width:12px;height:12px;border-radius:50%;top:50%;transform:translateY(-50%)}.timeline-dot-start{left:-6px;background:var(--accent-cyan);box-shadow:0 0 12px var(--accent-cyan)}.timeline-dot-end{right:-6px;background:var(--accent-magenta);box-shadow:0 0 12px var(--accent-magenta)}@media(max-width:768px){.timeline-container{flex-direction:column}.timeline-line{width:3px;height:60px}.timeline-line-fill{transform-origin:top}.timeline-dot-start{left:50%;top:-6px;transform:translate(-50%)}.timeline-dot-end{inset:auto auto -6px 50%;transform:translate(-50%)}}.closer-scene{position:relative}.closer-scene .scene-content{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;gap:var(--space-6)}.closer-orb{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(177,74,237,.2) 0%,rgba(0,245,212,.05) 50%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);filter:blur(80px);pointer-events:none;z-index:0}.closer-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);z-index:2}.closer-text-small{font-family:var(--font-body);font-size:clamp(1rem,2.5vw,1.4rem);color:var(--text-secondary);font-weight:400}.closer-text-main{font-family:var(--font-display);font-size:clamp(2.5rem,8vw,5rem);font-weight:900;letter-spacing:-.02em}.closer-text-year{font-family:var(--font-mono);font-size:1rem;letter-spacing:.5em;color:var(--text-muted);margin-top:var(--space-4)}.closer-badge{position:absolute;bottom:40px;z-index:2}.closer-badge span{font-family:var(--font-body);font-size:.8rem;color:var(--text-muted)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{overflow-x:hidden;background:var(--bg-void);color:var(--text-primary);font-family:var(--font-body);line-height:1.6}ul,ol{list-style:none}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button{cursor:pointer;border:none;background:none;font:inherit;color:inherit}:root{--bg-void: #0A0A0F;--bg-primary: #121218;--bg-elevated: #1A1A24;--bg-glass: rgba(255, 255, 255, .04);--text-primary: #F0F0F5;--text-secondary: #8A8A9A;--text-muted: #4A4A5A;--accent-cyan: #00F5D4;--accent-magenta: #FF4D6D;--accent-violet: #B14AED;--accent-gold: #FFD166;--accent-spotify: #1DB954;--gradient-hero: linear-gradient(135deg, #0A0A0F 0%, #1A0A2E 50%, #0A0A0F 100%);--gradient-neon: linear-gradient(135deg, #00F5D4, #B14AED);--gradient-warm: linear-gradient(135deg, #FF4D6D, #FFD166);--gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .01));--gradient-violet: linear-gradient(135deg, #1A0A2E 0%, #0A0A0F 100%);--glass-border: rgba(255, 255, 255, .08);--glass-blur: 20px;--shadow-neon-cyan: 0 0 40px rgba(0, 245, 212, .15);--shadow-neon-magenta: 0 0 40px rgba(255, 77, 109, .15);--shadow-neon-violet: 0 0 40px rgba(177, 74, 237, .15);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--space-10: 128px;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-full: 9999px;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--ease-spring: cubic-bezier(.16, 1, .3, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--duration-fast: .2s;--duration-normal: .4s;--duration-slow: .8s}.scene{min-height:100vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--space-7) var(--space-5);position:relative;overflow:hidden}.scene-content{max-width:1100px;width:100%;z-index:2;position:relative}.text-hero{font-family:var(--font-display);font-weight:900;font-size:clamp(3.5rem,10vw,8rem);line-height:.9;letter-spacing:-.03em}.text-display{font-family:var(--font-display);font-weight:800;font-size:clamp(2rem,6vw,4.5rem);line-height:1;letter-spacing:-.02em}.text-heading{font-family:var(--font-display);font-weight:700;font-size:clamp(1.4rem,3.5vw,2.2rem);line-height:1.15}.text-body{font-family:var(--font-body);font-weight:400;font-size:clamp(1rem,2vw,1.15rem);line-height:1.6;color:var(--text-secondary)}.text-data{font-family:var(--font-mono);font-weight:500;font-size:clamp(2.5rem,8vw,6rem);line-height:1;letter-spacing:-.02em}.text-caption{font-family:var(--font-body);font-weight:500;font-size:.85rem;line-height:1.4;color:var(--text-muted)}.gradient-text-neon{background:var(--gradient-neon);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-warm{background:var(--gradient-warm);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-card{background:var(--gradient-glass);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-6)}.ambient-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.3;pointer-events:none;z-index:0}.neon-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:.8rem;font-weight:500;border:1px solid}.scroll-indicator{position:fixed;bottom:30px;left:50%;transform:translate(-50%);z-index:100;font-size:1.5rem;color:var(--accent-cyan);animation:bounce 2s ease infinite;opacity:.6}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-15px)}60%{transform:translate(-50%) translateY(-7px)}}.loading-screen{position:fixed;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--bg-void);z-index:1000;gap:var(--space-5)}.loading-spinner{width:48px;height:48px;border:3px solid var(--bg-elevated);border-top-color:var(--accent-cyan);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-family:var(--font-display);font-size:1.2rem;color:var(--text-secondary)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-5);width:100%}@media(max-width:768px){.scene{padding:var(--space-6) var(--space-4)}.stat-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.stat-grid{grid-template-columns:1fr}}