:root{--base: #000000;--base-rgb: 0, 0, 0;--elevated-base: #242424;--elevated-base-rgb: 36, 36, 36;--highlight: #2a2a2a;--highlight-rgb: 42, 42, 42;--press: #3a3a3a;--press-rgb: 58, 58, 58;--disabled: #1a1a1a;--disabled-rgb: 26, 26, 26;--text-base: #ffffff;--text-base-rgb: 255, 255, 255;--text-subdued: #a7a7a7;--text-subdued-rgb: 167, 167, 167;--text-bright-accent: #1ed760;--text-negative: #f15e6c;--text-warning: #f0a356;--text-positive: #1ed760;--text-link: #53a7f8;--spotify-green: #1ed760;--spotify-green-hover: #1fdf64;--spotify-green-active: #1ac958;--functional-red: #e91429;--functional-blue: #0d73ec;--functional-purple: #8c67ac;--functional-orange: #bc5900;--functional-pink: #dc148c;--gradient-top: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.6) 100%);--gradient-bottom: linear-gradient(0deg, rgba(0,0,0,.8) 0%, rgba(0,0,0,0) 100%);--gradient-overlay: linear-gradient(transparent 0%, rgba(0,0,0,.5) 100%);--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.4);--shadow-lg: 0 8px 24px rgba(0,0,0,.5);--shadow-xl: 0 16px 48px rgba(0,0,0,.6);--glow-green: 0 0 20px rgba(30, 215, 96, .4);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--spacing-3xl: 48px;--font-family: "Circular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 32px;--font-size-4xl: 40px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--sidebar-width: 280px;--sidebar-collapsed-width: 72px;--player-height: 90px;--header-height: 64px;--mobile-nav-height: 60px;--transition-fast: .1s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--transition-spring: .5s cubic-bezier(.175, .885, .32, 1.275);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--z-tooltip: 600}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:var(--font-family);font-size:var(--font-size-md);line-height:var(--line-height-normal);color:var(--text-base);background:var(--base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%;display:flex;flex-direction:column}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:var(--radius-full);border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#ffffff80;border:3px solid transparent;background-clip:content-box}::selection{background:var(--spotify-green);color:var(--base)}:focus-visible{outline:2px solid var(--spotify-green);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:.02em;text-decoration:none;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn-primary{background:var(--spotify-green);color:var(--base)}.btn-primary:hover{background:var(--spotify-green-hover);transform:scale(1.02)}.btn-primary:active{background:var(--spotify-green-active);transform:scale(.98)}.btn-secondary{background:transparent;color:var(--text-subdued);border:1px solid var(--text-subdued)}.btn-secondary:hover{background:#ffffff1a;color:var(--text-base);border-color:var(--text-base)}.btn-icon{width:40px;height:40px;padding:0;background:transparent;color:var(--text-subdued);border-radius:var(--radius-full)}.btn-icon:hover{background:#ffffff1a;color:var(--text-base)}.btn-icon.active{color:var(--spotify-green)}.card{background:var(--elevated-base);border-radius:var(--radius-md);padding:var(--spacing-lg);transition:background var(--transition-normal);cursor:pointer}.card-play-button{position:absolute;bottom:var(--spacing-md);right:var(--spacing-md);width:48px;height:48px;background:var(--spotify-green);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(8px);transition:all var(--transition-normal);box-shadow:var(--shadow-lg)}.input{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:var(--elevated-base);border:1px solid transparent;border-radius:var(--radius-full);color:var(--text-base);font-family:var(--font-family);font-size:var(--font-size-md);transition:all var(--transition-fast)}.input:focus{outline:none;border-color:var(--text-subdued);background:var(--highlight)}.input::placeholder{color:var(--text-subdued)}.slider{-webkit-appearance:none;width:100%;height:4px;background:var(--press);border-radius:var(--radius-full);cursor:pointer}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:var(--text-base);border-radius:var(--radius-full);opacity:0;transition:opacity var(--transition-fast)}.slider:hover::-webkit-slider-thumb{opacity:1}.slider::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--spotify-green) 0%,var(--spotify-green) var(--progress, 0%),var(--press) var(--progress, 0%),var(--press) 100%);border-radius:var(--radius-full);height:4px}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-4px);padding:var(--spacing-xs) var(--spacing-sm);background:var(--elevated-base);color:var(--text-base);font-size:var(--font-size-xs);border-radius:var(--radius-xs);white-space:nowrap;opacity:0;pointer-events:none;transition:all var(--transition-fast);box-shadow:var(--shadow-md);z-index:var(--z-tooltip)}.tooltip:hover:after{opacity:1;transform:translate(-50%) translateY(-8px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn var(--transition-normal) forwards}.animate-slide-up{animation:slideUp var(--transition-slow) forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.text-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-gradient{background:linear-gradient(135deg,var(--spotify-green),var(--functional-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.flex-center{display:flex;align-items:center;justify-content:center}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;touch-action:manipulation}html,body{overscroll-behavior:none;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--base);color:var(--text-base)}.app{display:flex;flex-direction:column;height:100vh;height:100dvh;background:var(--base);overflow:hidden}.main-content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-bottom:140px;padding-bottom:calc(140px + env(safe-area-inset-bottom))}.page-container{padding:16px;padding-left:calc(16px + env(safe-area-inset-left));padding-right:calc(16px + env(safe-area-inset-right))}.page-container h1{font-size:28px;font-weight:700;margin-bottom:16px;color:var(--text-base)}.home-header{padding:20px 16px;background:linear-gradient(135deg,#5f1e3a,#dc148c);margin:-16px -16px 16px;margin-left:calc(-16px - env(safe-area-inset-left));margin-right:calc(-16px - env(safe-area-inset-right))}.greeting{font-size:24px;font-weight:700;color:#fff}.home-section{margin-bottom:24px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 16px}.section-title{font-size:20px;font-weight:700;color:var(--text-base)}.section-link{font-size:13px;color:var(--text-muted);text-decoration:none;font-weight:500}.cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0 16px}.card{background:#181818;border-radius:8px;overflow:hidden;transition:transform .2s;cursor:pointer}.card:active{transform:scale(.98)}.card-image{position:relative;aspect-ratio:1;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover}.card-play-button{position:absolute;bottom:8px;right:8px;width:48px;height:48px;border-radius:50%;background:#1db954;border:none;color:#000;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(8px);transition:all .3s;box-shadow:0 8px 16px #0000004d}.card:hover .card-play-button,.card:active .card-play-button{opacity:1;transform:translateY(0)}.card-title{padding:12px;font-size:14px;font-weight:600;color:var(--text-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-subtitle{padding:0 12px 12px;font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-list{padding:0 16px}.track-row{display:flex;align-items:center;padding:8px 0;gap:12px;cursor:pointer}.track-row:active{background:#ffffff0d}.track-number{width:24px;text-align:center;font-size:14px;color:var(--text-muted)}.track-image{width:56px;height:56px;border-radius:4px;object-fit:cover}.track-info{flex:1;min-width:0}.track-title{display:block;font-size:14px;font-weight:500;color:var(--text-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-artist{display:block;font-size:13px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-duration{font-size:13px;color:var(--text-muted);padding:0 12px}.track-play-btn{width:32px;height:32px;border:none;background:transparent;color:var(--text-base);cursor:pointer;display:flex;align-items:center;justify-content:center}.tab-bar{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;height:calc(60px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#121212fa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);z-index:100}.tab-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 16px;min-width:64px;color:var(--text-muted);text-decoration:none;transition:color .2s}.tab-item.active{color:#f50}.tab-icon{margin-bottom:4px}.tab-label{font-size:11px;font-weight:500}.player{position:fixed;bottom:calc(60px + env(safe-area-inset-bottom));left:0;right:0;height:64px;background:#282828;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;padding:0 16px;z-index:99}.player-left{flex:1;display:flex;align-items:center;gap:12px;min-width:0}.now-playing{display:flex;align-items:center;gap:12px;cursor:pointer}.now-playing-cover{width:48px;height:48px;border-radius:4px;object-fit:cover}.now-playing-title{font-size:14px;font-weight:500;color:var(--text-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-playing-artist{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.like-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:8px}.like-btn.active{color:#1db954}.player-center{flex:2;display:flex;flex-direction:column;align-items:center;gap:4px}.player-controls{display:flex;align-items:center;gap:16px}.control-btn{background:transparent;border:none;color:var(--text-base);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center}.control-btn:active{opacity:.7}.control-btn.active{color:#1db954}.play-btn{width:40px;height:40px;background:#fff;border-radius:50%;color:#000}.playback-bar{display:flex;align-items:center;gap:8px;width:100%}.time{font-size:11px;color:var(--text-muted);min-width:40px}.progress-container{flex:1;height:4px;background:#fff3;border-radius:2px}.progress-bar{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:transparent;outline:none}.progress-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer}.player-right{flex:1;display:flex;justify-content:flex-end}.volume-controls{display:flex;align-items:center;gap:8px}.volume-slider{-webkit-appearance:none;appearance:none;width:80px;height:4px;background:#fff3;border-radius:2px;outline:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer}.queue-btn{position:relative}.queue-count{position:absolute;top:0;right:0;background:#1db954;color:#000;font-size:10px;font-weight:700;padding:2px 4px;border-radius:4px}.player-modal-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:flex-end;justify-content:center;z-index:1000}.player-modal{background:linear-gradient(180deg,#282828,#121212);width:100%;max-height:90vh;border-radius:16px 16px 0 0;padding:24px 16px;padding-bottom:env(safe-area-inset-bottom)}.close-btn{position:absolute;top:16px;right:16px;background:transparent;border:none;color:#fff;cursor:pointer;padding:8px}.modal-content{display:flex;flex-direction:column;align-items:center;gap:24px}.modal-cover{width:280px;height:280px;border-radius:8px;box-shadow:0 8px 24px #00000080;object-fit:cover}.modal-title{font-size:22px;font-weight:700;color:#fff;margin-bottom:8px}.modal-artist{font-size:16px;color:var(--text-muted)}.modal-progress{width:100%;display:flex;align-items:center;gap:12px}.modal-controls{display:flex;align-items:center;gap:24px}.control-btn.large{width:56px;height:56px}.modal-actions{display:flex;gap:32px;padding-top:16px}.action-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:8px}.action-btn.active{color:#1db954}.home-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#f50;border-radius:50%;animation:spin 1s linear infinite}@media(min-width:768px){.cards-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.cards-grid{grid-template-columns:repeat(4,1fr)}}@supports (padding: max(0px)){.page-container{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.home-header{margin-left:max(-16px,calc(-16px - env(safe-area-inset-left)));margin-right:max(-16px,calc(-16px - env(safe-area-inset-right)))}}.player{position:fixed;bottom:0;left:0;right:0;height:var(--player-height);background:var(--elevated-base);border-top:1px solid var(--press);display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;padding:0 var(--spacing-lg);z-index:var(--z-sticky)}.player-left{display:flex;align-items:center;min-width:180px}.now-playing{display:flex;align-items:center;gap:var(--spacing-md)}.now-playing-placeholder{color:var(--text-subdued);font-size:var(--font-size-sm)}.now-playing-cover{width:56px;height:56px;border-radius:var(--radius-md);object-fit:cover;cursor:pointer;transition:transform var(--transition-fast)}.now-playing-cover:hover{transform:scale(1.05)}.now-playing-info{display:flex;flex-direction:column;gap:2px;cursor:pointer;overflow:hidden}.now-playing-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--text-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-playing-artist{font-size:var(--font-size-xs);color:var(--text-subdued);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.like-btn{background:transparent;border:none;color:var(--text-subdued);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.like-btn:hover{color:var(--text-base)}.like-btn.active{color:var(--spotify-green)}.player-center{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.player-controls{display:flex;align-items:center;gap:var(--spacing-md)}.control-btn{background:transparent;border:none;color:var(--text-subdued);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.control-btn:hover{color:var(--text-base);transform:scale(1.05)}.control-btn.active{color:var(--spotify-green)}.control-btn.queue-btn{position:relative}.queue-count{position:absolute;top:-4px;right:-4px;background:var(--spotify-green);color:var(--base);font-size:9px;font-weight:var(--font-weight-bold);padding:2px 4px;border-radius:var(--radius-full);min-width:14px;text-align:center}.control-btn.play-btn{width:40px;height:40px;background:var(--text-base);color:var(--base)}.control-btn.play-btn:hover{transform:scale(1.1);background:var(--text-base);color:var(--base)}.control-btn.large{width:48px;height:48px}.control-btn.large svg{width:28px;height:28px}.control-btn.play-btn.large{width:64px;height:64px;border-radius:var(--radius-full)}.control-btn.play-btn.large svg{width:32px;height:32px}.repeat{position:relative}.repeat-mode{position:absolute;top:-2px;right:-2px;font-size:8px;font-weight:var(--font-weight-bold);color:var(--spotify-green)}.playback-bar{display:flex;align-items:center;gap:var(--spacing-md);width:100%;max-width:600px}.time{font-size:var(--font-size-xs);color:var(--text-subdued);min-width:40px;text-align:center}.progress-container{flex:1;display:flex;align-items:center}.progress-bar{-webkit-appearance:none;width:100%;height:4px;background:var(--press);border-radius:var(--radius-full);cursor:pointer;transition:height var(--transition-fast)}.progress-bar:hover{height:6px}.progress-bar::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:var(--text-base);border-radius:var(--radius-full);opacity:0;transition:opacity var(--transition-fast)}.progress-bar:hover::-webkit-slider-thumb{opacity:1}.progress-bar::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--spotify-green) 0%,var(--spotify-green) var(--progress, 0%),var(--press) var(--progress, 0%),var(--press) 100%);border-radius:var(--radius-full);height:4px}.player-right{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-md)}.volume-controls{display:flex;align-items:center;gap:var(--spacing-sm)}.volume-slider{-webkit-appearance:none;width:100px;height:4px;background:var(--press);border-radius:var(--radius-full);cursor:pointer;transition:width var(--transition-fast)}.volume-slider:hover{width:120px;height:6px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:var(--text-base);border-radius:var(--radius-full);opacity:0;transition:opacity var(--transition-fast)}.volume-slider:hover::-webkit-slider-thumb{opacity:1}.volume-slider::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--spotify-green) 0%,var(--spotify-green) var(--progress, 0%),var(--press) var(--progress, 0%),var(--press) 100%);border-radius:var(--radius-full);height:4px}.player-modal-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:fadeIn var(--transition-normal)}.player-modal{width:90%;max-width:500px;background:linear-gradient(180deg,var(--elevated-base) 0%,var(--base) 100%);border-radius:var(--radius-lg);padding:var(--spacing-2xl);position:relative;animation:slideUp var(--transition-slow)}.close-btn{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);background:transparent;border:none;color:var(--text-subdued);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.close-btn:hover{color:var(--text-base);background:#ffffff1a}.modal-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl)}.modal-cover{width:280px;height:280px;object-fit:cover;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl)}.modal-info{text-align:center}.modal-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-base);margin-bottom:var(--spacing-xs)}.modal-artist{font-size:var(--font-size-md);color:var(--text-subdued)}.modal-progress{display:flex;align-items:center;gap:var(--spacing-md);width:100%}.modal-progress-bar{flex:1}.modal-controls,.modal-actions{display:flex;align-items:center;gap:var(--spacing-lg)}.action-btn:hover{color:var(--text-base);transform:scale(1.1)}.action-btn.active{color:var(--spotify-green)}@media(max-width:768px){.player{grid-template-columns:1fr;height:auto;padding:var(--spacing-md)}.player-left,.player-right{display:none}.player-center{width:100%}.playback-bar{max-width:100%}.volume-slider{width:80px}}.search{flex:1;overflow-y:auto;background:var(--base);padding:0 0 var(--player-height) 0}.search-header{position:sticky;top:0;background:var(--base);padding:var(--spacing-xl) var(--spacing-2xl);z-index:var(--z-sticky)}.search-input-container{position:relative;max-width:400px}.search-icon{position:absolute;left:var(--spacing-lg);top:50%;transform:translateY(-50%);color:var(--text-base);pointer-events:none}.search-input{width:100%;padding:var(--spacing-md) var(--spacing-lg);padding-left:48px;background:var(--elevated-base);border:1px solid transparent;border-radius:var(--radius-full);color:var(--text-base);font-family:var(--font-family);font-size:var(--font-size-md);transition:all var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--text-subdued);background:var(--highlight)}.search-input::placeholder{color:var(--text-subdued)}.browse-section{padding:var(--spacing-lg) var(--spacing-2xl)}.browse-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-base);margin-bottom:var(--spacing-lg)}.genre-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--spacing-lg)}.genre-card{position:relative;height:100px;border-radius:var(--radius-md);overflow:hidden;transition:transform var(--transition-fast);cursor:pointer}.genre-card:hover{transform:scale(1.05)}.genre-name{position:absolute;top:var(--spacing-md);left:var(--spacing-md);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-base);z-index:1}.genre-image{position:absolute;bottom:0;right:0;width:100px;height:100px;object-fit:cover;transform:rotate(25deg) translate(20%,20%)}.recent-section{margin-top:var(--spacing-2xl)}.recent-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.recent-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-base);margin:0}.clear-btn{background:transparent;border:none;color:var(--text-subdued);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);transition:all var(--transition-fast)}.clear-btn:hover{color:var(--text-base);background:#ffffff1a}.recent-chips{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.search-chip{background:var(--elevated-base);border:none;color:var(--text-base);font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.search-chip:hover{background:var(--highlight);transform:scale(1.05)}.search-results{padding:var(--spacing-lg) var(--spacing-2xl)}.search-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);color:var(--text-subdued)}.spinner{width:40px;height:40px;border:3px solid var(--press);border-top-color:var(--spotify-green);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.search-section{margin-bottom:var(--spacing-2xl)}.artists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-lg)}.artist-card{display:flex;flex-direction:column;align-items:center;text-decoration:none;transition:transform var(--transition-fast)}.artist-card:hover{transform:scale(1.05)}.artist-image{width:140px;height:140px;border-radius:50%;overflow:hidden;margin-bottom:var(--spacing-md);box-shadow:var(--shadow-lg)}.artist-image img{width:100%;height:100%;object-fit:cover}.artist-name{color:var(--text-base);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);text-align:center}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--spacing-lg)}.card{background:var(--elevated-base);border-radius:var(--radius-md);padding:var(--spacing-lg);transition:all var(--transition-fast);cursor:pointer;text-decoration:none}.card:hover{background:var(--highlight)}.card-image{position:relative;width:100%;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--spacing-md);box-shadow:var(--shadow-md)}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.card:hover .card-image img{transform:scale(1.05)}.card-play-button{position:absolute;bottom:var(--spacing-md);right:var(--spacing-md);width:48px;height:48px;background:var(--spotify-green);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(8px);transition:all var(--transition-normal);box-shadow:var(--shadow-lg);border:none;cursor:pointer}.card:hover .card-play-button{opacity:1;transform:translateY(0)}.card-play-button svg{color:var(--base)}.card-title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--text-base);margin-bottom:var(--spacing-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-subtitle{font-size:var(--font-size-sm);color:var(--text-subdued);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.no-results{text-align:center;padding:var(--spacing-3xl);color:var(--text-subdued)}@media(max-width:768px){.search-header,.search-results,.browse-section{padding:var(--spacing-lg)}.genre-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.track-row{grid-template-columns:40px 48px 1fr 40px}.track-duration{display:none}}.library{flex:1;overflow-y:auto;background:var(--base);padding:0 0 var(--player-height) 0}.library-filters{position:sticky;top:0;background:var(--base);padding:var(--spacing-lg) var(--spacing-2xl);display:flex;gap:var(--spacing-sm);z-index:var(--z-sticky);border-bottom:1px solid var(--press)}.filter-btn{background:var(--elevated-base);border:none;color:var(--text-base);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.filter-btn:hover{background:var(--highlight)}.filter-btn.active{background:var(--text-base);color:var(--base)}.library-content{padding:var(--spacing-xl) var(--spacing-2xl)}.library-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.library-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-base);margin:0}.create-playlist-btn{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--spotify-green);border:none;color:var(--base);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.create-playlist-btn:hover{background:var(--spotify-green-hover);transform:scale(1.05)}.library-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.stat-card{background:var(--elevated-base);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);transition:transform var(--transition-fast);cursor:pointer}.stat-card:hover{background:var(--highlight);transform:scale(1.02)}.stat-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.playlists{background:linear-gradient(135deg,#1e3a5f,#0d73ec)}.stat-icon.artists{background:linear-gradient(135deg,#5f1e3a,#dc148c)}.stat-icon.albums{background:linear-gradient(135deg,#1e5f3a,#1ed760)}.stat-icon.liked{background:linear-gradient(135deg,#450af5,#c4efd9)}.stat-info{display:flex;flex-direction:column}.stat-count{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-base)}.stat-label{font-size:var(--font-size-sm);color:var(--text-subdued)}.playlists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-lg)}.playlist-card{background:var(--elevated-base);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;flex-direction:column;align-items:center;text-decoration:none;transition:all var(--transition-fast)}.playlist-card:hover{background:var(--highlight);transform:scale(1.02)}.playlist-card.liked .playlist-cover{background:linear-gradient(135deg,#450af5,#c4efd9)}.playlist-cover{width:160px;height:160px;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--spacing-md);box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:center}.playlist-cover img{width:100%;height:100%;object-fit:cover}.playlist-info{text-align:center}.playlist-name{display:block;font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--text-base);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-count{display:block;font-size:var(--font-size-sm);color:var(--text-subdued)}.artists-grid-large{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--spacing-lg)}.artist-card-large{display:flex;flex-direction:column;align-items:center;text-decoration:none;transition:transform var(--transition-fast)}.artist-card-large:hover{transform:scale(1.05)}.artist-cover-large{width:160px;height:160px;border-radius:50%;overflow:hidden;margin-bottom:var(--spacing-md);box-shadow:var(--shadow-lg)}.artist-cover-large img{width:100%;height:100%;object-fit:cover}.artist-name-large{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--text-base);text-align:center}.albums-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--spacing-lg)}.album-card{background:var(--elevated-base);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;flex-direction:column;text-decoration:none;transition:all var(--transition-fast)}.album-card:hover{background:var(--highlight);transform:scale(1.02)}.album-cover{width:100%;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--spacing-md);box-shadow:var(--shadow-md)}.album-cover img{width:100%;height:100%;object-fit:cover}.album-info{display:flex;flex-direction:column;gap:4px}.album-name{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--text-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.album-artist{font-size:var(--font-size-sm);color:var(--text-subdued);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-section{margin-top:var(--spacing-2xl)}.section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-base);margin-bottom:var(--spacing-lg)}.track-list{display:flex;flex-direction:column}.track-row{display:grid;grid-template-columns:40px 56px 1fr 60px 40px;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);transition:background var(--transition-fast);cursor:pointer}.track-number{color:var(--text-subdued);font-size:var(--font-size-md);text-align:center}.track-image{width:56px;height:56px;border-radius:var(--radius-md);object-fit:cover}.track-play-btn{background:transparent;border:none;color:var(--text-subdued);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;opacity:0;transition:all var(--transition-fast)}.track-row:hover .track-play-btn{opacity:1}.track-play-btn:hover{color:var(--text-base);background:#ffffff1a}@media(max-width:768px){.library-filters{padding:var(--spacing-lg);overflow-x:auto}.filter-btn{flex-shrink:0}.library-content{padding:var(--spacing-lg)}.library-header{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.library-title{font-size:var(--font-size-2xl)}.library-stats{grid-template-columns:repeat(2,1fr)}.track-row{grid-template-columns:40px 48px 1fr 40px}.track-duration{display:none}}.playlist-detail{padding:var(--spacing-2xl);background:linear-gradient(180deg,rgba(30,215,96,.2) 0%,var(--base) 40%);min-height:100%}.playlist-header{display:flex;gap:var(--spacing-2xl);margin-bottom:var(--spacing-xl);align-items:flex-end}.playlist-cover-large{width:232px;height:232px;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;align-items:center;justify-content:center;flex-shrink:0;background-size:cover;background-position:center}.playlist-cover-large svg{color:#ffffff80}.playlist-info-large{display:flex;flex-direction:column;gap:var(--spacing-sm)}.playlist-type{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--text-base);text-transform:uppercase}.playlist-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--text-base);margin:0;display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.playlist-title:hover .edit-icon{opacity:1}.edit-icon{opacity:0;transition:opacity var(--transition-fast);color:var(--text-subdued)}.edit-form input{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);background:transparent;border:none;border-bottom:2px solid var(--spotify-green);color:var(--text-base);font-family:var(--font-family);padding:var(--spacing-xs) 0}.playlist-description{font-size:var(--font-size-sm);color:var(--text-subdued);margin:0}.playlist-meta{display:flex;gap:var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-subdued)}.meta-item{display:flex;align-items:center;gap:var(--spacing-xs)}.playlist-controls{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.play-all-btn{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--spotify-green);border:none;color:var(--base);font-family:var(--font-family);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.play-all-btn:hover{background:var(--spotify-green-hover);transform:scale(1.05)}.play-all-btn:disabled{opacity:.5;cursor:not-allowed}.add-track-btn{display:flex;align-items:center;gap:var(--spacing-sm);background:transparent;border:1px solid var(--text-subdued);color:var(--text-base);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.add-track-btn:hover{border-color:var(--text-base);background:#ffffff1a}.playlist-tracks{display:flex;flex-direction:column}.tracks-header{display:grid;grid-template-columns:40px 60px 2fr 1.5fr 80px 40px;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--press);color:var(--text-subdued);font-size:var(--font-size-xs);text-transform:uppercase;position:sticky;top:0;background:var(--base);z-index:var(--z-sticky)}.header-duration{display:flex;justify-content:flex-end}.track-row{display:grid;grid-template-columns:40px 60px 2fr 1.5fr 80px 40px;gap:var(--spacing-md);align-items:center;padding:var(--spacing-md);border-radius:var(--radius-md);transition:background var(--transition-fast);cursor:pointer}.track-row:hover{background:var(--highlight)}.track-number{color:var(--text-subdued);font-size:var(--font-size-md);text-align:center;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.drag-handle{opacity:0;cursor:grab}.track-row:hover .drag-handle{opacity:.5}.track-row:active .drag-handle{cursor:grabbing}.track-title{color:var(--text-base);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-artist,.track-album,.track-date{color:var(--text-subdued);font-size:var(--font-size-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.remove-btn{background:transparent;border:none;color:var(--text-subdued);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;opacity:0;transition:all var(--transition-fast)}.track-row:hover .remove-btn{opacity:1}.remove-btn:hover{color:var(--functional-red);background:#f15e6c1a}.empty-playlist{text-align:center;padding:var(--spacing-3xl);color:var(--text-subdued)}.empty-playlist p{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}@media(max-width:1024px){.tracks-header,.track-row{grid-template-columns:40px 50px 1fr 50px}.header-album,.header-date,.track-album,.track-date{display:none}.remove-btn{opacity:1}}@media(max-width:768px){.playlist-header{flex-direction:column;gap:var(--spacing-lg)}.playlist-cover-large{width:180px;height:180px}.playlist-title{font-size:var(--font-size-2xl)}.playlist-controls{flex-wrap:wrap}.tracks-header,.track-row{grid-template-columns:30px 40px 1fr 40px}.track-duration{display:none}}.queue{background:var(--elevated-base);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin:var(--spacing-lg) 0}.queue-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);color:var(--text-subdued);text-align:center}.queue-placeholder svg{color:var(--press);margin-bottom:var(--spacing-md)}.queue-placeholder p{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-base);margin:var(--spacing-md) 0 var(--spacing-xs) 0}.queue-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.queue-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-base);margin:0}.clear-btn{background:var(--press);border:none;color:var(--text-subdued);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.clear-btn:hover{background:var(--functional-red);color:var(--text-base)}.section-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--text-subdued);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-md)}.now-playing-section{margin-bottom:var(--spacing-xl)}.track-row{display:grid;grid-template-columns:30px 50px 1fr 50px 80px;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:background var(--transition-fast);cursor:pointer}.track-row:hover,.track-row.now-playing{background:var(--highlight)}.track-indicator{display:flex;align-items:center;justify-content:center}.playing-bars{display:flex;align-items:flex-end;gap:2px;height:16px}.playing-bars span{width:3px;background:var(--spotify-green);border-radius:var(--radius-xs);animation:playingPulse .5s ease-in-out infinite alternate}.playing-bars span:nth-child(1){height:60%;animation-delay:0s}.playing-bars span:nth-child(2){height:100%;animation-delay:.2s}.playing-bars span:nth-child(3){height:40%;animation-delay:.4s}@keyframes playingPulse{0%{transform:scaleY(.5)}to{transform:scaleY(1)}}.track-number{color:var(--text-subdued);font-size:var(--font-size-sm);text-align:center}.track-row:hover .track-number{color:var(--text-base)}.track-cover{width:50px;height:50px;border-radius:var(--radius-md);object-fit:cover}.track-info{display:flex;flex-direction:column;gap:4px;overflow:hidden}.track-name{color:var(--text-base);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-artist{color:var(--text-subdued);font-size:var(--font-size-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-duration{color:var(--text-subdued);font-size:var(--font-size-sm);text-align:right}.track-actions{display:flex;align-items:center;gap:var(--spacing-xs);opacity:0;transition:opacity var(--transition-fast)}.track-row:hover .track-actions{opacity:1}.action-btn{background:transparent;border:none;color:var(--text-subdued);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.action-btn:hover{color:var(--text-base);background:#ffffff1a}.action-btn.play-next:hover{color:var(--spotify-green)}.action-btn.remove:hover{color:var(--functional-red)}.queue-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.track-row[draggable=true]{cursor:grab}.track-row[draggable=true]:active{cursor:grabbing}.track-row.dragging{opacity:.5;background:var(--press)}@media(max-width:768px){.track-row{grid-template-columns:30px 40px 1fr 40px}.track-duration{display:none}.track-actions{opacity:1}}._page_1s1qd_1{min-height:100%;opacity:0;animation:_pageFadeIn_1s1qd_1 .3s ease forwards}._animating_1s1qd_7{pointer-events:none}._visible_1s1qd_11{opacity:1}@keyframes _pageFadeIn_1s1qd_1{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}._page_1s1qd_1>*{animation:_childFadeIn_1s1qd_1 .4s ease forwards;opacity:0}._page_1s1qd_1>*:nth-child(1){animation-delay:50ms}._page_1s1qd_1>*:nth-child(2){animation-delay:.1s}._page_1s1qd_1>*:nth-child(3){animation-delay:.15s}._page_1s1qd_1>*:nth-child(4){animation-delay:.2s}._page_1s1qd_1>*:nth-child(5){animation-delay:.25s}._page_1s1qd_1>*:nth-child(6){animation-delay:.3s}._page_1s1qd_1>*:nth-child(7){animation-delay:.35s}._page_1s1qd_1>*:nth-child(8){animation-delay:.4s}@keyframes _childFadeIn_1s1qd_1{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}._card_dvbcy_1{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);position:relative}._card_dvbcy_1:hover,._active_dvbcy_16{background:var(--bg-highlight)}._coverWrapper_dvbcy_20{position:relative;width:56px;height:56px;flex-shrink:0}._cover_dvbcy_20{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-sm)}._playOverlay_dvbcy_34{position:absolute;bottom:8px;right:8px;width:32px;height:32px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(8px);transition:all var(--transition-fast);box-shadow:0 4px 12px #00000080}._card_dvbcy_1:hover ._playOverlay_dvbcy_34,._active_dvbcy_16 ._playOverlay_dvbcy_34,._playing_dvbcy_57{opacity:1;transform:translateY(0)}._info_dvbcy_62{flex:1;min-width:0}._title_dvbcy_67{font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}._artist_dvbcy_77{font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._artistLink_dvbcy_85{cursor:pointer;transition:color var(--transition-fast)}._artistLink_dvbcy_85:hover{color:var(--text-primary);text-decoration:underline}._duration_dvbcy_95{font-size:13px;color:var(--text-secondary);font-variant-numeric:tabular-nums}._card_1uks6_1{min-width:160px;width:160px;padding:16px;background:var(--bg-secondary);border-radius:var(--radius-lg);cursor:pointer;transition:background var(--transition-fast)}._card_1uks6_1:hover{background:var(--bg-elevated)}._coverWrapper_1uks6_15{width:100%;aspect-ratio:1;margin-bottom:16px;box-shadow:0 8px 24px #00000080}._cover_1uks6_15{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md)}._info_1uks6_29{min-width:0}._title_1uks6_33{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:8px}._subtitle_1uks6_43{font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}._artist_yjs7o_1{min-height:100%;background:var(--bg-primary)}._header_yjs7o_6{position:relative;margin-bottom:24px}._bannerWrapper_yjs7o_11{position:relative;height:300px;overflow:hidden}._banner_yjs7o_11{width:100%;height:100%;object-fit:cover}._bannerGradient_yjs7o_23{position:absolute;bottom:0;left:0;right:0;height:150px;background:linear-gradient(180deg,transparent 0%,var(--bg-primary) 100%)}._headerContent_yjs7o_32{position:relative;margin-top:-80px;padding:0 16px;display:flex;flex-direction:column;align-items:center;text-align:center}._avatarWrapper_yjs7o_42{width:160px;height:160px;border-radius:50%;overflow:hidden;box-shadow:var(--shadow-lg);margin-bottom:16px;border:4px solid var(--bg-primary)}._avatar_yjs7o_42{width:100%;height:100%;object-fit:cover}._name_yjs7o_58{font-size:32px;font-weight:900;color:var(--text-primary);margin-bottom:8px;text-shadow:0 2px 8px rgba(0,0,0,.5)}._subscribers_yjs7o_66{font-size:14px;color:var(--text-secondary);margin-bottom:12px}._description_yjs7o_72{font-size:14px;color:var(--text-secondary);line-height:1.5;max-width:500px;margin-bottom:20px}._actions_yjs7o_80{display:flex;align-items:center;gap:16px;margin-bottom:20px}._playBtn_yjs7o_87{display:flex;align-items:center;gap:8px;padding:14px 32px;background:var(--accent);border-radius:28px;font-size:14px;font-weight:700;color:#121212;transition:all var(--transition-fast);box-shadow:var(--shadow-md)}._playBtn_yjs7o_87:hover{background:var(--accent-hover);transform:scale(1.05)}._playBtn_yjs7o_87:active{transform:scale(.95)}._followBtn_yjs7o_110{padding:12px 24px;background:transparent;border:1px solid var(--border);border-radius:24px;font-size:13px;font-weight:600;color:var(--text-primary);transition:all var(--transition-fast)}._followBtn_yjs7o_110:hover{border-color:var(--text-primary);background:#ffffff1a}._moreBtn_yjs7o_126{width:40px;height:40px;border-radius:50%;background:transparent;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}._moreBtn_yjs7o_126:hover{color:var(--text-primary);background:#ffffff1a}._section_yjs7o_143{padding:0 16px;margin-bottom:32px}._sectionTitle_yjs7o_148{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:16px}._trackList_yjs7o_155{display:flex;flex-direction:column}._trackRow_yjs7o_160{display:flex;align-items:center;gap:8px;margin-bottom:8px}._trackNumber_yjs7o_167{width:24px;text-align:center;font-size:14px;color:var(--text-secondary);font-variant-numeric:tabular-nums}._trackRow_yjs7o_160>._trackCard_yjs7o_175{flex:1}._plays_yjs7o_179{font-size:13px;color:var(--text-secondary);min-width:50px;text-align:right}._horizontalScroll_yjs7o_186{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;padding-bottom:8px;margin:0 -16px;padding-left:16px;padding-right:16px;-webkit-overflow-scrolling:touch}._horizontalScroll_yjs7o_186::-webkit-scrollbar{height:8px}._horizontalScroll_yjs7o_186::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}._similarGrid_yjs7o_207{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}._similarCard_yjs7o_213{display:flex;align-items:center;gap:12px;padding:8px;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}._similarCard_yjs7o_213:hover{background:var(--bg-highlight)}._similarCover_yjs7o_227{width:56px;height:56px;border-radius:50%;object-fit:cover;flex-shrink:0}._similarInfo_yjs7o_235{flex:1;min-width:0}._similarName_yjs7o_240{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._similarSubscribers_yjs7o_249{font-size:12px;color:var(--text-secondary)}._spacer_yjs7o_254{height:120px}@media(min-width:768px){._bannerWrapper_yjs7o_11{height:400px}._headerContent_yjs7o_32{margin-top:-100px}._avatarWrapper_yjs7o_42{width:200px;height:200px}._name_yjs7o_58{font-size:48px}._similarGrid_yjs7o_207{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){._similarGrid_yjs7o_207{grid-template-columns:repeat(4,1fr)}}._album_1ia70_1{padding:0 16px 140px}._loading_1ia70_6,._error_1ia70_7{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px}._spinner_1ia70_16{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#1db954;border-radius:50%;animation:_spin_1ia70_16 1s linear infinite}@keyframes _spin_1ia70_16{to{transform:rotate(360deg)}}._error_1ia70_7 button{padding:12px 24px;background:#1db954;border:none;border-radius:24px;color:#000;font-weight:600;cursor:pointer}._header_1ia70_42{position:relative;margin:-16px -16px 24px;padding:16px;background:linear-gradient(180deg,#1db954,#121212)}._backButton_1ia70_49{position:absolute;top:16px;left:16px;z-index:10;width:40px;height:40px;border-radius:50%;background:#00000080;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}._content_1ia70_66{display:flex;gap:16px;align-items:flex-end;margin-bottom:24px}._cover_1ia70_73{width:180px;height:180px;object-fit:cover;box-shadow:0 8px 24px #00000080}._coverPlaceholder_1ia70_80{width:180px;height:180px;background:linear-gradient(135deg,#333,#1a1a1a)}._info_1ia70_86{flex:1}._type_1ia70_90{font-size:12px;text-transform:uppercase;color:#ffffffb3}._name_1ia70_96{font-size:32px;font-weight:700;margin:8px 0;color:#fff}._artists_1ia70_103{font-size:14px;color:#fffc;margin-bottom:8px}._meta_1ia70_109{font-size:13px;color:#fff9}._playButton_1ia70_114{display:flex;align-items:center;gap:8px;padding:14px 32px;background:#1db954;border:none;border-radius:30px;color:#000;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,background .2s}._playButton_1ia70_114:hover:not(:disabled){transform:scale(1.05);background:#1ed760}._playButton_1ia70_114:disabled{opacity:.5;cursor:not-allowed}._tracklist_1ia70_140{display:flex;flex-direction:column}._trackRow_1ia70_145{display:flex;align-items:center;gap:16px;padding:12px 16px;border-radius:8px;cursor:pointer;transition:background .2s}._trackRow_1ia70_145:hover{background:#ffffff1a}._trackRow_1ia70_145._current_1ia70_159{background:#1db95433}._trackNumber_1ia70_163{width:24px;text-align:center;font-size:14px;color:#ffffff80}._trackInfo_1ia70_170{flex:1;display:flex;flex-direction:column;gap:4px}._trackTitle_1ia70_177{font-size:14px;font-weight:500;color:#fff}._trackArtist_1ia70_183{font-size:13px;color:#fff9}._trackDuration_1ia70_188{font-size:13px;color:#ffffff80}._equalizer_1ia70_194{display:flex;gap:2px;align-items:flex-end;height:16px}._bar_1ia70_201{width:3px;background:#1db954;animation:_equalizer_1ia70_194 .5s ease-in-out infinite}._bar_1ia70_201:nth-child(1){animation-delay:0s}._bar_1ia70_201:nth-child(2){animation-delay:.1s}._bar_1ia70_201:nth-child(3){animation-delay:.2s}@keyframes _equalizer_1ia70_194{0%,to{height:4px}50%{height:16px}}._spacer_1ia70_228{height:100px}._dailyMixes_o8kgq_1{padding:16px 16px 140px;height:100%;overflow-y:auto}._header_o8kgq_8{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}._title_o8kgq_15{font-size:28px;font-weight:700;color:var(--text-primary);margin:0}._expires_o8kgq_22{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary)}._description_o8kgq_30{margin-bottom:32px;padding:16px;background:#ffffff0d;border-radius:12px}._description_o8kgq_30 p{margin:4px 0;font-size:14px;color:var(--text-secondary)}._loading_o8kgq_43{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px}._spinner_o8kgq_52{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#1db954;border-radius:50%;animation:_spin_o8kgq_52 1s linear infinite}@keyframes _spin_o8kgq_52{to{transform:rotate(360deg)}}._mixesGrid_o8kgq_68{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}._mixCard_o8kgq_74{background:#ffffff0d;border-radius:12px;padding:16px;cursor:pointer;transition:background .2s,transform .2s;display:flex;flex-direction:column;gap:16px}._mixCard_o8kgq_74:hover{background:#ffffff1a;transform:translateY(-4px)}._mixCoverWrapper_o8kgq_90{position:relative;width:100%;aspect-ratio:1;border-radius:8px;overflow:hidden;box-shadow:0 8px 24px #00000080}._mixCover_o8kgq_90{width:100%;height:100%;object-fit:cover}._playButton_o8kgq_105{position:absolute;bottom:8px;right:8px;width:48px;height:48px;border-radius:50%;background:#1db954;border:none;color:#000;font-size:20px;cursor:pointer;opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000080}._mixCard_o8kgq_74:hover ._playButton_o8kgq_105{opacity:1;transform:translateY(0)}._playButton_o8kgq_105:hover{background:#1ed760;transform:translateY(-2px)}._mixInfo_o8kgq_136{display:flex;flex-direction:column;gap:4px}._mixName_o8kgq_142{font-size:16px;font-weight:700;color:var(--text-primary);margin:0}._mixDescription_o8kgq_149{font-size:13px;color:var(--text-secondary);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}._mixTracks_o8kgq_159{font-size:12px;color:var(--text-secondary);margin-top:4px}._empty_o8kgq_166{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px;text-align:center;color:var(--text-secondary)}._empty_o8kgq_166 svg{opacity:.3}._empty_o8kgq_166 h2{font-size:20px;font-weight:700;color:var(--text-primary);margin:0}._empty_o8kgq_166 p{font-size:14px;margin:0}._spacer_o8kgq_193{height:60px}._fullPlayer_1yvnf_1{position:fixed;inset:0;background:linear-gradient(180deg,var(--gradient-top) 0%,var(--bg-primary) 100%);z-index:200;display:flex;flex-direction:column;padding:16px;overflow-y:auto}._header_1yvnf_15{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}._backBtn_1yvnf_22,._moreBtn_1yvnf_22{color:var(--text-primary);width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:opacity var(--transition-fast)}._backBtn_1yvnf_22:hover,._moreBtn_1yvnf_22:hover{opacity:.7}._headerTitle_1yvnf_36{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary)}._errorMessage_1yvnf_44{background:#e9142933;border:1px solid var(--error);border-radius:var(--radius-md);padding:12px 16px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}._errorMessage_1yvnf_44 span{color:var(--error);font-size:14px}._errorMessage_1yvnf_44 button{padding:8px 16px;background:var(--error);color:var(--text-primary);border-radius:var(--radius-sm);font-size:13px;font-weight:600}._coverWrapper_1yvnf_69{position:relative;width:100%;max-width:400px;margin-bottom:32px;box-shadow:0 16px 48px #0009}._cover_1yvnf_69{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-md);transition:opacity var(--transition-fast)}._cover_1yvnf_69._loading_1yvnf_85{opacity:.5}._coverLoadingOverlay_1yvnf_89{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}._spinner_1yvnf_99{width:48px;height:48px;border:4px solid rgba(255,255,255,.2);border-top-color:var(--text-primary);border-radius:50%;animation:_spin_1yvnf_99 1s linear infinite}@keyframes _spin_1yvnf_99{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._content_1yvnf_117{flex:1;display:flex;flex-direction:column;align-items:center}._coverWrapper_1yvnf_69{width:100%;max-width:400px;margin-bottom:32px;box-shadow:0 16px 48px #0009}._cover_1yvnf_69{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-md)}._trackInfo_1yvnf_138{text-align:center;margin-bottom:32px;width:100%}._trackName_1yvnf_144{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:8px}._trackArtist_1yvnf_151{font-size:16px;color:var(--text-secondary)}._progressSection_1yvnf_156{width:100%;max-width:400px;margin-bottom:24px}._progressBar_1yvnf_162{height:4px;background:#fff3;border-radius:2px;cursor:pointer;position:relative;margin-bottom:8px}._progressBar_1yvnf_162:hover{height:6px}._progress_1yvnf_156{height:100%;background:var(--text-primary);border-radius:2px;transition:width .1s linear}._progressBar_1yvnf_162:hover ._progress_1yvnf_156{background:var(--accent)}._time_1yvnf_186{display:flex;justify-content:space-between;font-size:12px;color:var(--text-secondary);font-variant-numeric:tabular-nums}._controls_1yvnf_194{display:flex;align-items:center;gap:24px;margin-bottom:32px}._controlBtn_1yvnf_201{color:var(--text-secondary);transition:color var(--transition-fast)}._controlBtn_1yvnf_201:hover{color:var(--text-primary)}._controlBtn_1yvnf_201._active_1yvnf_210{color:var(--accent)}._playBtn_1yvnf_214{width:64px;height:64px;border-radius:50%;background:var(--text-primary);display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast)}._playBtn_1yvnf_214:hover{transform:scale(1.05)}._playBtn_1yvnf_214:active{transform:scale(.95)}._bottomControls_1yvnf_233{display:flex;align-items:center;gap:32px;margin-bottom:32px}._iconBtn_1yvnf_240{color:var(--text-secondary);transition:color var(--transition-fast)}._iconBtn_1yvnf_240:hover{color:var(--text-primary)}._iconBtn_1yvnf_240._liked_1yvnf_249{color:var(--accent)}._lyricsModal_1yvnf_254{position:fixed;inset:0;background:#000c;display:flex;align-items:flex-end;justify-content:center;z-index:1000;animation:_fadeIn_1yvnf_1 .2s ease-out}._lyricsContent_1yvnf_268{background:var(--bg-secondary);width:100%;max-height:80vh;border-radius:16px 16px 0 0;display:flex;flex-direction:column;animation:_slideUp_1yvnf_1 .3s ease-out}._lyricsHeader_1yvnf_278{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}._lyricsHeader_1yvnf_278 h2{font-size:20px;font-weight:700;color:var(--text-primary);margin:0}._lyricsHeader_1yvnf_278 button{width:32px;height:32px;border-radius:50%;background:transparent;border:none;color:var(--text-primary);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center}._lyricsHeader_1yvnf_278 button:hover{background:#ffffff1a}._lyricsBody_1yvnf_311{padding:20px;overflow-y:auto;flex:1}._lyricsLoading_1yvnf_317{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:16px}._spinner_1yvnf_99{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#1db954;border-radius:50%;animation:_spin_1yvnf_99 1s linear infinite}@keyframes _spin_1yvnf_99{to{transform:rotate(360deg)}}._lyricsText_1yvnf_341{color:var(--text-secondary);line-height:1.8}._lyricsText_1yvnf_341 h3{font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 8px}._lyricsArtist_1yvnf_353{font-size:14px;color:var(--text-secondary);margin:0 0 24px}._lyricsText_1yvnf_341 pre{font-family:inherit;font-size:15px;line-height:2;white-space:pre-wrap;word-wrap:break-word;margin:0}._lyricsSource_1yvnf_368{display:inline-block;margin-top:24px;padding:8px 16px;background:#1db95433;color:#1db954;text-decoration:none;border-radius:20px;font-size:13px;font-weight:600}._lyricsSource_1yvnf_368:hover{background:#1db9544d}._lyricsNotAvailable_1yvnf_384{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px;text-align:center;color:var(--text-secondary)}._lyricsNotAvailable_1yvnf_384 svg{opacity:.3}._lyricsNotAvailable_1yvnf_384 p{font-size:16px;font-weight:600;color:var(--text-primary)}@keyframes _fadeIn_1yvnf_1{0%{opacity:0}to{opacity:1}}@keyframes _slideUp_1yvnf_1{0%{transform:translateY(100%)}to{transform:translateY(0)}}._volumeWrapper_1yvnf_423{position:relative}._volumeSlider_1yvnf_427{position:absolute;bottom:100%;left:50%;transform:translate(-50%);width:100px;height:4px;-webkit-appearance:none;background:#fff3;border-radius:2px;outline:none;margin-bottom:8px}._volumeSlider_1yvnf_427::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--text-primary);cursor:pointer}._nextUp_1yvnf_450{text-align:center;padding:16px;border-top:1px solid var(--border)}._nextUpTitle_1yvnf_456{font-size:13px;color:var(--text-secondary);margin-bottom:4px}._nextUpTrack_1yvnf_462{font-size:14px;color:var(--text-primary)}._stats_x5ozt_1{padding:16px 16px 140px;height:100%;overflow-y:auto}._header_x5ozt_8{margin-bottom:24px}._title_x5ozt_12{font-size:28px;font-weight:700;color:var(--text-primary)}._notAuth_x5ozt_18{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px;text-align:center}._notAuth_x5ozt_18 h1{font-size:24px;color:var(--text-primary)}._notAuth_x5ozt_18 p{color:var(--text-secondary)}._loading_x5ozt_37{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px}._spinner_x5ozt_46{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#1db954;border-radius:50%;animation:_spin_x5ozt_46 1s linear infinite}@keyframes _spin_x5ozt_46{to{transform:rotate(360deg)}}._section_x5ozt_62{margin-bottom:32px}._sectionTitle_x5ozt_66{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:16px}._overview_x5ozt_73{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}._statCard_x5ozt_79{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;background:#ffffff0d;border-radius:12px;text-align:center}._statCard_x5ozt_79 svg{color:#1db954}._statValue_x5ozt_94{font-size:24px;font-weight:700;color:var(--text-primary)}._statLabel_x5ozt_100{font-size:12px;color:var(--text-secondary)}._recentList_x5ozt_106{display:flex;flex-direction:column;gap:8px}._recentItem_x5ozt_112{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#ffffff08;border-radius:8px}._recentInfo_x5ozt_121{flex:1;display:flex;flex-direction:column;gap:4px}._recentTrack_x5ozt_128{font-size:14px;font-weight:500;color:var(--text-primary)}._recentDate_x5ozt_134{font-size:12px;color:var(--text-secondary)}._recentDuration_x5ozt_139{font-size:13px;color:var(--text-secondary)}._achievements_x5ozt_145{display:flex;flex-direction:column;gap:12px}._achievement_x5ozt_145{display:flex;align-items:center;gap:16px;padding:16px;background:#ffffff0d;border-radius:12px;transition:background .2s,transform .2s}._achievement_x5ozt_145._unlocked_x5ozt_161{background:#1db95426}._achievement_x5ozt_145._locked_x5ozt_165{opacity:.5}._achievement_x5ozt_145:hover{transform:translate(4px)}._achievementIcon_x5ozt_173{font-size:32px}._achievementInfo_x5ozt_177{flex:1;display:flex;flex-direction:column;gap:4px}._achievementTitle_x5ozt_184{font-size:16px;font-weight:600;color:var(--text-primary)}._achievementDesc_x5ozt_190{font-size:13px;color:var(--text-secondary)}._spacer_x5ozt_195{height:60px}._aiStudio_1yprr_1{padding:24px;max-width:1200px;margin:0 auto}._header_1yprr_7{margin-bottom:32px}._header_1yprr_7 h1{font-size:32px;margin:0 0 8px;background:linear-gradient(135deg,#1db954,#8e44ad);-webkit-background-clip:text;-webkit-text-fill-color:transparent}._header_1yprr_7 p{color:#b3b3b3;margin:0}._tabs_1yprr_24{display:flex;gap:12px;margin-bottom:32px;flex-wrap:wrap}._tab_1yprr_24{padding:12px 24px;background:#2a2a2a;border:none;border-radius:24px;color:#fff;cursor:pointer;font-size:14px;transition:all .2s}._tab_1yprr_24:hover{background:#3a3a3a;transform:translateY(-2px)}._section_1yprr_47{background:#1a1a1a;border-radius:16px;padding:24px;margin-bottom:24px}._section_1yprr_47 h2{margin:0 0 16px;font-size:24px}._section_1yprr_47 p{color:#b3b3b3;margin:0 0 24px}._providers_1yprr_64{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}._provider_1yprr_64{padding:20px;background:#2a2a2a;border-radius:12px;cursor:pointer;transition:all .2s;border:2px solid transparent;display:flex;flex-direction:column;gap:8px}._provider_1yprr_64:hover{background:#3a3a3a}._provider_1yprr_64._selected_1yprr_87{border-color:#1db954;background:#1db9541a}._providerIcon_1yprr_92{font-size:32px}._providerName_1yprr_96{font-weight:600;color:#fff}._providerDesc_1yprr_101{font-size:13px;color:#b3b3b3}._inputGroup_1yprr_106{margin-bottom:20px}._inputGroup_1yprr_106 label{display:block;margin-bottom:8px;color:#b3b3b3;font-size:14px}._inputGroup_1yprr_106 input[type=text],._inputGroup_1yprr_106 textarea{width:100%;padding:12px 16px;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;color:#fff;font-size:14px;font-family:inherit}._inputGroup_1yprr_106 input:focus,._inputGroup_1yprr_106 textarea:focus{outline:none;border-color:#1db954}._row_1yprr_135{display:grid;grid-template-columns:1fr 1fr;gap:16px}._moods_1yprr_141,._genres_1yprr_142{display:flex;flex-wrap:wrap;gap:8px}._mood_1yprr_141,._genre_1yprr_142{padding:8px 16px;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:20px;color:#fff;cursor:pointer;transition:all .2s}._mood_1yprr_141:hover,._genre_1yprr_142:hover{background:#3a3a3a;border-color:#1db954}._mood_1yprr_141._selected_1yprr_87,._genre_1yprr_142._selected_1yprr_87{background:#1db954;border-color:#1db954}._inputGroup_1yprr_106 input[type=range]{width:100%;height:4px;background:#3a3a3a;border-radius:2px;appearance:none}._inputGroup_1yprr_106 input[type=range]::-webkit-slider-thumb{appearance:none;width:16px;height:16px;background:#1db954;border-radius:50%;cursor:pointer}._generateButton_1yprr_188,._separateButton_1yprr_189,._voiceButton_1yprr_190{width:100%;padding:16px;background:linear-gradient(135deg,#1db954,#8e44ad);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}._generateButton_1yprr_188:hover,._separateButton_1yprr_189:hover,._voiceButton_1yprr_190:hover{transform:translateY(-2px);box-shadow:0 8px 24px #1db9544d}._generateButton_1yprr_188:disabled,._separateButton_1yprr_189:disabled,._voiceButton_1yprr_190:disabled{opacity:.5;cursor:not-allowed;transform:none}._status_1yprr_218{margin-top:16px;padding:12px;background:#2a2a2a;border-radius:8px;text-align:center}._generatedTracks_1yprr_226{margin-top:24px}._generatedTracks_1yprr_226 h3{margin:0 0 16px}._trackCard_1yprr_234{display:flex;align-items:center;gap:16px;padding:12px;background:#2a2a2a;border-radius:8px;margin-bottom:12px;transition:all .2s}._trackCard_1yprr_234:hover{background:#3a3a3a}._trackCover_1yprr_249{width:60px;height:60px;border-radius:6px;object-fit:cover}._trackInfo_1yprr_256{flex:1}._trackTitle_1yprr_260{font-weight:600;color:#fff;margin-bottom:4px}._trackArtist_1yprr_266{color:#b3b3b3;font-size:14px}._playButton_1yprr_271{padding:10px 20px;background:#1db954;border:none;border-radius:20px;color:#fff;cursor:pointer;transition:all .2s}._playButton_1yprr_271:hover{background:#1ed760;transform:scale(1.05)}._stemTypes_1yprr_286{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}._stemButton_1yprr_293{padding:10px 20px;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s}._stemButton_1yprr_293:hover{border-color:#1db954}._stemButton_1yprr_293._selected_1yprr_87{background:#1db954;border-color:#1db954}@media(max-width:768px){._aiStudio_1yprr_1{padding:16px}._row_1yprr_135,._providers_1yprr_64{grid-template-columns:1fr}}._trackSkeleton_1xm8w_4{display:flex;align-items:center;gap:12px;padding:8px 0}._coverSkeleton_1xm8w_11,._artistImageSkeleton_1xm8w_12,._albumCoverSkeleton_1xm8w_13{background:linear-gradient(90deg,#ffffff1a,#fff3,#ffffff1a);background-size:200% 100%;animation:_shimmer_1xm8w_1 1.5s infinite;border-radius:4px}._coverSkeleton_1xm8w_11{width:52px;height:52px;flex-shrink:0}._artistImageSkeleton_1xm8w_12{width:100%;padding-top:100%;border-radius:50%}._albumCoverSkeleton_1xm8w_13{width:100%;padding-top:100%;border-radius:4px}._info_1xm8w_43{flex:1;display:flex;flex-direction:column;gap:8px}._titleSkeleton_1xm8w_50,._artistSkeleton_1xm8w_51,._artistNameSkeleton_1xm8w_52,._albumTitleSkeleton_1xm8w_53,._albumArtistSkeleton_1xm8w_54,._durationSkeleton_1xm8w_55{background:linear-gradient(90deg,#ffffff1a,#fff3,#ffffff1a);background-size:200% 100%;animation:_shimmer_1xm8w_1 1.5s infinite;border-radius:4px}._titleSkeleton_1xm8w_50{height:16px;width:70%}._artistSkeleton_1xm8w_51,._albumArtistSkeleton_1xm8w_54{height:14px;width:50%}._artistNameSkeleton_1xm8w_52{height:16px;width:80%;margin-top:8px}._albumTitleSkeleton_1xm8w_53{height:16px;width:90%;margin-top:8px}._durationSkeleton_1xm8w_55{height:14px;width:40px}._artistCardSkeleton_1xm8w_96{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;min-width:150px}._albumCardSkeleton_1xm8w_106{display:flex;flex-direction:column;gap:8px;padding:16px;min-width:150px}._sectionSkeleton_1xm8w_115{margin-bottom:24px}._sectionTitleSkeleton_1xm8w_119{height:24px;width:30%;margin-bottom:16px;background:linear-gradient(90deg,#ffffff1a,#fff3,#ffffff1a);background-size:200% 100%;animation:_shimmer_1xm8w_1 1.5s infinite;border-radius:4px}._sectionContentSkeleton_1xm8w_134{display:flex;flex-direction:column;gap:8px}@keyframes _shimmer_1xm8w_1{0%{background-position:-200% 0}to{background-position:200% 0}}._smartMixer_gl9v6_1{padding:24px;max-width:1200px;margin:0 auto}._header_gl9v6_7{margin-bottom:32px}._header_gl9v6_7 h1{font-size:32px;margin:0 0 8px;background:linear-gradient(135deg,#1db954,#e74c3c);-webkit-background-clip:text;-webkit-text-fill-color:transparent}._header_gl9v6_7 p{color:#b3b3b3;margin:0}._modes_gl9v6_24{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}._mode_gl9v6_24{padding:24px;background:#1a1a1a;border-radius:12px;cursor:pointer;transition:all .2s;border:2px solid transparent;display:flex;flex-direction:column;gap:12px}._mode_gl9v6_24:hover{background:#2a2a2a;transform:translateY(-2px)}._mode_gl9v6_24._selected_gl9v6_48{border-color:#1db954;background:#1db9541a}._modeIcon_gl9v6_53{font-size:36px}._modeName_gl9v6_57{font-weight:600;color:#fff;font-size:16px}._modeDesc_gl9v6_63{font-size:13px;color:#b3b3b3}._settings_gl9v6_68{background:#1a1a1a;border-radius:12px;padding:24px;margin-bottom:24px}._settings_gl9v6_68 h3{margin:0 0 16px;font-size:18px}._moods_gl9v6_80{display:flex;flex-wrap:wrap;gap:12px}._mood_gl9v6_80{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#2a2a2a;border:2px solid #3a3a3a;border-radius:24px;color:#fff;cursor:pointer;transition:all .2s}._mood_gl9v6_80:hover{border-color:var(--accent-color);transform:translateY(-2px)}._mood_gl9v6_80._selected_gl9v6_48{background:var(--accent-color);border-color:var(--accent-color)}._moodEmoji_gl9v6_109{font-size:20px}._moodName_gl9v6_113{font-weight:500}._genres_gl9v6_117{display:flex;flex-wrap:wrap;gap:8px}._genre_gl9v6_117{padding:10px 20px;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s}._genre_gl9v6_117:hover{border-color:#1db954}._genre_gl9v6_117._selected_gl9v6_48{background:#1db954;border-color:#1db954}._sources_gl9v6_142{display:flex;flex-wrap:wrap;gap:16px}._source_gl9v6_142{display:flex;align-items:center;gap:10px;padding:12px 20px;background:#2a2a2a;border-radius:8px;cursor:pointer;transition:all .2s}._source_gl9v6_142:hover{background:#3a3a3a}._source_gl9v6_142 input[type=checkbox]{width:18px;height:18px;cursor:pointer}._sourceIndicator_gl9v6_169{width:12px;height:12px;border-radius:50%}._sourceName_gl9v6_175{color:#fff;font-weight:500}._generateButton_gl9v6_180{width:100%;padding:18px;background:linear-gradient(135deg,#1db954,#e74c3c);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}._generateButton_gl9v6_180:hover{transform:translateY(-2px);box-shadow:0 8px 24px #1db9544d}._generateButton_gl9v6_180:disabled{opacity:.5;cursor:not-allowed;transform:none}._error_gl9v6_204{padding:16px;background:#e74c3c1a;border:1px solid #e74c3c;border-radius:8px;color:#e74c3c;margin-bottom:24px}._results_gl9v6_213{background:#1a1a1a;border-radius:12px;padding:24px}._resultsHeader_gl9v6_219{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}._resultsHeader_gl9v6_219 h2{margin:0 0 8px;font-size:24px}._resultsHeader_gl9v6_219 p{margin:0;color:#b3b3b3}._playAllButton_gl9v6_236{padding:12px 24px;background:#1db954;border:none;border-radius:24px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s}._playAllButton_gl9v6_236:hover{background:#1ed760;transform:scale(1.05)}._loading_gl9v6_252{padding:20px 0}._tracks_gl9v6_256{display:flex;flex-direction:column;gap:8px}._track_gl9v6_256{display:flex;align-items:center;gap:16px;padding:12px;background:#2a2a2a;border-radius:8px;cursor:pointer;transition:all .2s}._track_gl9v6_256:hover{background:#3a3a3a;transform:translate(4px)}._trackNumber_gl9v6_278{width:24px;text-align:center;color:#b3b3b3;font-size:14px}._trackCover_gl9v6_285{width:56px;height:56px;border-radius:6px;object-fit:cover}._trackInfo_gl9v6_292{flex:1}._trackTitle_gl9v6_296{font-weight:600;color:#fff;margin-bottom:4px}._trackArtist_gl9v6_302{color:#b3b3b3;font-size:14px}._trackSource_gl9v6_307{padding:4px 12px;border-radius:12px;color:#fff;font-size:12px;text-transform:capitalize}._trackDuration_gl9v6_315{color:#b3b3b3;font-size:13px;min-width:45px;text-align:right}@media(max-width:768px){._smartMixer_gl9v6_1{padding:16px}._modes_gl9v6_24{grid-template-columns:1fr}._resultsHeader_gl9v6_219{flex-direction:column;align-items:flex-start;gap:16px}._playAllButton_gl9v6_236{width:100%}._track_gl9v6_256{flex-wrap:wrap}._trackSource_gl9v6_307,._trackDuration_gl9v6_315{width:100%;text-align:left;margin-top:8px}}._sources_rboxn_1{padding:24px;max-width:1200px;margin:0 auto}._header_rboxn_7{margin-bottom:32px}._header_rboxn_7 h1{font-size:32px;margin:0 0 8px}._header_rboxn_7 p{color:#b3b3b3;margin:0}._loading_rboxn_21{text-align:center;padding:48px;color:#b3b3b3}._grid_rboxn_27{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-bottom:32px}._card_rboxn_34{background:#1a1a1a;border-radius:16px;padding:24px;transition:all .2s;border:2px solid transparent}._card_rboxn_34:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}._card_rboxn_34._connected_rboxn_47{border-color:var(--source-color);background:#1db9540d}._cardHeader_rboxn_52{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}._icon_rboxn_59{font-size:40px}._connectedBadge_rboxn_63{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#1db9541a;border:1px solid #1db954;border-radius:20px;color:#1db954;font-size:12px;font-weight:600}._disconnectedBadge_rboxn_76{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#e74c3c1a;border:1px solid #e74c3c;border-radius:20px;color:#e74c3c;font-size:12px;font-weight:600}._name_rboxn_89{font-size:20px;margin:0 0 8px;color:#fff}._description_rboxn_95{color:#b3b3b3;font-size:14px;margin:0 0 20px;line-height:1.5}._actions_rboxn_102{display:flex;gap:12px;margin-bottom:16px}._connectButton_rboxn_108,._settingsButton_rboxn_109,._disconnectButton_rboxn_110{flex:1;padding:12px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;border:none;font-size:14px}._connectButton_rboxn_108{background:var(--source-color);color:#fff}._connectButton_rboxn_108:hover{filter:brightness(1.1);transform:translateY(-2px)}._settingsButton_rboxn_109{background:#2a2a2a;color:#fff}._settingsButton_rboxn_109:hover{background:#3a3a3a}._disconnectButton_rboxn_110{background:transparent;color:#e74c3c;border:1px solid #e74c3c}._disconnectButton_rboxn_110:hover{background:#e74c3c1a}._setupLink_rboxn_150{display:block;text-align:center;color:#b3b3b3;text-decoration:none;font-size:13px;transition:color .2s}._setupLink_rboxn_150:hover{color:var(--source-color)}._modal_rboxn_163{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}._modalContent_rboxn_177{background:#1a1a1a;border-radius:16px;padding:32px;max-width:500px;width:100%;max-height:80vh;overflow-y:auto}._modalContent_rboxn_177 h2{margin:0 0 16px;font-size:24px}._modalBody_rboxn_192{margin-bottom:24px}._modalBody_rboxn_192 p{color:#b3b3b3;margin:0 0 16px}._steps_rboxn_201{color:#b3b3b3;padding-left:20px;margin:0 0 20px}._steps_rboxn_201 li{margin-bottom:8px}._envExample_rboxn_211{background:#0d0d0d;border-radius:8px;padding:16px}._envExample_rboxn_211 h4{margin:0 0 12px;color:#fff;font-size:14px}._envExample_rboxn_211 pre{margin:0;padding:0;background:transparent;color:#1db954;font-family:Courier New,monospace;font-size:13px;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}._closeButton_rboxn_235{width:100%;padding:14px;background:#2a2a2a;border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s}._closeButton_rboxn_235:hover{background:#3a3a3a}._info_rboxn_251{background:#1a1a1a;border-radius:16px;padding:24px}._info_rboxn_251 h3{margin:0 0 16px;font-size:20px}._info_rboxn_251 ul{margin:0;padding-left:20px;color:#b3b3b3}._info_rboxn_251 li{margin-bottom:12px;line-height:1.5}._info_rboxn_251 strong{color:#fff}@media(max-width:768px){._sources_rboxn_1{padding:16px}._grid_rboxn_27{grid-template-columns:1fr}._actions_rboxn_102{flex-direction:column}}._genreDetail_h9heg_1{min-height:100vh;background:#121212;color:#fff;padding-bottom:140px}._loading_h9heg_8,._error_h9heg_9{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px}._spinner_h9heg_18{width:48px;height:48px;border:4px solid rgba(255,255,255,.1);border-top-color:#1db954;border-radius:50%;animation:_spin_h9heg_18 1s linear infinite}@keyframes _spin_h9heg_18{to{transform:rotate(360deg)}}._header_h9heg_33{position:relative;padding:80px 24px 24px;display:flex;align-items:flex-end;gap:20px}._backLink_h9heg_41{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#0000004d;border-radius:50%;color:#fff;text-decoration:none;transition:background .2s}._backLink_h9heg_41:hover{background:#00000080}._headerInfo_h9heg_58{flex:1}._headerLabel_h9heg_62{font-size:14px;text-transform:uppercase;opacity:.8}._headerTitle_h9heg_68{font-size:48px;font-weight:700;margin:8px 0;line-height:1}._headerStats_h9heg_75{font-size:14px;opacity:.7}._trackList_h9heg_80{padding:0 16px}._trackRow_h9heg_84{display:grid;grid-template-columns:40px 60px 1fr auto 48px;align-items:center;gap:12px;padding:12px;border-radius:6px;cursor:pointer;transition:background .2s}._trackRow_h9heg_84:hover{background:#ffffff1a}._trackNumber_h9heg_99{font-size:14px;color:#b3b3b3;text-align:center}._trackRow_h9heg_84:hover ._trackNumber_h9heg_99{color:#fff}._trackImage_h9heg_109{width:56px;height:56px;border-radius:4px;object-fit:cover}._trackInfo_h9heg_116{display:flex;flex-direction:column;gap:4px;min-width:0}._trackTitle_h9heg_123{font-size:16px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._trackArtist_h9heg_132{font-size:14px;color:#b3b3b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._trackDuration_h9heg_140{font-size:14px;color:#b3b3b3;padding-right:16px}._trackPlayBtn_h9heg_146{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;color:#fff;cursor:pointer;opacity:0;transition:opacity .2s}._trackRow_h9heg_84:hover ._trackPlayBtn_h9heg_146{opacity:1}._trackPlayBtn_h9heg_146:hover{color:#1db954}._empty_h9heg_168{text-align:center;padding:60px 20px}._empty_h9heg_168 p{color:#b3b3b3;margin-bottom:20px}._empty_h9heg_168 button{padding:12px 32px;background:#1db954;border:none;border-radius:24px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s}._empty_h9heg_168 button:hover{transform:scale(1.05)}@media(max-width:768px){._headerTitle_h9heg_68{font-size:32px}._trackRow_h9heg_84{grid-template-columns:40px 50px 1fr auto}._trackDuration_h9heg_140{display:none}._trackPlayBtn_h9heg_146{opacity:1}}