@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Inter:wght@400;500;600&family=Space+Mono:wght@400;700&display=swap";:root{--font-heading:"Outfit", "Inter", system-ui, sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"Space Mono", "JetBrains Mono", monospace;--fp-black:#050505;--fp-obsidian:#0a0a0a;--fp-smoke:#111;--fp-white:#fff;--fp-mute:#888;--fp-lime:#cf0;--fp-lime-soft:#ccff001f;--fp-lime-muted:#cf09;--fp-orange:#ff7a1a;--bg-deep:var(--fp-black);--bg-card:var(--fp-obsidian);--bg-card-hover:var(--fp-smoke);--border-glass:#ffffff14;--border-active:var(--fp-lime);--accent-cyan:var(--fp-lime);--accent-purple:var(--fp-white);--accent-gold:var(--fp-orange);--text-muted:var(--fp-mute);--text-dim:#555;--shadow-glow-cyan:0 0 20px #ccff004d;--shadow-glow-purple:0 0 15px #ffffff1a;--shadow-card:0 16px 40px 0 #000000f2;--space-xs:.5rem;--space-sm:1rem;--space-md:2rem;--radius-sm:4px;--radius-md:12px;--radius-lg:24px;--radius-full:9999px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-deep);min-height:100vh;color:var(--fp-white);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.5;position:relative}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff1a}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan);box-shadow:var(--shadow-glow-cyan)}h1,h2,h3,h4,h5,h6,.gradient-title{font-family:var(--font-heading);text-transform:lowercase;letter-spacing:-.04em;color:var(--fp-white);font-weight:700;line-height:1}.gradient-title{background:linear-gradient(135deg, var(--accent-cyan) 0%, #fff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}p{font-family:var(--font-body);color:var(--fp-white)}header,button,.tag,pre,code,.fp-label{font-family:var(--font-mono)}.glass-panel{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-md);box-shadow:var(--shadow-card);z-index:1;transition:all .3s cubic-bezier(.23,1,.32,1);position:relative}.glass-panel:hover{border-color:#ffffff2e;box-shadow:0 12px 30px #000000fa}.btn-primary{background:var(--accent-cyan);color:var(--fp-black);border-radius:var(--radius-full);cursor:pointer;box-shadow:var(--shadow-glow-cyan);text-transform:uppercase;letter-spacing:.05em;border:none;align-items:center;gap:8px;padding:10px 24px;font-size:.8rem;font-weight:700;transition:all .25s cubic-bezier(.23,1,.32,1);display:inline-flex}.btn-primary:hover{color:#000;background:#fff;transform:translateY(-1.5px);box-shadow:0 0 25px #ccff0073}.btn-primary:active{transform:translateY(0)}.btn-secondary{border:1px solid var(--border-glass);color:#fff;border-radius:var(--radius-full);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:#ffffff0a;align-items:center;gap:8px;padding:10px 24px;font-size:.8rem;font-weight:600;transition:all .25s;display:inline-flex}.btn-secondary:hover{background:#ffffff1a;border-color:#fff;transform:translateY(-1px)}.sound-bar{background-color:var(--accent-cyan);border-radius:2px;width:4px;height:24px;margin:0 2px;animation:1.2s ease-in-out infinite bounce-bar;display:inline-block}.sound-bar:nth-child(2){background-color:#fff;animation-delay:.1s}.sound-bar:nth-child(3){animation-delay:.2s}.sound-bar:nth-child(4){background-color:#fff;animation-delay:.3s}.sound-bar:nth-child(5){animation-delay:.4s}.glowing-input:focus{border-color:#ffffff4d;outline:none;box-shadow:0 0 10px #ffffff0f}input[type=range].player-slider{-webkit-appearance:none;cursor:pointer;background:#ffffff1a;border-radius:2px;outline:none;width:100%;height:4px}input[type=range].player-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-cyan);width:12px;height:12px;box-shadow:0 0 8px var(--accent-cyan);border-radius:50%;transition:all .12s}input[type=range].player-slider::-webkit-slider-thumb:hover{background:#fff;transform:scale(1.3);box-shadow:0 0 10px #fff}@keyframes bounce-bar{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}@keyframes pulse-red{0%,to{opacity:1;box-shadow:0 0 10px #ef4444}50%{opacity:.3;box-shadow:0 0 2px #ef4444}}@media (width<=600px){.center-mobile-btn{justify-content:center!important}}@keyframes pulse-scale{0%,to{transform:scale(1)}50%{transform:scale(.95)}}@keyframes glow-fade{0%,to{opacity:1}50%{opacity:.25}}.pulse-visualizer-btn{animation:2.2s ease-in-out infinite pulse-scale;position:relative}.pulse-visualizer-btn:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid #cf09;animation:2.2s ease-in-out infinite glow-fade;position:absolute;inset:-1px;box-shadow:0 0 12px #cf06}.pulse-visualizer-btn:hover,.pulse-visualizer-btn:hover:after{animation:none!important}.app-main{flex:1;grid-template-columns:1fr;align-items:start;gap:24px;width:100%;max-width:1280px;margin:0 auto;padding:24px;display:grid}.main-player-none{padding-bottom:40px!important}.main-player-minimized{padding-bottom:80px!important}.main-player-expanded{padding-bottom:240px!important}@media (width>=768px){.main-player-expanded{padding-bottom:120px!important}}@keyframes slide-up{0%{opacity:0;transform:translateY(100%)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.spin{animation:1s linear infinite spin}.expert-pulse{border-color:#ffbf0059;position:relative;box-shadow:0 0 12px #ffbf0040,0 0 4px #ffbf0026,inset 0 0 8px #ffbf000d}.expert-pulse:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;border:1px solid #ffc61ab3;animation:3s ease-in-out infinite gold-fade;position:absolute;inset:-1px;box-shadow:0 0 28px #ffbf0080,0 0 12px #ffbf004d,inset 0 0 14px #ffbf0014}@keyframes gold-fade{0%,to{opacity:0}50%{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.mobile-nav{display:none}@media (width<=767px){:root{--mobile-nav-h:56px;--nav-safe:max(0px, calc(env(safe-area-inset-bottom,0px) - 12px))}.mobile-nav{z-index:999;height:calc(var(--mobile-nav-h) + var(--nav-safe));padding:0 8px var(--nav-safe);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-glass);background:#0a0a0af2;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav-item{width:60px;height:48px;color:var(--text-muted);font-family:var(--font-mono);text-transform:lowercase;cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:10px;transition:color .2s;display:flex;position:relative}.mobile-nav-item.on{color:var(--accent-cyan)}.mobile-nav-item.on:before{content:"";background:var(--accent-cyan);border-radius:2px;height:2px;position:absolute;top:-4px;left:18px;right:18px;box-shadow:0 0 8px #cf09}.mobile-nav-create{border:2px solid var(--fp-obsidian);background:var(--accent-cyan);width:46px;height:46px;color:var(--fp-black);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;margin-top:0;transition:transform .2s;display:flex;box-shadow:0 0 18px #ccff0059}.mobile-nav-create:active{transform:scale(.92)}.mobile-nav-create.on{background:#fff;box-shadow:0 0 18px #ffffff4d}.app-main{padding-top:8px}.app-header{padding:6px 16px 2px!important}.app-header-logo{height:46px!important}.app-player-footer{padding-top:10px!important}.app-player-footer.is-min{padding-top:6px!important}.mobile-view-tracks .app-create-pane,.mobile-view-create .app-tracks-pane,.song-primary-tabs{display:none!important}.main-player-none{padding-bottom:calc(40px + var(--mobile-nav-h) + var(--nav-safe))!important}.main-player-minimized{padding-bottom:calc(80px + var(--mobile-nav-h) + var(--nav-safe))!important}.main-player-expanded{padding-bottom:calc(240px + var(--mobile-nav-h) + var(--nav-safe))!important}.app-player-footer{border-bottom:1px solid var(--border-glass);bottom:calc(var(--mobile-nav-h) + var(--nav-safe))!important;padding-bottom:16px!important}.app-player-footer.is-min{padding-bottom:10px!important}.install-prompt{bottom:calc(var(--mobile-nav-h) + 16px + var(--nav-safe))!important}.swipe-view .app-main{padding-bottom:calc(var(--mobile-nav-h) + var(--nav-safe) + var(--player-reserve,176px) + 12px)!important}}.track-swipe-rail{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;height:calc(var(--vvh,100dvh) - var(--rail-top,0px) - var(--mobile-nav-h,0px) - var(--nav-safe,0px) - var(--player-reserve,176px) - 12px);align-items:stretch;min-height:340px;padding-bottom:4px;overflow:auto hidden;flex-direction:row!important;gap:12px!important;display:flex!important}.track-swipe-rail::-webkit-scrollbar{display:none}.track-swipe-rail>*{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 88%;min-width:0;min-height:0}.track-swipe-rail>*>.song-card{flex:1;min-width:0;min-height:0}.song-card--swipe,.artist-card--swipe{isolation:isolate;scrollbar-width:none;flex-direction:column;gap:12px;height:100%;background:#0c0c0ceb!important;border-radius:22px!important;padding:12px!important;display:flex!important;overflow:hidden auto!important}.song-card--swipe::-webkit-scrollbar{display:none}.artist-card--swipe::-webkit-scrollbar{display:none}.song-card--swipe:hover,.artist-card--swipe:hover{transform:none!important}.song-card--swipe:before,.artist-card--swipe:before{content:"";z-index:-1;background:var(--card-art,none) center / cover no-repeat;filter:blur(40px)saturate(1.5);opacity:.45;pointer-events:none;position:absolute;inset:0}.song-card--swipe:after,.artist-card--swipe:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#05050500 30%,#050505bf 75%);position:absolute;inset:0}.song-card--swipe>*{flex:none}.song-card--swipe>.song-card-row{flex-direction:column;flex:1 0 auto;min-height:0;flex-wrap:nowrap!important;gap:12px!important}.song-card--swipe .song-card-row>:not(.song-art-col){width:100%;flex:none!important;min-width:0!important}.song-card--swipe .song-art-col,.artist-card--swipe .artist-avatar-wrap{justify-content:center;width:100%;min-height:150px;position:relative;container-type:size;flex:1 1 0!important;align-items:center!important;display:flex!important}.song-card--swipe .song-art,.artist-card--swipe .artist-avatar{box-shadow:0 18px 40px #0000008c;border-radius:16px!important;width:min(100cqw,100cqh)!important;height:min(100cqw,100cqh)!important}.song-card--swipe .song-art-date{z-index:2;-webkit-backdrop-filter:blur(8px);font-family:var(--font-mono);background:#05050599;border-radius:99px;padding:3px 9px;position:absolute;top:10px;left:10px;color:#e5e5e5!important;font-size:10px!important}.song-card--swipe .play-overlay-btn{opacity:1!important;background:0 0!important;justify-content:center!important;align-items:center!important}.song-card--swipe .play-overlay-btn svg,.artist-card--swipe .artist-home-btn svg{box-sizing:content-box;-webkit-backdrop-filter:blur(10px);fill:#fff;color:#fff;background:#0a0a0ac7;border:1.5px solid #ffffff38;border-radius:50%;width:26px;height:26px;padding:19px;transition:transform .2s;box-shadow:0 8px 26px #00000073}.song-card--swipe .play-overlay-btn svg{fill:#fff}.artist-card--swipe .artist-home-btn svg{fill:none}.song-card--swipe .play-overlay-btn:active svg,.artist-card--swipe .artist-home-btn:active svg{transform:scale(.9)}.artist-card--swipe>*{flex:none}.artist-card--swipe .artist-card-head{flex-direction:column;flex:1 0 auto;min-height:0;align-items:stretch!important}.artist-card--swipe .artist-avatar{border-width:0!important}.artist-card--swipe .artist-avatar>div{font-size:64px!important}.artist-card--swipe .artist-home-btn{background:0 0!important}.song-card--swipe .song-art{transition:border-radius .5s cubic-bezier(.16,1,.3,1)}.song-card--swipe .song-art.is-current{border-radius:50%!important}.song-card--swipe .song-art.is-current img{animation:20s linear infinite paused swipe-record-spin}.song-card--swipe .song-art.is-current.is-playing img{animation-play-state:running}@keyframes swipe-record-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.song-card--swipe .song-art.is-current img{animation:none}}.song-card--swipe .song-art.album-record{border:4px solid #ffffff0f!important;border-radius:50%!important}.song-card--swipe .song-art-date{display:none}.artist-card--swipe{container-type:size}.artist-card--swipe .artist-card-head{flex:none!important}.artist-card--swipe .artist-avatar-wrap{min-height:0;container-type:normal;flex:none!important}.artist-card--swipe .artist-avatar{width:max(120px,min(100cqw - 24px,100cqh - 170px))!important;height:max(120px,min(100cqw - 24px,100cqh - 170px))!important}.artist-card--swipe .artist-card-tags{min-height:0;max-height:none;flex:1 1 0!important}.idle-wave{display:none}@media (width<=767px){.swipe-view .idle-wave{left:0;right:0;bottom:calc(var(--mobile-nav-h) + var(--nav-safe));height:var(--player-reserve,176px);z-index:998;pointer-events:none;opacity:.3;display:block;position:fixed;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#000 30% 75%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 30% 75%,#0000 100%)}.idle-wave canvas{width:100%;height:100%;display:block}.no-idle-wave .idle-wave{display:none!important}}.eq-loader{flex-direction:column;align-items:center;gap:18px;display:flex}.eq-loader-bars{align-items:flex-end;gap:5px;height:48px;display:flex}.eq-loader-bars span{background:var(--fp-lime,#cf0);border-radius:2px;width:7px;height:8px;animation:.9s ease-in-out infinite eq-bounce}.eq-loader-caption{color:var(--text-muted);font-size:14px;font-family:var(--font-mono);text-transform:lowercase}@keyframes eq-bounce{0%,to{height:8px}50%{height:48px}}@media (prefers-reduced-motion:reduce){.eq-loader-bars span{opacity:.7;height:24px;animation:none}}@media (width<=767px){.catalog-loader{pointer-events:none;z-index:1;justify-content:center;position:fixed;inset:0;padding:0!important}}@media (width>=768px){.app-main{max-width:860px}.artist-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))!important}.artist-card--grid{isolation:isolate;overflow:hidden;background:#0c0c0ceb!important;border-radius:18px!important;gap:14px!important;padding:12px!important}.artist-card--grid:before{content:"";z-index:-1;background:var(--card-art,none) center / cover no-repeat;filter:blur(40px)saturate(1.5);opacity:.4;pointer-events:none;position:absolute;inset:0}.artist-card--grid:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#05050500 35%,#050505b3 80%);position:absolute;inset:0}.artist-card--grid .artist-card-head{flex-direction:column;align-items:stretch!important;gap:10px!important}.artist-card--grid .artist-card-head>div:last-child{text-align:center}.artist-card--grid .artist-card-head h4{font-size:17px!important;font-weight:700!important}.artist-card--grid .artist-avatar-wrap{width:100%}.artist-card--grid .artist-avatar{aspect-ratio:1;box-shadow:0 10px 30px #00000073;border:none!important;border-radius:14px!important;width:100%!important;height:auto!important}.artist-card--grid .artist-avatar>div{font-size:64px!important}.artist-card--grid .artist-home-btn{opacity:0;transition:opacity .2s,background .2s;background:0 0!important}.artist-card--grid .artist-avatar:hover .artist-home-btn{opacity:1;background:#00000059!important}.artist-card--grid .artist-home-btn svg{width:34px;height:34px}.artist-card--grid .artist-card-tags{max-height:56px;overflow:hidden}}