:root{color-scheme:only dark;forced-color-adjust:none!important;--bg-dark: #070714;--bg-darker: #04040a;--primary-neon: #00f2ff;--secondary-neon: #bc13fe;--accent-pink: #ff00bd;--text-main: #ffffff;--text-muted: #a0a0c5;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--glass-blur: blur(16px);--shadow-neon: 0 0 20px rgba(0, 242, 255, .3);--shadow-magenta: 0 0 20px rgba(188, 19, 254, .3);--transition-smooth: all .4s cubic-bezier(.23, 1, .32, 1)}body{font-family:Outfit,sans-serif;background-color:#070714!important;color:#fff!important;overflow-x:hidden;line-height:1.5;overscroll-behavior-y:contain;forced-color-adjust:none!important}h1,h2,h3,.syne-font{font-family:Syne,sans-serif;font-weight:800;letter-spacing:-.02em}button{cursor:pointer;border:none;background:none;font-family:inherit;color:inherit;transition:var(--transition-smooth)}input{font-family:inherit}::-webkit-scrollbar{display:none}.multiplier-badge{position:absolute;top:-8px;right:-8px;background:#ffffff1a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);color:var(--primary-neon);font-family:Syne,sans-serif;font-size:.75rem;font-weight:800;padding:4px 8px;border-radius:10px;box-shadow:0 4px 12px #00000080;z-index:5;pointer-events:none;animation:multiplier-pop .5s cubic-bezier(.18,.89,.32,1.28) forwards}@keyframes multiplier-pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}:root{--bg-dark: #070714;--bg-darker: #04040a;--primary-neon: #ffffff;--secondary-neon: #bc13fe;--accent-pink: #ff00bd;--text-main: #ffffff;--text-muted: #a0a0c5;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .08);--glass-blur: blur(16px);--shadow-neon: 0 0 20px rgba(0, 242, 255, .3);--shadow-magenta: 0 0 20px rgba(188, 19, 254, .3);--transition-smooth: all .4s cubic-bezier(.23, 1, .32, 1);color-scheme:only dark;forced-color-adjust:none!important}@media(prefers-color-scheme:dark){:root,.dark{color-scheme:dark;forced-color-adjust:none!important}}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{background-color:#070714!important;color:#fff!important;margin:0;padding:0;min-height:100dvh;width:100%;position:relative;overscroll-behavior:none;forced-color-adjust:none!important}body{font-family:Inter,sans-serif;color:var(--text-main);overflow-x:hidden;display:flex;flex-direction:column}h1,h2,h3{font-family:Bebas Neue,sans-serif;letter-spacing:.05em;font-weight:400}.glass-panel{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:24px}.app-main{min-height:100dvh;display:flex;flex-direction:column;padding:24px;padding-top:calc(40px + env(safe-area-inset-top));padding-bottom:calc(40px + env(safe-area-inset-bottom));position:relative;overflow-x:hidden;z-index:1}.dynamic-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;background-color:#04040a!important;overflow:hidden}.content-area{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:450px;position:relative;z-index:10;pointer-events:auto;margin:0 auto;padding-top:20px}.content-area.admin-mode{justify-content:flex-start!important;padding-top:20px;max-width:600px;height:calc(100vh - 100px);display:flex;flex-direction:column}.fade-in{width:100%;animation:slideUp .6s cubic-bezier(.23,1,.32,1) forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.app-header{margin-bottom:20px;display:flex;justify-content:center;width:100%}.header-badge{position:relative;width:100%;max-width:480px;height:90px;display:flex;justify-content:center;align-items:center;border-radius:24px;overflow:visible;z-index:1}.header-badge:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff3;box-shadow:0 8px 32px #1f26875e;width:102%;height:110%;z-index:-1;border-radius:inherit}.header-badge .gradient-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:102%;height:110%;overflow:hidden;border-radius:inherit;z-index:-2;-webkit-mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent);mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent)}.header-badge .gradient{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150%;aspect-ratio:1;background-image:linear-gradient(90deg,#00f2ff,#bc13fe,#ff00bd,#ffea00,#39ff14,#00f2ff);animation:rotate 3s linear infinite;will-change:transform}.header-badge .label{position:absolute;inset:4px;display:flex;justify-content:center;align-items:center;border-radius:20px;background:#ffffff14;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);z-index:2;border:1px solid rgba(255,255,255,.1)}.party-title{font-size:2.8rem;font-family:Bebas Neue,sans-serif;color:#fff;letter-spacing:4px;margin:0;line-height:1;text-shadow:0 2px 10px rgba(0,0,0,.2)}.marquee-container{width:100%;height:100%;overflow:hidden;display:flex;align-items:center;position:relative;-webkit-mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%)}.marquee-text{display:inline-block;white-space:nowrap;font-family:Bebas Neue,sans-serif;font-size:2rem;color:#fff;letter-spacing:2px;text-shadow:0 2px 10px rgba(0,0,0,.2);animation:marquee-scroll 10s linear infinite;padding-left:100%;will-change:transform}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.title-xl{font-size:3.5rem;line-height:.9;text-align:center;background:linear-gradient(to bottom,#fff 40%,#fff6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:12px}.subtitle{color:var(--text-muted);text-align:center;font-size:1.2rem;margin-bottom:24px;letter-spacing:1px}.language-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%}.lang-card{padding:32px 20px;display:flex;flex-direction:column;align-items:center;gap:16px;border-radius:32px;transition:var(--transition-smooth);cursor:pointer}.lang-card:active{background:#ffffff14;border-color:var(--primary-neon);transform:scale(.95);box-shadow:0 10px 30px #00f2ff1a}.flag-wrapper{font-size:3rem;filter:drop-shadow(0 5px 15px rgba(0,0,0,.3))}.lang-label{font-weight:600;font-size:1rem;color:var(--text-main)}.profile-card{width:100%}.avatar-scroll{display:flex;justify-content:center;gap:20px;margin:20px 0}.avatar-scroll>*{max-width:140px}.avatar-holder{flex:1;aspect-ratio:1;border-radius:50%;position:relative;transition:var(--transition-smooth);background:transparent;cursor:pointer;border:none;overflow:visible;padding:0}.avatar-holder.selected{transform:scale(1.1)}.avatar-holder .gradient-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:104%;height:104%;overflow:hidden;border-radius:50%;z-index:-1;-webkit-mask-image:radial-gradient(circle at center,black 40%,transparent 68%);mask-image:radial-gradient(circle at center,black 40%,transparent 68%)}.avatar-holder .gradient{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150%;aspect-ratio:1;background-image:linear-gradient(90deg,#00f2ff,#bc13fe,#ff00bd,#ffea00,#39ff14,#00f2ff);animation:rotate 3s linear infinite;will-change:transform}.avatar-holder .label-circle{position:relative;width:100%;height:100%;border-radius:50%;background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);overflow:hidden;z-index:2;border:4px solid rgba(255,255,255,.1);box-shadow:inset 0 0 20px #00000080}.avatar-holder.selected .label-circle{border:6px solid transparent;background-clip:padding-box;background:#ffffff14}.avatar-circle{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.female-glow{background:radial-gradient(circle,rgba(188,19,254,.25) 0%,transparent 70%)}.male-glow{background:radial-gradient(circle,rgba(0,242,255,.25) 0%,transparent 70%)}.avatar-img{width:100%;height:100%;object-fit:cover}.input-premium-container{position:relative;width:100%;max-width:320px;margin:0 auto 24px;border-radius:20px;overflow:visible;z-index:1;transition:transform .3s ease}.input-premium-container.active{transform:scale(1.02)}.input-premium-container .gradient-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:102%;height:115%;overflow:hidden;border-radius:22px;z-index:-1;-webkit-mask-image:linear-gradient(to bottom,transparent,black 20%,black 80%,transparent);mask-image:linear-gradient(to bottom,transparent,black 20%,black 80%,transparent);opacity:.8;animation:fadeIn .4s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:.8;transform:translate(-50%,-50%) scale(1)}}.input-premium-container .gradient{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150%;aspect-ratio:1;background-image:linear-gradient(90deg,#00f2ff,#bc13fe,#ff00bd,#ffea00,#39ff14,#00f2ff);animation:rotate 4s linear infinite;will-change:transform}.glass-input-hero{width:100%;background:#04040acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:16px 20px;color:#fff;font-size:1.1rem;text-align:center;outline:none;transition:var(--transition-smooth);position:relative;z-index:5;pointer-events:auto}.glass-input-hero:focus{background:#04040ae6;border-color:#ffffff4d}.btn-uiverse{border:none;outline:none;background:#111;width:350px;height:350px;font-family:Bebas Neue,sans-serif;font-size:2.22rem;letter-spacing:2px;color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;position:relative;transition:all .4s cubic-bezier(.23,1,.32,1);z-index:1;margin:40px auto 20px;background-image:repeating-radial-gradient(circle at center,#111 0px 2px,#181818 3px,#111 4px);box-shadow:inset 0 0 60px #000000e6,0 15px 50px #0009}.btn-uiverse:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#ffffff1a;box-shadow:0 0 70px #00f2ff40;width:105%;height:105%;z-index:-1;border-radius:50%;transition:all .3s}.btn-uiverse .gradient-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;z-index:-2;-webkit-mask-image:radial-gradient(circle at center,black 40%,transparent 68%);mask-image:radial-gradient(circle at center,black 40%,transparent 68%);width:120%;height:120%;transition:all .3s;pointer-events:none}.btn-uiverse .gradient{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150%;aspect-ratio:1;border-radius:50%;transition:all .3s;background-image:linear-gradient(90deg,#00f2ff,#bc13fe,#ff00bd,#ffea00,#39ff14,#00f2ff);animation:rotate 6s linear infinite;will-change:transform;pointer-events:none}.btn-uiverse .label{position:absolute;width:180px;height:180px;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border-radius:50%;background:#ffffff1f;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);z-index:2;border:5px solid rgba(255,255,255,.2);padding:15px;line-height:.95;font-size:2.2rem;text-transform:uppercase;font-weight:900;color:#fff;text-shadow:0 0 10px rgba(0,242,255,.5),0 4px 8px rgba(0,0,0,.6);transition:all .4s ease;will-change:transform}.btn-uiverse:not(:disabled) .label{animation:labelPulse 2s infinite ease-in-out;border-color:var(--primary-neon);box-shadow:0 0 30px #00f2ff66,inset 0 0 20px #00f2ff33}@keyframes labelPulse{0%{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 20px #00f2ff4d}50%{transform:translate(-50%,-50%) scale(1.05);box-shadow:0 0 40px #00f2ff99}to{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 20px #00f2ff4d}}.tonearm{position:absolute;top:15px;right:15px;width:100px;height:10px;background:#555;border-radius:5px;transform-origin:90% 50%;transform:rotate(-90deg);transition:transform 1s cubic-bezier(.4,0,.2,1);z-index:10;box-shadow:2px 2px 5px #00000080;will-change:transform}.tonearm:after{content:"";position:absolute;left:-5px;top:-2px;width:25px;height:14px;background:#888;border-radius:2px}.tonearm:before{content:"";position:absolute;right:-5px;top:-10px;width:30px;height:30px;background:radial-gradient(circle,#777,#333);border-radius:50%;border:2px solid #222}.btn-uiverse:not(:disabled) .tonearm{transform:rotate(-15deg);animation:needleJitter .5s infinite alternate ease-in-out}@keyframes needleJitter{0%{transform:rotate(-14deg)}to{transform:rotate(-16deg)}}.dj-hand{position:absolute;bottom:-60px;right:-20px;font-size:5rem;z-index:20;pointer-events:none;filter:drop-shadow(0 10px 15px rgba(0,0,0,.5));transition:all 1s cubic-bezier(.34,1.56,.64,1);opacity:0;transform:rotate(-20deg)}.btn-uiverse:not(:disabled) .dj-hand{bottom:0;opacity:1;animation:handScratch 2s infinite ease-in-out}@keyframes handScratch{0%{transform:translate(0) rotate(-20deg)}30%{transform:translate(-20px,-10px) rotate(-35deg)}60%{transform:translate(0) rotate(-20deg)}to{transform:translate(0) rotate(-20deg)}}.btn-uiverse:hover .gradient-container{transform:translate(-50%,-50%) scale(.98);filter:blur(5px)}.btn-uiverse:hover .gradient{filter:blur(5px)}.btn-uiverse:disabled{opacity:.5;filter:grayscale(1);cursor:not-allowed}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.admin-vibe-box{padding:16px;margin-bottom:20px;text-align:center;border-left:4px solid var(--primary-neon)}.vibe-text{font-weight:600;font-size:1rem;color:#fff}.search-container-hero{display:flex;gap:12px;width:100%;margin-bottom:10px}.search-premium-wrapper{position:relative;flex:1;display:flex;border-radius:20px;overflow:visible;z-index:1;padding:3px}.search-premium-wrapper .gradient-container{position:absolute;inset:0;overflow:hidden;border-radius:inherit;z-index:-1;filter:blur(6px);opacity:.9;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;padding:3px}.search-premium-wrapper .gradient{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150%;aspect-ratio:1;background-image:linear-gradient(90deg,#00f2ff,#bc13fe,#ff00bd,#ffea00,#39ff14,#00f2ff);animation:rotate 4s linear infinite;will-change:transform}.search-glass{display:flex;flex:1;background:#ffffff1f;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:17px;align-items:center;transition:all .3s ease;width:100%}.search-glass:focus-within{background:#ffffff2e;box-shadow:0 0 20px #ffffff0d}.search-glass input{background:none;border:none;color:#fff;padding:16px 0;width:100%;outline:none;font-size:1rem}.search-glass input::placeholder{color:#fffc}.search-trigger{background:var(--primary-neon);color:var(--bg-dark);padding:12px;border-radius:12px;margin:6px;border:none}.btn-dice{width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;border-radius:20px;border:1px solid var(--glass-border);background:#ffffff0d;color:#fff;cursor:pointer}.results-list-wrapper{flex:1;min-height:0;display:flex;flex-direction:column}.results-list{flex:1;overflow-y:auto;padding-bottom:20px}.results-list::-webkit-scrollbar{display:none}.result-item{display:flex;align-items:center;justify-content:space-between;padding:16px;margin-bottom:10px;cursor:pointer}.song-name{font-weight:700;font-size:1.1rem;color:var(--text-main);margin-bottom:4px}.song-artist{font-size:.85rem;color:var(--text-muted)}.text-neon{color:var(--primary-neon)}.section-title{font-family:Bebas Neue,sans-serif;font-size:1.5rem;color:var(--text-main);letter-spacing:1px;position:sticky;top:0;z-index:100;background:transparent;padding:5px 0}.trending-section{width:100%}.trending-list-wrapper{position:relative;width:100%;max-height:520px}.trending-list{display:flex;flex-direction:column;gap:10px;max-height:520px;overflow-y:auto;padding:18px 0;scrollbar-width:none}.requests-list-wrapper{flex:1;min-height:0;display:flex;flex-direction:column}.requests-list{flex:1;overflow-y:auto;padding-bottom:40px}.trending-list::-webkit-scrollbar{display:none}.trend-item{display:flex;justify-content:space-between;align-items:center;padding:16px;flex-shrink:0}.upvote-btn{display:flex;align-items:center;justify-content:center;gap:6px;background:#ffffff1a;border-radius:12px;padding:0 12px;color:var(--text-main);border:1px solid transparent;transition:all .2s ease;cursor:pointer;height:38px;min-width:50px;font-size:.9rem;flex-shrink:0}.upvote-btn:active{transform:scale(.95)}.upvote-btn.liked{background:#ff00bd26;border:1px solid rgba(255,0,189,.3)}.vibe-check-section{position:fixed;bottom:0;left:0;width:100%;z-index:8000;text-align:center;pointer-events:none}.vibe-fog-background{position:absolute;height:250px;left:0;right:0;bottom:0;z-index:-1;background-color:#07070f99;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);mask-image:linear-gradient(to top,black 20%,transparent 100%);-webkit-mask-image:linear-gradient(to top,black 20%,transparent 100%);opacity:0;transition:opacity .8s ease;pointer-events:none}.vibe-content-wrapper{position:relative;width:100%;padding:40px 24px calc(15px + env(safe-area-inset-bottom)) 24px;transform:translateY(120%);transition:transform .8s cubic-bezier(.23,1,.32,1)}.vibe-check-section.vibe-visible .vibe-fog-background{opacity:1}.vibe-check-section.vibe-visible .vibe-content-wrapper{transform:translateY(0)}.vibe-buttons{pointer-events:none}.vibe-visible .vibe-buttons{pointer-events:auto}.vibe-check-dummy{height:80px}@media(min-width:768px){.content-area{max-width:1100px;justify-content:flex-start}.content-area.admin-mode{max-width:1100px}.vibe-check-dummy{display:none}.trending-section{flex:1;display:flex;flex-direction:column;width:100%}.trending-list-wrapper{flex:1;display:flex;flex-direction:column;max-height:none}.trending-list,.requests-list{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;max-height:none;padding-bottom:200px}.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.trend-item,.req-item{margin-bottom:0}}.vibe-label{color:var(--accent-pink);margin-bottom:15px;font-size:1rem;letter-spacing:.8px;text-shadow:0 0 10px rgba(255,0,189,.4),0 0 5px rgba(0,0,0,.8);font-weight:700;text-transform:uppercase;opacity:1}.vibe-buttons{display:flex;justify-content:center;gap:20px}.vibe-btn-hearts{padding:8px 14px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.23,1,.32,1);background:#ffffff0a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 4px 15px #0003}.vibe-btn-hearts:hover{background:#ffffff14;box-shadow:0 10px 25px #ff00bd33;border-color:#ff00bd4d;transform:translateY(-4px)}.vibe-btn-hearts:active{transform:scale(.95)}.heart-stack{position:relative;display:flex;align-items:center;height:32px}.heart-stack.single{width:32px}.heart-stack.double{width:50px}.heart-stack.triple{width:68px}.glass-heart{stroke:#ffffffb3;fill:#ffffff26;stroke-width:1.5;transition:all .3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.vibe-btn-hearts:hover .glass-heart{stroke:#ff00bde6;fill:#ff00bd4d;filter:drop-shadow(0 0 10px rgba(255,0,189,.5))}.overlapping-heart{position:absolute;top:0}.offset-1{left:18px;z-index:1}.offset-2{left:36px;z-index:2}.user-profile-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 30px;margin:0 auto 10px;border-radius:20px;width:max-content;max-width:80%;background:#ffffff08;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 30px #0003}.avatar-circle-sm{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:8px;border:2px solid rgba(255,255,255,.1);overflow:hidden}.avatar-img-sm{width:100%;height:100%;object-fit:cover}.user-profile-name{font-family:Bebas Neue,sans-serif;font-size:1.6rem;color:var(--text-main);letter-spacing:2px;text-shadow:0 2px 10px rgba(0,0,0,.5);margin:0;line-height:1}.admin-login-card{padding:60px 40px 40px;text-align:center}.admin-login-card .title-xl{margin-top:0}.admin-dashboard{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding-bottom:20px;scrollbar-width:none;gap:0}.admin-nav{display:flex;gap:8px;overflow-x:auto;padding:10px 4px 15px;scrollbar-width:none;flex-shrink:0;position:sticky;top:0;z-index:100;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;margin:0 -10px 10px;border-bottom:none}.admin-nav::-webkit-scrollbar{display:none}.admin-view-content{display:flex;flex-direction:column;gap:20px;flex:1;width:100%;margin-top:2px;min-height:0}.requests-list{display:flex;flex-direction:column;gap:12px;padding:4px}.admin-dashboard::-webkit-scrollbar{display:none}.dashboard-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:4px}.stat-card{padding:24px 20px 20px;text-align:center;position:relative;border-radius:20px}.stat-icon-badge{position:absolute;top:12px;right:12px;width:28px;height:28px;background:#ffffff0d;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1)}.stat-value{display:block;font-size:3rem;color:var(--primary-neon);line-height:1;margin-bottom:5px;font-family:Bebas Neue,sans-serif}.stat-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-weight:700}.admin-settings{padding:24px;margin-bottom:24px}.requests-list-wrapper{position:relative;width:100%;flex:1;min-height:200px}.requests-list{display:flex;flex-direction:column;gap:16px;height:100%;overflow-y:auto;padding:10px 0;scrollbar-width:none}.requests-list::-webkit-scrollbar{display:none}.req-item{padding:16px;border-left:4px solid var(--secondary-neon);flex-shrink:0}.req-header{display:flex;justify-content:space-between;margin-bottom:8px}.req-user{color:var(--primary-neon);font-weight:700}.req-time{color:var(--text-muted);font-size:.8rem}.req-song{font-size:1.1rem;font-weight:700;margin-bottom:8px}.req-dedication{font-style:italic;color:var(--text-muted);margin-bottom:12px;font-size:.9rem}.req-actions{display:flex;justify-content:space-between;align-items:center}.btn-seen{background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.1);padding:8px 12px;border-radius:10px;font-size:.8rem;transition:all .2s ease;cursor:pointer;display:flex;align-items:center;gap:4px}.btn-seen.done{background:#00ff9d26;border-color:#00ff9d66;color:#00ff9d}.btn-seen:hover{background:#ffffff26}.btn-seen.done:hover{background:#00ff9d40}.btn-logout{width:100%;background:#ffffff0d;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);color:#fff;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 0 10px #ffffff0d,0 10px 30px #00000026;padding:16px;border-radius:20px;margin-top:20px;font-family:Bebas Neue,sans-serif;font-size:1.6rem;text-transform:uppercase;letter-spacing:2px;transition:all .3s cubic-bezier(.23,1,.32,1);cursor:pointer}.btn-logout:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-2px);box-shadow:inset 0 0 15px #ffffff1a,0 15px 40px #0000004d}.btn-logout.danger{background:#ff000026;border-color:#ff00004d}.btn-logout.danger:hover{background:#ff000040;border-color:#f006}.admin-trigger-glass{position:fixed;top:calc(env(safe-area-inset-top,0px) + 12px);right:15px;bottom:auto;width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:#ffffff08;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#ffffff4d;cursor:pointer;transition:all .3s ease;z-index:1000}.admin-trigger-glass:hover{background:#ffffff14;color:#fff9;border-color:#fff3;transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.admin-trigger-glass:active{transform:scale(.95)}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:480px){.app-main{min-height:100%;overflow-x:hidden;display:flex;flex-direction:column}.content-area{flex:1;display:flex;flex-direction:column;min-height:0;padding:20px 16px 5px}.content-area>.fade-in.w-full{flex:1;display:flex;flex-direction:column;min-height:0;gap:10px!important}.content-area.admin-mode{padding-top:20px;height:auto;overflow:visible}.admin-nav{position:sticky;top:0;z-index:1001;background:#0a0a0acc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);margin:0 -16px 10px;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.header-badge{height:65px;max-width:320px;border-radius:18px}.party-title{font-size:1.8rem;letter-spacing:3px}.title-xl{font-size:2.22rem;margin-bottom:4px;margin-top:-30px}.subtitle{font-size:.8rem;margin-bottom:15px}.avatar-scroll{margin:40px 0;gap:10px}.avatar-holder{max-width:110px}.avatar-holder.selected{transform:scale(1.05)}.avatar-holder .label-circle{border-width:3px}.avatar-holder.selected .label-circle{border-width:5px}.input-premium-container{max-width:260px;margin-bottom:15px}.glass-input-hero{padding:12px 18px;font-size:1rem;border-radius:15px}.btn-uiverse{width:210px;height:210px;font-size:1.4rem;margin:100px auto 20px}.btn-uiverse .label{width:130px;height:130px;font-size:1.7rem;padding:12px}.btn-uiverse .label:after{width:12px;height:12px;top:65%}.tonearm{width:80px;height:8px;top:10px;right:10px}.tonearm:before{width:25px;height:25px}.tonearm:after{width:20px;height:12px}.dj-hand{font-size:4rem;right:-10px}.trending-section.mt-4.mb-6{margin-top:0!important;margin-bottom:5px!important;flex:1;display:flex;flex-direction:column;min-height:0}.search-container-hero{margin-bottom:5px!important}.trending-list-wrapper{flex:1;min-height:0;max-height:none!important}.trending-list{height:auto;max-height:none!important;padding:2px 0!important;overflow-y:visible}.vibe-check-section{padding-top:40px!important;padding-bottom:calc(20px + env(safe-area-inset-bottom))!important}.vibe-label{margin-bottom:8px!important}.section-title{margin-bottom:2px!important}.results-list-wrapper{flex:1;min-height:0}.results-list{height:auto;overflow-y:visible}}.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:8px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.badge-mine{background:#ff00bd33;color:#ff00bd;border:1px solid rgba(255,0,189,.4)}.badge-seen{background:#00ff9d26;color:#00ff9d;border:1px solid rgba(0,255,157,.4)}.modal-overlay{position:fixed;inset:0;background:#0000004d;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px;animation:fadeIn .3s ease-out forwards}.modal-content{width:100%;max-width:400px;border-radius:20px;padding:30px 20px;display:flex;flex-direction:column;background:transparent!important;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.1);animation:slideUp .3s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.active-tab{background:#ffffff14!important;border-color:var(--primary-neon)!important;box-shadow:0 0 15px #ffffff1a,inset 0 0 10px #ffffff0d;transform:translateY(-1px)}.toggle-row span{font-size:.9rem;color:var(--text-main)}.toggle-row input[type=checkbox]{appearance:none;width:40px;height:20px;background:#ffffff1a;border-radius:20px;position:relative;cursor:pointer;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.toggle-row input[type=checkbox]:checked{background:var(--primary-neon);border-color:var(--primary-neon)}.toggle-row input[type=checkbox]:before{content:"";position:absolute;width:14px;height:14px;background:#fff;border-radius:50%;top:2px;left:3px;transition:all .3s ease}.toggle-row input[type=checkbox]:checked:before{left:21px}.success-banner{background:#00ff4126;border:1px solid rgba(0,255,65,.3);color:#00ff41;padding:10px;border-radius:12px;text-align:center;margin-bottom:20px;font-weight:700;animation:slideDown .3s ease}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.admin-settings-container{width:100%;display:flex;flex-direction:column;gap:20px}.p-6{padding:24px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mt-4{margin-top:16px}.w-full{width:100%}.text-center{text-align:center}.block{display:block}.result-item.selected-for-send{border-color:var(--primary-neon)!important;background:#00f2ff14!important}.btn-send-mini{background:var(--primary-neon)!important;color:var(--bg-dark)!important;border:none!important;padding:8px 16px!important;border-radius:12px!important;font-weight:700!important;font-size:.85rem!important;cursor:pointer!important;box-shadow:0 0 15px #00f2ff66!important}.success-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;background:#0000004d;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);pointer-events:auto}.success-overlay.fade-in{animation:staticFadeIn .3s ease-out forwards}@keyframes staticFadeIn{0%{opacity:0}to{opacity:1}}.success-card{max-width:500px;width:100%;padding:30px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px;background:transparent!important;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #0009;border-radius:32px;pointer-events:auto;z-index:10001;animation:slideUp .3s cubic-bezier(.175,.885,.32,1.275) forwards}.multiplier-badge-new{display:flex;align-items:center;justify-content:center;gap:6px;background:#ffffff1a;border-radius:12px;padding:0 12px;color:var(--text-main);border:1px solid transparent;font-size:.9rem;font-weight:500;height:38px;min-width:50px;flex-shrink:0}.success-icon-circle{width:80px;height:80px;border-radius:50%;background:#ff00bd26;border:2px solid var(--accent-pink);display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #ff00bd66;margin-bottom:10px;animation:sendPulse 1.5s infinite ease-in-out}.success-card h3{font-family:Bebas Neue,sans-serif;font-size:2rem;color:var(--accent-pink);margin:0;letter-spacing:2px;text-shadow:0 0 10px rgba(255,0,189,.3)}.success-card p{color:var(--text-main);font-size:1.1rem;line-height:1.4;margin:0}.bounce-in{animation:bounceIn .6s cubic-bezier(.175,.885,.32,1.275)}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.1)}80%{transform:scale(.9)}to{transform:scale(1);opacity:1}}.search-trigger-embedded{background:none;border:none;color:var(--primary-neon);padding:12px;margin-right:6px;cursor:pointer;display:flex;align-items:center;justify-content:center}.dot-neon{width:8px;height:8px;background:var(--primary-neon);border-radius:50%;box-shadow:0 0 10px var(--primary-neon)}.autocomplete-panel{position:absolute;top:calc(100% + 5px);left:0;right:0;z-index:100;background:#141419f2!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:8px 0;box-shadow:0 15px 40px #0009;max-height:300px;overflow-y:auto}.suggestion-item{padding:12px 20px;display:flex;align-items:center;cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(255,255,255,.03)}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:#ffffff0d}.suggest-title{color:#fff;font-weight:500;margin-right:8px}.suggest-artist{color:var(--text-muted);font-size:.85rem}.btn-send-glowing{background:#ff00bd33!important;border:2px solid var(--accent-pink)!important;color:#fff!important;width:50px!important;height:50px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;box-shadow:0 0 20px #ff00bd66!important;animation:sendPulse 1.5s infinite ease-in-out;flex-shrink:0}@keyframes sendPulse{0%{transform:scale(1);box-shadow:0 0 15px #ff00bd66;filter:brightness(1)}50%{transform:scale(1.1);box-shadow:0 0 30px #ff00bdb3;filter:brightness(1.3)}to{transform:scale(1);box-shadow:0 0 15px #ff00bd66;filter:brightness(1)}}@keyframes iconPulse{0%{transform:scale(1);filter:drop-shadow(0 0 5px rgba(255,255,255,.3))}50%{transform:scale(1.3);filter:drop-shadow(0 0 10px rgba(255,255,255,.6))}to{transform:scale(1);filter:drop-shadow(0 0 5px rgba(255,255,255,.3))}}.search-icon-glass-wrapper{margin-left:16px;display:flex;align-items:center;justify-content:center;opacity:1}.search-icon-glass{color:#fff;filter:drop-shadow(0 0 5px rgba(255,255,255,.3));animation:iconPulse 2s infinite ease-in-out;transform-origin:center}.search-btn-icon{color:#fff;transition:var(--transition-smooth)}.search-trigger-embedded:hover .search-btn-icon{color:#fff;filter:drop-shadow(0 0 8px #fff)}.mini-avatar-trigger{position:fixed;top:calc(env(safe-area-inset-top,0px) + 8px);left:15px;bottom:auto;width:34px;height:34px;border-radius:50%;border:2px solid rgba(255,255,255,.2);background:#0000004d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer;z-index:100;display:flex;align-items:center;justify-content:center;padding:0;transition:all .3s ease;overflow:hidden;box-shadow:0 4px 15px #0000004d}.mini-avatar-trigger:hover{transform:scale(1.05) translateY(-2px);border-color:#fff6;box-shadow:0 6px 20px #0006}.mini-avatar-trigger img{width:100%;height:100%;object-fit:contain;border-radius:50%;transform:scale(1.1)}.mini-avatar-trigger.female-glow{box-shadow:0 0 15px #ff00bd80;border-color:#ff00bd80}.mini-avatar-trigger.male-glow{box-shadow:0 0 15px #00f2ff80;border-color:#00f2ff80}.user-profile-overlay{position:fixed;inset:0;z-index:2000;background:#0000004d;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);display:flex;justify-content:center;align-items:center;padding:20px}.user-profile-view{display:flex;flex-direction:column;width:100%;max-width:500px;max-height:90vh;padding:30px;background:transparent!important;border:1px solid rgba(255,255,255,.1);border-radius:32px;box-shadow:0 20px 60px #0009;overflow-y:auto;scrollbar-width:none}.user-profile-view::-webkit-scrollbar{display:none}.profile-card-large{display:flex;flex-direction:column;padding:0;background:transparent!important;border:none;box-shadow:none;margin-bottom:25px;align-items:center;position:relative}.profile-card-large:before{display:none}.profile-header-large{display:flex;flex-direction:column;align-items:center;width:100%;margin-bottom:25px}.profile-info{display:flex;flex-direction:column;align-items:center;gap:15px;margin-bottom:20px}.avatar-circle-lg{width:150px;height:150px;border-radius:50%;display:flex;justify-content:center;align-items:center;background:#ffffff0d;border:4px solid rgba(255,255,255,.1);position:relative}.profile-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:25px;width:100%}.profile-stat-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px 10px!important;text-align:center;gap:8px;border:1px solid rgba(255,255,255,.05)!important;transition:all .3s ease;background:#ffffff08!important;border-radius:16px}.profile-stat-item:hover{transform:translateY(-2px);background:#ffffff12!important;border-color:#ffffff26!important}.stat-content{display:flex;flex-direction:column;line-height:1.2}.stat-val{font-size:1.2rem;font-weight:800;color:#fff}.stat-lbl{font-size:.6rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.my-requests-scroll-area{display:flex;flex-direction:column;gap:10px;max-height:300px;overflow-y:auto;padding-right:5px;width:100%}.my-requests-scroll-area::-webkit-scrollbar{width:4px}.my-requests-scroll-area::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.avatar-circle-lg.female-glow{box-shadow:0 0 40px #ff00bd99;border-color:#ff00bdb3}.avatar-circle-lg.male-glow{box-shadow:0 0 40px #00f2ff99;border-color:#00f2ffb3}.avatar-img-lg{width:100%;height:100%;object-fit:contain;transform:translateY(5%) scale(1.1)}.user-name-lg{font-family:Bebas Neue,sans-serif;font-size:3rem;letter-spacing:4px;color:#fff;text-transform:uppercase;margin:0;text-shadow:1px 4px 15px rgba(0,0,0,.8)}.btn-logout-small{background:#ff32321a;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(255,50,50,.25);color:#f88;font-size:.9rem;padding:10px 24px;border-radius:20px;transition:all .3s cubic-bezier(.23,1,.32,1);cursor:pointer;font-family:Bebas Neue,sans-serif;text-transform:uppercase;letter-spacing:2px;box-shadow:inset 0 0 10px #ff32321a}.btn-logout-small:hover{background:#ff323233;border-color:#ff323266;color:#fff;transform:translateY(-1px);box-shadow:0 5px 20px #f003}.my-requests-section{width:100%;background:#ffffff08;padding:20px;border-radius:20px;border:1px solid rgba(255,255,255,.05)}.my-requests-title{font-size:.9rem;color:var(--text-muted);margin-bottom:20px;text-transform:uppercase;letter-spacing:2px;text-align:center}.my-request-item{display:flex;justify-content:space-between;align-items:center;background:#0003;padding:15px 20px;border-radius:16px;margin-bottom:10px;border:1px solid rgba(255,255,255,.05)}.my-request-info{flex:1;overflow:hidden}.my-request-song{margin:0;font-size:1.1rem;font-weight:700;color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.my-request-artist{margin:0;font-size:.9rem;color:#ffffff80;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.btn-back-profile{background:#ffffff14!important;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);color:#fff;font-size:1.4rem;font-family:Bebas Neue,sans-serif;padding:18px;border-radius:24px;transition:all .3s cubic-bezier(.23,1,.32,1);cursor:pointer;display:block;width:100%;border:1px solid rgba(255,255,255,.15)!important;margin-top:25px;text-transform:uppercase;letter-spacing:3px;box-shadow:inset 0 0 15px #ffffff0d,0 15px 40px #0000004d}.btn-back-profile:hover{background:#ffffff26!important;border-color:#ffffff4d!important;transform:translateY(-3px);box-shadow:inset 0 0 20px #ffffff1a,0 20px 50px #0006}.mini-avatar-img{width:100%!important;height:100%!important;object-fit:contain!important;transform:scale(1.1) translateY(5%)}.hype-modal-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;background:#0000004d;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);pointer-events:auto}@keyframes fadeOverlay{0%{opacity:0}to{opacity:1}}.hype-modal-content{max-width:500px;width:100%;padding:30px;background:transparent!important;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #0009;border-radius:32px;pointer-events:auto;z-index:10001;display:flex;flex-direction:column;gap:20px;animation:slideUp .3s cubic-bezier(.175,.885,.32,1.275) forwards;overflow-y:auto;scrollbar-width:none}.hype-modal-content::-webkit-scrollbar{display:none}.hype-modal-header{display:flex;justify-content:space-between;align-items:center}.hype-modal-title-row{display:flex;align-items:center;gap:10px}.hype-title-icon{color:var(--secondary-neon);filter:drop-shadow(0 0 8px var(--secondary-neon))}.hype-modal-title{font-family:Bebas Neue,sans-serif;font-size:1.8rem;letter-spacing:2px;color:#fff;margin:0;line-height:1}.hype-modal-close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffffb3;cursor:pointer;transition:all .2s ease;flex-shrink:0}.hype-modal-close-btn:hover{background:#ffffff24;color:#fff;border-color:#ffffff40}.hype-global-score{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:18px;border-color:#bc13fe40;background:#bc13fe0f}.hype-global-icon{color:var(--secondary-neon);filter:drop-shadow(0 0 6px var(--secondary-neon));flex-shrink:0}.hype-global-value{display:block;font-family:Bebas Neue,sans-serif;font-size:2rem;color:var(--secondary-neon);line-height:1}.hype-global-label{display:block;font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-top:2px}.hype-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.hype-stat-card{display:flex;flex-direction:column;align-items:center;padding:16px 10px;border-radius:18px;text-align:center;gap:6px}.hype-stat-icon-wrap{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.hype-icon-sent{background:#bc13fe26;color:var(--secondary-neon);border:1px solid rgba(188,19,254,.3)}.hype-icon-heart{background:#ff00bd26;color:var(--accent-pink);border:1px solid rgba(255,0,189,.3)}.hype-icon-rank{background:#ffc8001f;color:#ffc800;border:1px solid rgba(255,200,0,.3)}.hype-stat-number{font-family:Bebas Neue,sans-serif;font-size:1.8rem;color:#fff;line-height:1}.hype-stat-label{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;line-height:1.3;text-align:center}.hype-leaderboard{display:flex;flex-direction:column;gap:10px}.hype-leaderboard-header{display:flex;align-items:center;gap:8px}.hype-crown-icon{color:#ffc800;filter:drop-shadow(0 0 6px rgba(255,200,0,.5))}.hype-leaderboard-title{font-family:Bebas Neue,sans-serif;font-size:1.2rem;letter-spacing:1px;color:#fff;margin:0}.hype-leaderboard-list{display:flex;flex-direction:column;gap:8px}.hype-leaderboard-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:14px;transition:all .2s ease}.hype-leaderboard-item.hype-leaderboard-me{border-color:#bc13fe66;background:#bc13fe14;box-shadow:inset 0 0 20px #bc13fe0d}.hype-rank-badge{font-size:1.1rem;min-width:28px;text-align:center;flex-shrink:0}.hype-leaderboard-name{flex:1;font-weight:600;color:#fff;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hype-leaderboard-scores{display:flex;gap:6px;flex-shrink:0}.hype-score-chip{display:flex;align-items:center;gap:4px;padding:3px 8px;border-radius:10px;font-size:.72rem;font-weight:600}.hype-chip-music{background:#bc13fe1f;color:#bc13fe;border:1px solid rgba(188,19,254,.25)}.hype-chip-heart,.hype-chip-vibe{background:#ff00bd1f;color:var(--accent-pink);border:1px solid rgba(255,0,189,.25)}.hype-no-data{color:var(--text-muted);font-size:.9rem;text-align:center;padding:16px 0}.hype-close-full{margin-top:4px!important;font-size:1.2rem!important}.msm-overlay{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;background:#04040a73;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);animation:msmFadeIn .22s cubic-bezier(.23,1,.32,1) forwards;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:calc(env(safe-area-inset-top,48px) + 60px) 20px calc(120px + env(safe-area-inset-bottom)) 20px;padding-bottom:calc(var(--keyboard-height, 120px) + env(safe-area-inset-bottom))}@keyframes msmFadeIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.msm-inner{width:100%;max-width:560px;display:flex;flex-direction:column;gap:14px}.msm-search-row{display:flex;align-items:center;gap:12px;width:100%}.msm-search-glass{flex:1}.msm-input{padding-left:12px;font-size:1.05rem;color:#fff}.msm-close-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#fff9;cursor:pointer;flex-shrink:0;transition:all .2s ease}.msm-close-btn:hover{background:#ffffff1f;color:#fff;border-color:#ffffff38}.msm-autocomplete{width:100%;margin-top:-4px}.msm-results-wrapper{width:100%;display:flex;flex-direction:column}.msm-results-list{display:flex;flex-direction:column;gap:10px;width:100%}.msm-result-item{display:flex;align-items:center;gap:14px;padding:14px 16px;cursor:pointer;transition:all .2s ease}.msm-result-item:hover{background:#ffffff0f}.msm-artwork{width:48px;height:48px;border-radius:10px;object-fit:cover;flex-shrink:0;border:1px solid rgba(255,255,255,.08)}@media(max-width:480px){.hype-modal-content{padding:22px 18px 18px;border-radius:24px;max-height:88dvh;gap:14px}.hype-modal-title{font-size:1.5rem}.hype-stats-grid{grid-template-columns:repeat(3,1fr);gap:8px}.hype-stat-card{padding:12px 8px;border-radius:14px}.hype-stat-number{font-size:1.5rem}.hype-stat-label{font-size:.6rem}.hype-leaderboard-scores{flex-direction:column;gap:4px}.msm-overlay{padding:calc(env(safe-area-inset-top,30px) + 60px) 14px 30px 14px}.msm-close-btn{width:40px;height:40px;border-radius:12px}.msm-artwork{width:40px;height:40px}}.music-search-overlay{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;background:#04040a4d;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);padding:20px;animation:fadeOverlay .2s ease-out forwards}.music-search-modal{width:100%;max-width:400px;padding:28px 24px;border-radius:28px;display:flex;flex-direction:column;gap:16px;border:1px solid rgba(0,242,255,.3);box-shadow:0 0 60px #00f2ff1a,0 30px 80px #00000080;background:transparent!important;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px)}.music-search-header{display:flex;justify-content:space-between;align-items:center}.music-search-title-row{display:flex;align-items:center;gap:10px}.music-search-icon{color:var(--primary-neon);filter:drop-shadow(0 0 6px rgba(0,242,255,.6))}.music-search-title{font-family:Bebas Neue,sans-serif;font-size:1.8rem;letter-spacing:2px;color:#fff;margin:0;line-height:1}.music-search-form{display:flex;flex-direction:column;gap:12px}.music-search-input-wrapper{position:relative;display:flex;align-items:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:18px;transition:all .3s ease;overflow:hidden}.music-search-input-wrapper:focus-within{background:#ffffff17;border-color:#00f2ff59;box-shadow:0 0 20px #00f2ff14}.music-search-icon-left{padding-left:16px;flex-shrink:0}.music-search-input{flex:1;background:none;border:none;color:#fff;font-size:1.05rem;padding:16px 12px;outline:none;width:100%;min-width:0}.music-search-input::placeholder{color:#ffffff59}.music-search-input:disabled{opacity:.5;cursor:not-allowed}.music-search-clear{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:none;background:#ffffff14;color:#fff9;cursor:pointer;margin-right:10px;transition:all .2s ease;flex-shrink:0}.music-search-clear:hover{background:#ffffff26;color:#fff}.music-search-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:15px;border-radius:18px;border:none;background:linear-gradient(135deg,#00f2ffe6,#bc13fecc);color:#fff;font-family:Bebas Neue,sans-serif;font-size:1.3rem;letter-spacing:2px;cursor:pointer;transition:all .3s cubic-bezier(.23,1,.32,1);box-shadow:0 8px 25px #00f2ff33}.music-search-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 35px #00f2ff4d}.music-search-btn:active:not(:disabled){transform:scale(.97)}.music-search-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none;background:#ffffff14}.music-search-cancel{background:none;border:none;color:var(--text-muted);font-size:.95rem;cursor:pointer;text-align:center;padding:4px;transition:color .2s ease;letter-spacing:.5px}.music-search-cancel:hover{color:#ffffffb3}@media(max-width:480px){.hype-modal-content{padding:22px 18px 18px;border-radius:24px;max-height:88dvh;gap:14px}.hype-modal-title{font-size:1.5rem}.hype-stats-grid{grid-template-columns:repeat(3,1fr);gap:8px}.hype-stat-card{padding:12px 8px;border-radius:14px}.hype-stat-number{font-size:1.5rem}.hype-stat-label{font-size:.6rem}.hype-leaderboard-scores{flex-direction:column;gap:4px}.music-search-modal{padding:22px 18px;border-radius:24px;gap:14px}.music-search-title{font-size:1.5rem}.music-search-btn{font-size:1.2rem;padding:13px}}.vibe-card{transition:all .3s cubic-bezier(.23,1,.32,1);border:1px solid rgba(255,255,255,.1)!important;background:#0f0f14b3!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 30px #0000004d,inset 0 0 10px #ffffff0d}.vibe-card:hover{transform:translateY(-2px) scale(1.02);border-color:#ff00bd66!important;box-shadow:0 15px 40px #ff00bd26,inset 0 0 15px #ffffff1a}.vibe-card:active{transform:scale(.98)}.vibe-icon-container{display:flex;align-items:center;justify-content:center;transition:all .3s ease}.vibe-card:hover .vibe-icon-container{background:#ff00bd4d!important;transform:rotate(15deg)}@media(max-width:600px){.vibe-card{top:15px!important;right:15px!important;padding:6px 10px!important}}