:root{--bg: #040912;--surf: rgba(255, 255, 255, .065);--bd: rgba(255, 255, 255, .115);--t1: #EDF4FF;--t2: rgba(219, 234, 254, .74);--t3: rgba(219, 234, 254, .45);--pu: #38BDF8;--pu2: #06B6D4;--pk: #818CF8;--pr: #3B82F6;--gold: #FFC53D;--grad: linear-gradient(115deg, #06B6D4 0%, #3B82F6 46%, #6366F1 100%);--font-d: "Sora", "Inter", -apple-system, sans-serif;--font-b: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{-webkit-tap-highlight-color:transparent}html{background:#040912;scroll-behavior:smooth}body{margin:0;padding:0;color:var(--t1);font-family:var(--font-b);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:var(--bg);overflow-x:hidden}body:before{content:"";position:fixed;top:-30%;right:-30%;bottom:-30%;left:-30%;z-index:-2;pointer-events:none;background:radial-gradient(38% 42% at 12% 8%,rgba(14,116,144,.26),transparent 100%),radial-gradient(34% 40% at 88% 18%,rgba(59,130,246,.17),transparent 100%),radial-gradient(40% 44% at 70% 88%,rgba(99,102,241,.15),transparent 100%),radial-gradient(30% 38% at 6% 82%,rgba(8,145,178,.2),transparent 100%),radial-gradient(24% 30% at 50% 50%,rgba(109,40,217,.1),transparent 100%);filter:blur(30px);animation:aurora 26s ease-in-out infinite alternate}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='0.05'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}@keyframes aurora{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(2%,-3%,0) scale(1.08)}to{transform:translate3d(-3%,2%,0) scale(1.03)}}#root{max-width:480px;margin:0 auto;min-height:100vh}button{font-family:inherit;cursor:pointer;background:transparent;border:none;color:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}input{font-family:inherit}input::placeholder{color:var(--t3)}input:focus{border-color:#67e8f999!important;box-shadow:0 0 0 3px #06b6d426}::selection{background:#67e8f959;color:#fff}.page,.hero-bg{min-height:100vh;background:transparent;padding-bottom:20px;animation:fade-up .35s ease both}.glass-dk{background:#040a14c7;backdrop-filter:blur(28px) saturate(170%);-webkit-backdrop-filter:blur(28px) saturate(170%)}.glass-card{position:relative;background:linear-gradient(160deg,#ffffff13,#ffffff08);border:1px solid rgba(255,255,255,.095);border-radius:22px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 32px #02081273,inset 0 1px #ffffff12}.glow-card{border:1px solid transparent;background:linear-gradient(160deg,#081224f0,#040c1af5) padding-box,linear-gradient(135deg,#06b6d4a6,#3b82f673,#6366f18c) border-box;border-radius:22px;box-shadow:0 14px 44px #0e749042,inset 0 1px #ffffff1a}.h1{font-family:var(--font-d);font-size:36px;font-weight:800;letter-spacing:-.035em;line-height:1.06;margin:0}.grad-text{background:linear-gradient(100deg,#22d3ee,#7dd3fc 34%,#a5b4fc 62%,#818cf8 78%,#22d3ee);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 6s linear infinite}@keyframes shimmer{0%{background-position:0% 50%}to{background-position:220% 50%}}.page-title{font-family:var(--font-d);font-size:22px;font-weight:800;letter-spacing:-.03em;color:#eaf2ff}.sec-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sec-title{font-family:var(--font-d);font-size:16.5px;font-weight:700;letter-spacing:-.02em;color:#eaf2ff}.sec-link{background:none;border:none;font-size:11.5px;font-weight:800;color:var(--pu);transition:color .15s}.sec-link:active{color:#7dd3fc}.pressable{transition:transform .14s cubic-bezier(.2,.8,.2,1),opacity .14s,box-shadow .2s}.pressable:active{transform:scale(.94);opacity:.85}.pill{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:100px;border:1.5px solid;font-size:12px;font-weight:700;background:transparent;white-space:nowrap;flex-shrink:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .15s,box-shadow .2s,background .2s}.pill:active{transform:scale(.95)}.play-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;background:linear-gradient(135deg,#06b6d4f2,#3b82f6e6,#6366f1d9);box-shadow:0 6px 20px #06b6d48c,0 2px 10px #6366f159,inset 0 1px #ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-grad{background:var(--grad);border:none;color:#fff;box-shadow:0 10px 30px #06b6d466,inset 0 1px #ffffff40;position:relative;overflow:hidden}.btn-grad:after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skew(-20deg);animation:sweep 3.2s ease-in-out infinite}@keyframes sweep{0%,55%{left:-60%}85%,to{left:130%}}.track-row{display:flex;align-items:center;gap:12px;padding:10px 14px;cursor:pointer;position:relative;border-radius:16px;transition:background .15s}.track-row:hover{background:#06b6d412}.track-row:active{background:#06b6d424}.card-hover{cursor:pointer;transition:transform .22s cubic-bezier(.2,.8,.2,1),filter .22s}.card-hover:hover{transform:translateY(-4px) scale(1.02)}.card-hover:active{transform:scale(.96)}.side-item:active{background:#06b6d424}.dock{position:fixed;bottom:12px;left:12px;right:12px;z-index:100;max-width:456px;margin:0 auto;border-radius:26px;background:#0a0814d1;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border:1px solid rgba(255,255,255,.09);box-shadow:0 18px 50px #020812a6,inset 0 1px #ffffff14;padding-bottom:max(8px,env(safe-area-inset-bottom,0px));display:flex;align-items:flex-end}.live-dot{width:7px;height:7px;border-radius:50%;background:#34d399;display:inline-block;animation:pulse 1.6s ease-in-out infinite}.wave-bar{width:3px;border-radius:2px;background:#fff;animation:wave .9s ease-in-out infinite;display:inline-block}.float-slow{animation:floaty 5s ease-in-out infinite}.float-slow:nth-child(2){animation-delay:.6s}.float-slow:nth-child(3){animation-delay:1.2s}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes wave{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #34d39980}50%{opacity:.6;box-shadow:0 0 0 5px #34d39900}}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(14px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes spin-slow{to{transform:rotate(360deg)}}.vinyl{animation:spin-slow 14s linear infinite}@keyframes glow-pulse{0%,to{box-shadow:0 0 24px #3b82f673,0 10px 30px #00000080}50%{box-shadow:0 0 38px #06b6d4a6,0 10px 30px #00000080}}.glow-pulse{animation:glow-pulse 2.8s ease-in-out infinite}.sheet{border-radius:30px 30px 0 0!important;box-shadow:0 -24px 70px #020812bf,inset 0 1px #ffffff14!important}label{display:block}.shazam-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid rgba(103,232,249,.5);animation:shazam-ring 2s ease-out infinite}@keyframes shazam-ring{0%{transform:scale(1);opacity:.85}to{transform:scale(1.9);opacity:0}}.scrollbar-none{scrollbar-width:none;-ms-overflow-style:none}.scrollbar-none::-webkit-scrollbar{display:none}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#06b6d44d;border-radius:100px}::-webkit-scrollbar-track{background:transparent}input[type=range]{-webkit-appearance:none;height:5px;border-radius:100px;background:linear-gradient(90deg,#06b6d4cc,#60a5facc);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 2px 10px #06b6d499}.flex{display:flex}.grid{display:grid}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-baseline{align-items:baseline}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.px-3{padding-left:12px;padding-right:12px}.px-4{padding-left:16px;padding-right:16px}.px-5{padding-left:20px;padding-right:20px}.px-6{padding-left:24px;padding-right:24px}.py-2{padding-top:8px;padding-bottom:8px}.py-3{padding-top:12px;padding-bottom:12px}.py-4{padding-top:16px;padding-bottom:16px}.pt-5{padding-top:20px}.p-2{padding:8px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mt-0\.5{margin-top:2px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.w-full{width:100%}.h-full{height:100%}.min-w-0{min-width:0}.max-w-4xl{max-width:56rem}.mx-auto{margin-left:auto;margin-right:auto}.text-center{text-align:center}.text-right{text-align:right}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[12px\]{font-size:12px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-x-auto{overflow-x:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.relative{position:relative}.absolute{position:absolute}.sticky{position:sticky}.top-0{top:0}.z-40{z-index:40}.cursor-pointer{cursor:pointer}.w-4{width:16px}.rounded-r{border-radius:0 8px 8px 0}.w-\[3px\]{width:3px}.font-semibold{font-weight:600}.font-bold{font-weight:700}.py-2\.5{padding-top:10px;padding-bottom:10px}.font-extrabold{font-weight:900}.leading-snug{line-height:1.4}.gap-5{gap:20px}.mb-5{margin-bottom:20px}.pb-2{padding-bottom:8px}.px-8{padding-left:32px;padding-right:32px}@media (min-width: 1024px){#root{max-width:none;margin:0}.dock{display:none!important}.desktop-shell{display:grid;grid-template-columns:290px minmax(0,1fr);min-height:100vh}.main-col{min-width:0;padding-bottom:150px}.main-col>.page,.main-col>.hero-bg{max-width:1400px;margin-left:auto;margin-right:auto}.overflow-x-auto{overflow-x:visible!important;flex-wrap:wrap!important}.mini-bar{left:290px!important;right:0!important;bottom:0!important;border-radius:0!important;max-width:none!important}}@keyframes tt-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tt-feed::-webkit-scrollbar{width:0}.tt-feed{scrollbar-width:none}@keyframes tt-burst{0%{transform:translate(-50%,-50%) scale(.2) rotate(-12deg);opacity:0}25%{transform:translate(-50%,-50%) scale(1.25) rotate(6deg);opacity:1}60%{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}to{transform:translate(-50%,-50%) scale(1.5) rotate(0);opacity:0}}