:root{--tg-bg: #0a0a1a;--tg-text: #f0f0f5;--tg-hint: #8e8ea0;--tg-link: #7c5cfc;--tg-btn: #7c5cfc;--tg-btn-text: #ffffff;--tg-secondary-bg: #111122;--tg-header-bg: #08081a;--tg-accent: #a78bfa;--tg-section-bg: #14142a;--tg-subtitle: #9ca3af;--tg-destructive: #ef4444;--bf-gradient-start: #7c5cfc;--bf-gradient-mid: #a855f7;--bf-gradient-end: #ec4899;--bf-ambient-glow: rgba(124, 92, 252, .2);--bf-ambient-border: rgba(124, 92, 252, .25);--bf-artwork-shadow: rgba(124, 92, 252, .3);--bf-artwork-shadow-pulse: rgba(168, 85, 247, .35);--bf-glass-bg: rgba(255, 255, 255, .06);--bf-glass-bg-elevated: rgba(255, 255, 255, .1);--bf-glass-border: rgba(255, 255, 255, .12);--bf-glass-border-light: rgba(255, 255, 255, .08);--bf-glass-highlight: rgba(255, 255, 255, .15);--bf-glass-shadow: 0 8px 40px rgba(0, 0, 0, .35), 0 2px 12px rgba(0, 0, 0, .2);--bf-glass-blur: 40px;--bf-glass-blur-heavy: 80px;--bf-glass-blur-light: 20px;--bf-radius: 20px;--bf-radius-lg: 28px;--bf-radius-sm: 14px;--bf-radius-xs: 10px;--bf-radius-pill: 100px;--bf-transition: .3s cubic-bezier(.25, .46, .45, .94);--bf-transition-fast: .15s cubic-bezier(.25, .46, .45, .94);--bf-transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--bf-font: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}[data-theme=light]{--tg-bg: #f2f2f7;--tg-text: #1c1c1e;--tg-hint: #8e8e93;--tg-link: #6344e0;--tg-btn: #6344e0;--tg-btn-text: #ffffff;--tg-secondary-bg: #e5e5ea;--tg-header-bg: #f2f2f7;--tg-accent: #7c5cfc;--tg-section-bg: #ffffff;--tg-subtitle: #6b7280;--tg-destructive: #ff3b30;--bf-glass-bg: rgba(255, 255, 255, .65);--bf-glass-bg-elevated: rgba(255, 255, 255, .8);--bf-glass-border: rgba(255, 255, 255, .7);--bf-glass-border-light: rgba(255, 255, 255, .5);--bf-glass-highlight: rgba(255, 255, 255, .9);--bf-glass-shadow: 0 8px 40px rgba(0, 0, 0, .08), 0 2px 12px rgba(0, 0, 0, .04)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}input,textarea{user-select:text;-webkit-user-select:text}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-width:none;-ms-overflow-style:none;height:100%;overflow:hidden}html::-webkit-scrollbar{display:none}body{font-family:var(--bf-font);background:var(--tg-bg);color:var(--tg-text);min-height:100vh;overflow-x:hidden;line-height:1.5;letter-spacing:-.01em;scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar{display:none}#root{min-height:100vh;display:flex;flex-direction:column;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom)}.material-icons-rounded{font-family:Material Icons Round;font-weight:400;font-style:normal;font-size:inherit;color:inherit;display:inline-block;white-space:nowrap;direction:ltr;vertical-align:middle;line-height:1;letter-spacing:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}body:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 20% 50%,rgba(124,92,252,.06) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(168,85,247,.04) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(236,72,153,.03) 0%,transparent 50%);animation:bg-drift 30s ease-in-out infinite alternate;pointer-events:none;z-index:-1}@keyframes bg-drift{0%{transform:translate(0) rotate(0)}to{transform:translate(-3%,2%) rotate(5deg)}}.glass{background:var(--bf-glass-bg);backdrop-filter:blur(var(--bf-glass-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--bf-glass-blur)) saturate(180%);border:1px solid var(--bf-glass-border);border-radius:var(--bf-radius);box-shadow:var(--bf-glass-shadow),inset 0 1px 0 var(--bf-glass-highlight)}.glass-light{background:#ffffff0a;backdrop-filter:blur(var(--bf-glass-blur-light)) saturate(150%);-webkit-backdrop-filter:blur(var(--bf-glass-blur-light)) saturate(150%);border:1px solid rgba(255,255,255,.06);border-radius:var(--bf-radius-sm);box-shadow:inset 0 1px #ffffff14}h1,h2,h3,h4{font-weight:700;letter-spacing:-.025em;line-height:1.2}h1{font-size:1.75rem}h2{font-size:1.375rem}h3{font-size:1.125rem}h4{font-size:1rem}.text-gradient{background:linear-gradient(135deg,var(--bf-gradient-start),var(--bf-gradient-mid),var(--bf-gradient-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glitch-frix{display:inline-block;position:relative;background:linear-gradient(135deg,var(--bf-gradient-start),var(--bf-gradient-mid),var(--bf-gradient-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glitch-frix.is-glitching{animation:glitch-skew .3s cubic-bezier(.25,.46,.45,.94) both}.glitch-frix:before,.glitch-frix:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--bf-gradient-start),var(--bf-gradient-mid),var(--bf-gradient-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:0;z-index:-1;pointer-events:none}.glitch-frix.is-glitching:before{animation:glitch-anim-1 .3s linear both;clip-path:polygon(0 0,100% 0,100% 50%,0 50%);filter:hue-rotate(90deg)}.glitch-frix.is-glitching:after{animation:glitch-anim-2 .3s linear both;clip-path:polygon(0 50%,100% 50%,100% 100%,0 100%);filter:hue-rotate(-90deg)}@keyframes glitch-skew{0%{transform:skew(0) translate(0)}20%{transform:skew(10deg) translate(-1px)}40%{transform:skew(-10deg) translate(1px)}60%{transform:skew(5deg) translate(-1px)}80%,to{transform:skew(0) translate(0)}}@keyframes glitch-anim-1{0%{transform:translate(0);opacity:0}20%{transform:translate(-3px,1px);opacity:.8}40%{transform:translate(2px,-1px);opacity:.8}60%{transform:translate(-1px,1px);opacity:.8}80%,to{transform:translate(0);opacity:0}}@keyframes glitch-anim-2{0%{transform:translate(0);opacity:0}20%{transform:translate(3px,-1px);opacity:.8}40%{transform:translate(-2px,1px);opacity:.8}60%{transform:translate(1px,-1px);opacity:.8}80%,to{transform:translate(0);opacity:0}}.text-hint{color:var(--tg-hint);font-size:.875rem;text-decoration:none}.text-sm{font-size:.8125rem}.text-xs{font-size:.75rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 26px;border:none;border-radius:var(--bf-radius-pill);font-family:var(--bf-font);font-size:.9375rem;font-weight:600;letter-spacing:-.01em;cursor:pointer;transition:all var(--bf-transition);position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.btn:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,#fff3,#fff0);border-radius:var(--bf-radius-pill) var(--bf-radius-pill) 0 0;pointer-events:none;opacity:.6;transition:opacity var(--bf-transition-fast)}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff0;transition:background var(--bf-transition-fast)}.btn:active{transform:scale(.96)}.btn:active:after{background:#0000001a}.btn:active:before{opacity:.3}.btn-primary{background:linear-gradient(135deg,var(--bf-gradient-start),var(--bf-gradient-mid));color:#fff;box-shadow:0 4px 24px var(--bf-button-shadow),0 1px 3px #00000026,inset 0 1px #ffffff40;border:1px solid rgba(255,255,255,.15)}.btn-primary:hover{box-shadow:0 8px 32px var(--bf-button-shadow-hover),0 2px 6px #0003,inset 0 1px #ffffff4d;transform:translateY(-1px)}.btn-primary:active{transform:scale(.96) translateY(0);box-shadow:0 2px 12px var(--bf-button-shadow-active),inset 0 1px #ffffff26}.btn-ghost{background:#ffffff12;backdrop-filter:blur(var(--bf-glass-blur-light)) saturate(150%);-webkit-backdrop-filter:blur(var(--bf-glass-blur-light)) saturate(150%);color:var(--tg-text);border:1px solid rgba(255,255,255,.12);box-shadow:0 2px 12px #00000026,inset 0 1px #ffffff1a}.btn-ghost:hover{background:#ffffff1f;border-color:#ffffff2e;box-shadow:0 4px 20px #0003,inset 0 1px #ffffff26}.btn-ghost:active{transform:scale(.96);background:#ffffff0d}.btn-icon{width:40px;height:40px;padding:0;border-radius:50%;font-size:1.25rem;background:#ffffff14;backdrop-filter:blur(var(--bf-glass-blur-light)) saturate(150%);-webkit-backdrop-filter:blur(var(--bf-glass-blur-light)) saturate(150%);border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 10px #0000001f,inset 0 1px #ffffff1a;color:var(--tg-text)}.btn-icon:hover{background:#ffffff24;border-color:#ffffff29}.btn-icon:active{transform:scale(.9)}.btn-icon:before{border-radius:50%}.btn-sm{padding:8px 18px;font-size:.8125rem}.input{width:100%;padding:13px 16px;background:#ffffff0f;backdrop-filter:blur(var(--bf-glass-blur-light)) saturate(120%);-webkit-backdrop-filter:blur(var(--bf-glass-blur-light)) saturate(120%);border:1px solid rgba(255,255,255,.1);border-radius:var(--bf-radius-sm);color:var(--tg-text);font-family:var(--bf-font);font-size:.9375rem;outline:none;transition:all var(--bf-transition);box-shadow:inset 0 1px #ffffff0f}.input:focus{border-color:#7c5cfc80;background:#ffffff17;box-shadow:0 0 0 4px #7c5cfc1f,inset 0 1px #ffffff14}.input::placeholder{color:var(--tg-hint)}textarea.input{resize:vertical;min-height:80px}.chip{display:inline-flex;align-items:center;padding:7px 16px;border-radius:var(--bf-radius-pill);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--bf-transition);background:#7c5cfc14;backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);color:var(--tg-accent);border:1px solid rgba(124,92,252,.12);white-space:nowrap;box-shadow:inset 0 1px #ffffff0f}.chip:hover{background:#7c5cfc26;border-color:#7c5cfc33}.chip:active{transform:scale(.95)}.chip.active{background:linear-gradient(135deg,var(--bf-gradient-start),var(--bf-gradient-mid));color:#fff;border-color:#fff3;box-shadow:0 2px 16px #7c5cfc59,inset 0 1px #ffffff40}.card{padding:16px;border-radius:var(--bf-radius);background:var(--bf-glass-bg);backdrop-filter:blur(var(--bf-glass-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--bf-glass-blur)) saturate(180%);border:1px solid var(--bf-glass-border);transition:all var(--bf-transition)}.card:hover{border-color:#7c5cfc40;box-shadow:0 12px 48px #0000004d,0 4px 16px #00000026,inset 0 1px 0 var(--bf-glass-highlight)}.song-card{display:flex;align-items:center;gap:14px;cursor:pointer}@keyframes ambient-pulse{0%,to{opacity:.12;transform:scale(1)}50%{opacity:.18;transform:scale(1.02)}}@keyframes ambient-glow{0%,to{box-shadow:var(--bf-glass-shadow),0 0 30px var(--bf-ambient-glow, rgba(124, 92, 252, .2)),inset 0 1px 0 var(--bf-glass-highlight)}50%{box-shadow:var(--bf-glass-shadow),0 0 40px var(--bf-ambient-glow, rgba(124, 92, 252, .3)),inset 0 1px 0 var(--bf-glass-highlight)}}.song-card.active{position:relative;border-color:var(--bf-ambient-border, rgba(124, 92, 252, .25));animation:ambient-glow 3s ease-in-out infinite}.stagger>.song-card.active{animation:fade-slide-in-right .5s cubic-bezier(.32,.72,0,1) both,ambient-glow 3s ease-in-out 1.3s infinite}.song-card.active:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--bf-radius);background:linear-gradient(135deg,var(--bf-gradient-start),var(--bf-gradient-mid),var(--bf-gradient-end));opacity:.12;z-index:-1;pointer-events:none;animation:ambient-pulse 4s ease-in-out infinite}@keyframes ambient-pulse-light{0%,to{opacity:.08;transform:scale(1)}50%{opacity:.2;transform:scale(1.02)}}[data-theme=light] .song-card.active{animation:ambient-glow-light 3s ease-in-out infinite}[data-theme=light] .song-card.active:before{animation:ambient-pulse-light 4s ease-in-out infinite}[data-theme=light] .stagger>.song-card.active{animation:fade-slide-in-right .5s cubic-bezier(.32,.72,0,1) both,ambient-glow-light 3s ease-in-out 1.3s infinite}.song-card__artwork{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,var(--bf-gradient-start),var(--bf-gradient-end));display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0;position:relative;overflow:hidden;box-shadow:0 4px 16px #7c5cfc33,inset 0 1px #fff3}.song-card__info{flex:1;min-width:0}.song-card__title{font-weight:600;font-size:.9375rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.song-card__artist{font-size:.8125rem;color:var(--tg-hint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-card__duration{font-size:.75rem;color:var(--tg-hint);flex-shrink:0}.song-card__play-btn-wrap{display:flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;margin:-5px -5px -5px 0;flex-shrink:0;cursor:pointer}.song-card__play-btn{width:38px;height:38px;border-radius:50%;background:#7c5cfc1f;backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border:1px solid rgba(124,92,252,.15);color:var(--tg-accent);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--bf-transition);flex-shrink:0;font-size:1.125rem;box-shadow:0 2px 8px #0000001a,inset 0 1px #ffffff14}.song-card__play-btn:active{font-size:.8rem;transform:scale(.88)}.song-card__play-btn--active{font-size:1rem;background:linear-gradient(135deg,var(--bf-gradient-start),var(--bf-gradient-mid))!important;color:#fff;border-color:#fff3;box-shadow:0 4px 16px #7c5cfc59,inset 0 1px #ffffff40}.mini-player{position:fixed;bottom:0;left:0;right:0;z-index:100;padding:0 12px calc(var(--safe-bottom) + 8px) 12px}.mini-player__inner{display:flex;align-items:center;gap:12px;padding:10px 14px 18px;border-radius:20px;position:relative;background:#141428bf;backdrop-filter:blur(var(--bf-glass-blur-heavy)) saturate(200%);-webkit-backdrop-filter:blur(var(--bf-glass-blur-heavy)) saturate(200%);border:1px solid rgba(255,255,255,.12);box-shadow:0 -8px 60px #00000080,0 -4px 24px #0000004d,0 -1px 10px #0003,inset 0 1px #ffffff1f}.mini-player__artwork{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--bf-gradient-start),var(--bf-gradient-end));display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;box-shadow:0 2px 10px #7c5cfc33,inset 0 1px #ffffff26}.mini-player__info{flex:1;min-width:0}.mini-player__title{font-size:.875rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.mini-player__artist{font-size:.75rem;color:var(--tg-hint)}.mini-player__controls{display:flex;align-items:center;gap:4px}.mini-player__progress{position:absolute;bottom:7px;left:17px;opacity:.8;right:17px;height:3px;background:#ffffff14;border-radius:3px;overflow:hidden}.mini-player__progress-fill{height:100%;background:linear-gradient(90deg,var(--bf-gradient-start),var(--bf-gradient-end));border-radius:3px;transition:width .3s linear;box-shadow:0 0 8px #7c5cfc66}.player-page{display:flex;flex-direction:column;align-items:center;padding:70px 24px 24px;height:100vh;height:100dvh;overflow:hidden;justify-content:space-between}.is-desktop .player-page{padding-top:24px}.detail-btn{height:30px}.player-page__artwork{width:min(280px,70vw);height:min(280px,70vw);border-radius:var(--bf-radius-lg);background:linear-gradient(135deg,var(--bf-gradient-start),var(--bf-gradient-mid),var(--bf-gradient-end));display:flex;align-items:center;justify-content:center;font-size:4rem;margin:24px 0 32px;box-shadow:0 24px 64px var(--bf-artwork-shadow, rgba(124, 92, 252, .3)),0 8px 24px #0003,inset 0 2px #ffffff26;animation:artwork-pulse 4s ease-in-out infinite alternate;position:relative;overflow:hidden}.player-page__artwork:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.08) 50%,transparent 70%);animation:artwork-shimmer 3s ease-in-out infinite}.player-page__artwork:after{content:"";position:absolute;top:0;left:0;right:0;height:45%;background:linear-gradient(180deg,rgba(255,255,255,.12) 0%,transparent 100%);border-radius:var(--bf-radius-lg) var(--bf-radius-lg) 0 0;pointer-events:none}@keyframes artwork-pulse{0%{box-shadow:0 24px 64px var(--bf-artwork-shadow, rgba(124, 92, 252, .3)),0 8px 24px #0003,inset 0 2px #ffffff26}to{box-shadow:0 28px 80px var(--bf-artwork-shadow-pulse, rgba(168, 85, 247, .35)),0 10px 30px #00000040,inset 0 2px #fff3}}@keyframes artwork-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.player-page__title{font-size:1.375rem;font-weight:700;text-align:center;margin-bottom:4px;letter-spacing:-.02em}.player-page__artist{font-size:.9375rem;color:var(--tg-hint);text-align:center;margin-bottom:28px}.progress-bar{width:100%;margin-bottom:8px}.progress-bar__track{width:100%;height:6px;background:#ffffff14;border-radius:4px;position:relative;cursor:pointer;box-shadow:inset 0 1px 2px #0003}.progress-bar__fill{height:100%;background:linear-gradient(90deg,var(--bf-gradient-start),var(--bf-gradient-end));border-radius:4px;transition:width .1s linear;position:relative;box-shadow:0 0 10px #7c5cfc4d;pointer-events:none}.progress-bar__input{position:absolute;top:-12px;bottom:-12px;left:0;width:100%;opacity:0;cursor:pointer;margin:0;z-index:10;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}.progress-bar__input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;cursor:pointer}.progress-bar__input::-moz-range-thumb{width:24px;height:24px;border-radius:50%;cursor:pointer;border:none}.progress-bar__fill:after{content:"";position:absolute;right:-7px;top:50%;transform:translateY(-50%);width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 2px 10px #0000004d,0 0 0 3px #7c5cfc33;opacity:0;transition:opacity var(--bf-transition)}.progress-bar__track:hover .progress-bar__fill:after{opacity:1}.progress-bar__times{display:flex;justify-content:space-between;font-size:.75rem;color:var(--tg-hint);margin-top:8px;font-variant-numeric:tabular-nums}.player-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px;width:100%}.player-controls__main-btn{width:68px;height:68px;border-radius:50%;background:linear-gradient(135deg,var(--bf-gradient-start),var(--bf-gradient-mid));border:1px solid rgba(255,255,255,.2);color:#fff;font-size:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--bf-transition);box-shadow:0 6px 28px var(--bf-button-shadow, rgba(124, 92, 252, .4)),0 2px 8px #00000026,inset 0 2px #ffffff40;position:relative;overflow:hidden;transition:transform .1s}.player-controls__main-btn:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.2) 0%,transparent 100%);border-radius:50%;pointer-events:none}.player-controls__main-btn:hover{transform:scale(1.06);transition:transform .1s;box-shadow:0 10px 36px var(--bf-button-shadow-hover, rgba(124, 92, 252, .5)),0 4px 12px #0003,inset 0 2px #ffffff4d}.player-controls__main-btn:active{transform:scale(.94);box-shadow:0 4px 16px var(--bf-button-shadow-active, rgba(124, 92, 252, .3)),inset 0 2px #ffffff26}.player-controls__secondary-btn{width:46px;height:46px;border-radius:50%;background:#ffffff0f;backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border:1px solid rgba(255,255,255,.08);color:var(--tg-text);font-size:1.7rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--bf-transition);opacity:.8;box-shadow:inset 0 1px #ffffff0f}.player-controls__secondary-btn:hover{opacity:1;background:#ffffff1a;border-color:#ffffff1f}.player-controls__secondary-btn:active{transform:scale(.9)}.player-controls__secondary-btn.active{color:var(--bf-gradient-start);opacity:1;background:#7c5cfc1a;border-color:#7c5cfc26}.search-bar{position:relative;width:100%}.search-bar__icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--tg-hint);pointer-events:none;font-size:1rem}.search-bar input{width:100%;padding:12px 40px 12px 42px;background:#ffffff0f;backdrop-filter:blur(var(--bf-glass-blur-light)) saturate(150%);-webkit-backdrop-filter:blur(var(--bf-glass-blur-light)) saturate(150%);border:1px solid rgba(255,255,255,.08);border-radius:var(--bf-radius-pill);color:var(--tg-text);font-family:var(--bf-font);font-size:.9375rem;outline:none;transition:all var(--bf-transition);box-shadow:inset 0 1px #ffffff0f}.search-bar input:focus{border-color:#7c5cfc66;background:#ffffff17;box-shadow:0 0 0 4px #7c5cfc1a,inset 0 1px #ffffff14}.search-bar__clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:#ffffff1a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:none;color:var(--tg-hint);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.75rem;transition:all var(--bf-transition)}.search-bar__clear:hover{background:#fff3;color:var(--tg-text)}.search-bar__clear:active{transform:translateY(-50%) scale(.88)}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:200;opacity:0;animation:fade-in .25s ease forwards}@keyframes fade-in{to{opacity:1}}.drawer{position:fixed;bottom:0;left:0;right:0;z-index:201;border-radius:28px 28px 0 0;background:#16162acc;backdrop-filter:blur(var(--bf-glass-blur-heavy)) saturate(200%);-webkit-backdrop-filter:blur(var(--bf-glass-blur-heavy)) saturate(200%);border-top:1px solid rgba(255,255,255,.12);box-shadow:0 -8px 40px #0000004d,inset 0 1px #ffffff1a;padding:12px 20px calc(var(--safe-bottom) + 20px);max-height:75vh;overflow-y:auto;transform:translateY(100%);animation:slide-up .35s cubic-bezier(.32,.72,0,1) forwards}@keyframes slide-up{to{transform:translateY(0)}}.drawer__handle{width:36px;height:5px;background:#ffffff40;border-radius:3px;margin:0 auto 16px}.drawer__section{margin-bottom:20px}.drawer__section-title{font-size:.8125rem;font-weight:600;color:var(--tg-hint);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:300;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;animation:fade-in .25s ease forwards}.modal{width:100%;max-width:400px;border-radius:var(--bf-radius-lg);background:#16162acc;backdrop-filter:blur(var(--bf-glass-blur-heavy)) saturate(200%);-webkit-backdrop-filter:blur(var(--bf-glass-blur-heavy)) saturate(200%);border:1px solid rgba(255,255,255,.12);padding:24px;box-shadow:0 24px 64px #00000073,0 8px 24px #0003,inset 0 1px #ffffff1f;transform:scale(.95);animation:modal-in .35s cubic-bezier(.32,.72,0,1) forwards}@keyframes modal-in{to{transform:scale(1);opacity:1}}.modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal__title{font-size:1.125rem;font-weight:700;letter-spacing:-.02em}.modal__close{width:32px;height:32px;border-radius:50%;background:#ffffff14;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.06);color:var(--tg-hint);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--bf-transition);box-shadow:inset 0 1px #ffffff0f}.modal__close:hover{background:#ffffff26;color:var(--tg-text)}.modal__close:active{transform:scale(.88)}.upload-zone{border:2px dashed var(--bf-upload-border);border-radius:var(--bf-radius);padding:32px;text-align:center;cursor:pointer;transition:all var(--bf-transition);margin-bottom:16px;background:var(--bf-upload-bg)}.upload-zone:hover{border-color:var(--bf-upload-border-hover);background:var(--bf-upload-bg-hover)}.upload-zone:active{transform:scale(.98)}.upload-zone.has-file{border-color:var(--bf-upload-border-file);border-style:solid;background:var(--bf-upload-bg-file);box-shadow:inset 0 0 20px var(--bf-upload-shadow-file)}.upload-zone__icon{font-size:2rem;margin-bottom:8px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:.8125rem;font-weight:600;color:var(--tg-hint);margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.05)}.settings-row:last-child{border-bottom:none}.settings-row__label{display:flex;align-items:center;font-size:.9375rem;font-weight:500}.settings-col{display:flex;flex-direction:column}.toggle-switch{position:relative;width:52px;height:32px;border-radius:16px;background:#ffffff1a;border:none;cursor:pointer;transition:all var(--bf-transition);padding:0;flex-shrink:0;box-shadow:inset 0 1px 3px #00000026}.toggle-switch.active{background:linear-gradient(135deg,var(--bf-gradient-start),var(--bf-gradient-mid));box-shadow:inset 0 1px #ffffff26,0 2px 8px #7c5cfc4d}.toggle-switch__thumb{position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0003,0 1px 2px #0000001a;transition:transform var(--bf-transition-spring)}.toggle-switch.active .toggle-switch__thumb{transform:translate(20px)}.accent-picker{display:flex;gap:10px;padding:4px 0 12px;flex-wrap:wrap}.accent-swatch{width:40px;height:40px;border-radius:50%;border:3px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--bf-transition-spring);box-shadow:0 2px 8px #0003,inset 0 1px #fff3;padding:0}.accent-swatch:hover{transform:scale(1.12)}.accent-swatch:active{transform:scale(.92)}.accent-swatch.active{border-color:var(--tg-text);box-shadow:0 0 0 2px var(--tg-bg),0 0 0 4px var(--tg-text),0 4px 12px #00000040}.onboarding{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:24px;text-align:center}.onboarding__logo{font-size:4rem;margin-bottom:16px;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 8px 24px rgba(124,92,252,.3))}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.onboarding__title{font-size:2rem;font-weight:800;margin-bottom:8px;letter-spacing:-.03em}.onboarding__subtitle{color:var(--tg-hint);margin-bottom:32px;font-size:1rem}.onboarding__steps{width:100%;max-width:340px;text-align:left;margin-bottom:32px}.onboarding__step{display:flex;gap:14px;padding:14px;border-radius:var(--bf-radius-sm);margin-bottom:8px;transition:background var(--bf-transition);background:#ffffff08;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.04)}.onboarding__step-num{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--bf-gradient-start),var(--bf-gradient-mid));color:#fff;font-weight:700;font-size:.875rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #7c5cfc40,inset 0 1px #fff3}.onboarding__step-text{font-size:.9375rem;line-height:1.5}.onboarding__form{width:100%;max-width:340px}.onboarding__error{color:var(--tg-destructive);font-size:.875rem;margin-top:8px;text-align:center}.onboarding__success{color:#34d399;font-size:.875rem;margin-top:8px;text-align:center}.library{flex:1;padding:70px 16px 20px;scrollbar-width:none;-ms-overflow-style:none;height:100vh;display:flex;flex:1 1 auto;min-height:0;flex-direction:column;overflow:hidden}.library--ios{padding-top:50px}.is-desktop .library{padding-top:16px}.library::-webkit-scrollbar{display:none}.library__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.library__title{font-size:1.5rem;font-weight:800;letter-spacing:-.03em}.library__actions{display:flex;gap:8px}.library__toolbar{display:flex;gap:10px;margin-bottom:16px}.library__toolbar .search-bar{flex:1}.library__tags{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;margin-bottom:16px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.library__tags::-webkit-scrollbar{display:none}.library__songs{display:flex;flex-direction:column;gap:8px;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.library__songs::-webkit-scrollbar{display:none}.library__empty{text-align:center;padding:60px 20px}.library__empty-icon{font-size:3rem;margin-bottom:12px;opacity:.5}.song-detail{padding:70px 16px 24px;height:100vh;height:100dvh;overflow:auto;scrollbar-width:none;-ms-overflow-style:none;display:flex;flex-direction:column}.is-desktop .song-detail{padding-top:24px}.song-detail::-webkit-scrollbar{display:none}.song-detail__header{display:flex;align-items:center;gap:12px;margin-bottom:24px;position:sticky;top:0;z-index:10}.song-detail__artwork{width:80px;height:80px;border-radius:18px;background:linear-gradient(135deg,var(--bf-gradient-start),var(--bf-gradient-end));display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0;box-shadow:0 8px 28px #7c5cfc40,inset 0 1px #ffffff26}.song-detail__meta h1{font-size:1.25rem;margin-bottom:4px;letter-spacing:-.02em}.song-detail__section{margin-bottom:24px}.song-detail__section-title{font-size:.8125rem;font-weight:600;color:var(--tg-hint);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}.loading-spinner{display:inline-block;width:32px;height:32px;border:3px solid rgba(124,92,252,.15);border-top-color:var(--bf-gradient-start);border-radius:50%;animation:spin .7s linear infinite}.loading-spinner--white{border-color:#ffffff4d;border-top-color:#fff}@keyframes spin{to{transform:rotate(360deg)}}.loading-center{display:flex;align-items:center;justify-content:center;min-height:200px}.chip-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.chip-row::-webkit-scrollbar{display:none}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#7c5cfc33;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#7c5cfc59}.animate-in{animation:fade-slide-in .4s cubic-bezier(.32,.72,0,1) both}@keyframes fade-slide-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-slide-in-right{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.stagger>*{animation:fade-slide-in-right .5s cubic-bezier(.32,.72,0,1) both}.stagger>*:nth-child(1){animation-delay:0s}.stagger>*:nth-child(2){animation-delay:.05s}.stagger>*:nth-child(3){animation-delay:.1s}.stagger>*:nth-child(4){animation-delay:.15s}.stagger>*:nth-child(5){animation-delay:.2s}.stagger>*:nth-child(6){animation-delay:.25s}.stagger>*:nth-child(7){animation-delay:.3s}.stagger>*:nth-child(8){animation-delay:.35s}.stagger>*:nth-child(9){animation-delay:.4s}.stagger>*:nth-child(10){animation-delay:.45s}.stagger>*:nth-child(11){animation-delay:.5s}.stagger>*:nth-child(12){animation-delay:.55s}.stagger>*:nth-child(13){animation-delay:.6s}.stagger>*:nth-child(14){animation-delay:.65s}.stagger>*:nth-child(15){animation-delay:.7s}.stagger>*:nth-child(n+16){animation-delay:.75s}.stagger>.song-card.active{animation:fade-slide-in-right .5s cubic-bezier(.32,.72,0,1) both,ambient-glow 3s ease-in-out infinite 1.3s}[data-theme=light] body:before{background:radial-gradient(ellipse at 20% 50%,rgba(124,92,252,.04) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(168,85,247,.03) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(236,72,153,.02) 0%,transparent 50%)}[data-theme=light] .glass-light{background:#ffffff80;border-color:#fff9;box-shadow:inset 0 1px #fffc}[data-theme=light] .btn:before{opacity:.4}[data-theme=light] .btn:active:after{background:#0000000f}[data-theme=light] .btn-ghost{background:#ffffff80;border-color:#fff9;color:var(--tg-text);box-shadow:0 2px 12px #0000000a,inset 0 1px #fffc}[data-theme=light] .btn-ghost:hover{background:#ffffffb3;box-shadow:0 4px 20px #0000000f,inset 0 1px #ffffffe6}[data-theme=light] .btn-ghost:active{background:#fff6}[data-theme=light] .btn-icon{background:#ffffff80;border-color:#fff9;box-shadow:0 2px 10px #0000000a,inset 0 1px #fffc}[data-theme=light] .btn-icon:hover{background:#ffffffb3}[data-theme=light] .input{background:#fff9;border-color:#ffffffb3;color:var(--tg-text);box-shadow:inset 0 1px #fffc}[data-theme=light] .input:focus{border-color:#7c5cfc66;background:#fffc;box-shadow:0 0 0 4px #7c5cfc14,inset 0 1px #ffffffe6}[data-theme=light] .card{background:#ffffffa6;border-color:#ffffffb3}[data-theme=light] .card:hover{border-color:#7c5cfc33;box-shadow:0 8px 36px #0000000d,inset 0 1px #ffffffe6}[data-theme=light] .song-card__play-btn{background:#7c5cfc14;border-color:#7c5cfc1a;box-shadow:0 2px 8px #0000000a,inset 0 1px #ffffff80}[data-theme=light] .mini-player__inner{background:#fffc;border-color:#ffffffd9;box-shadow:0 -8px 60px #0000001f,0 -4px 24px #00000014,0 -1px 10px #0000000d,inset 0 1px #fffffff2}[data-theme=light] .mini-player__progress{background:#0000000f}[data-theme=light] .progress-bar__track{background:#0000000f;box-shadow:inset 0 1px 2px #00000014}[data-theme=light] .progress-bar__fill:after{box-shadow:0 2px 10px #00000026,0 0 0 3px #7c5cfc26}[data-theme=light] .player-controls__secondary-btn{color:var(--tg-text);background:#fff6;border-color:#ffffff80;box-shadow:inset 0 1px #fff9}[data-theme=light] .player-controls__secondary-btn:hover{background:#fff9}[data-theme=light] .player-controls__secondary-btn.active{color:var(--bf-gradient-start);background:#7c5cfc14;border-color:#7c5cfc1f}[data-theme=light] .search-bar input{background:#fff9;border-color:#ffffffb3;color:var(--tg-text);box-shadow:inset 0 1px #fffc}[data-theme=light] .search-bar input:focus{border-color:#7c5cfc59;background:#fffc;box-shadow:0 0 0 4px #7c5cfc0f,inset 0 1px #ffffffe6}[data-theme=light] .search-bar__clear{background:#0000000f}[data-theme=light] .search-bar__clear:hover{background:#0000001a;color:var(--tg-text)}[data-theme=light] .drawer{background:#f2f2f7d9;border-color:#fffc;box-shadow:0 -8px 40px #00000014,inset 0 1px #ffffffe6}[data-theme=light] .drawer__handle{background:#0000001f}[data-theme=light] .drawer-overlay{background:#0003}[data-theme=light] .modal{background:#f2f2f7d9;border-color:#fffc;box-shadow:0 24px 64px #0000001f,0 8px 24px #0000000f,inset 0 1px #ffffffe6}[data-theme=light] .modal-overlay{background:#00000040}[data-theme=light] .modal__close{background:#0000000a;border-color:#0000000f}[data-theme=light] .modal__close:hover{background:#00000014;color:var(--tg-text)}[data-theme=light] .chip{background:#7c5cfc0f;border-color:#7c5cfc1a;color:var(--tg-accent);box-shadow:inset 0 1px #ffffff80}[data-theme=light] .chip:hover{background:#7c5cfc1a}[data-theme=light] .chip.active{box-shadow:0 2px 16px #7c5cfc40,inset 0 1px #ffffff40}[data-theme=light] .toggle-switch{background:#00000014;box-shadow:inset 0 1px 3px #00000014}[data-theme=light] .toggle-switch.active{box-shadow:inset 0 1px #fff3,0 2px 8px #7c5cfc33}[data-theme=light] .settings-row{border-bottom-color:#0000000d}[data-theme=light] .onboarding__step{background:#fff6;border-color:#fff9}[data-theme=light] .onboarding__success{color:#059669}[data-theme=light] .song-detail__artwork{box-shadow:0 8px 28px #7c5cfc1f,inset 0 1px #fff3}[data-theme=light] .player-page__artwork{box-shadow:0 24px 64px var(--bf-artwork-shadow, rgba(124, 92, 252, .15)),0 8px 24px #0000000f,inset 0 2px #fff3}[data-theme=light] .accent-swatch{box-shadow:0 2px 8px #00000014,inset 0 1px #ffffff4d}[data-theme=light] ::-webkit-scrollbar-thumb{background:#7c5cfc26}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#7c5cfc40}body,.card,.glass,.glass-light,.btn,.btn-ghost,.btn-icon,.input,.mini-player__inner,.drawer,.modal,.modal__close,.chip,.search-bar input,.search-bar__clear,.song-card__play-btn,.player-controls__secondary-btn,.player-controls__main-btn,.toggle-switch,.settings-row,.upload-zone,.onboarding__step,.accent-swatch{transition:background var(--bf-transition),color var(--bf-transition),border-color var(--bf-transition),box-shadow var(--bf-transition)}@font-face{font-family:Material Icons Round;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-icons-round-DrirKXBx.woff2) format("woff2"),url(/assets/material-icons-round-BDlwx-sv.woff) format("woff")}.material-icons-round{font-family:Material Icons Round;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}