:root{--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-darker: #000000;--bg-dark: #000000;--bg-elevated: #0a0a0a;--bg-sidebar: rgba(0, 0, 0, .92);--bg-card: rgba(255, 255, 255, .03);--bg-card-hover: rgba(255, 255, 255, .06);--bg-input: rgba(255, 255, 255, .04);--bg-player: rgba(0, 0, 0, .9);--border-light: rgba(255, 255, 255, .07);--border-hover: rgba(255, 255, 255, .14);--border-focus: rgba(255, 255, 255, .22);--text-main: #ffffff;--text-secondary: #d8d8de;--text-muted: #a3a3ad;--text-dimmed: #6b6b76;--accent: #f43f5e;--accent-light: #fb7185;--accent-shadow: rgba(244, 63, 94, .28);--dynamic-glow-1: rgba(244, 63, 94, .07);--dynamic-glow-2: rgba(190, 18, 60, .04);--dynamic-bg-darker: #000000;--dynamic-bg-dark: #000000;--gradient-accent: linear-gradient(135deg, var(--accent) 0%, var(--accent-light) 100%);--shadow-island: 0 24px 48px -12px rgba(0, 0, 0, .7), 0 0 0 1px rgba(255, 255, 255, .06);--shadow-card: 0 8px 24px -8px rgba(0, 0, 0, .5);--shadow-pop: 0 16px 40px -8px rgba(0, 0, 0, .65), 0 0 24px -6px var(--accent-shadow);--blur-glass: blur(28px) saturate(160%);--blur-heavy: blur(90px);--sidebar-width: 264px;--player-island-height: 76px;--queue-width: 330px;--mobile-nav-height: 62px;--transition-smooth: .32s cubic-bezier(.25, 1, .5, 1);--transition-fast: .18s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .45s cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden;background-color:#000}body{font-family:var(--font-sans);background-color:#000;color:var(--text-main);overflow:hidden;height:100vh;width:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text}img{-webkit-user-drag:none;user-drag:none}::selection{background:var(--accent-shadow);color:var(--text-main)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#ffffff38}.app-container{display:flex;height:100vh;width:100%;background:radial-gradient(ellipse 55% 35% at 72% -8%,var(--dynamic-glow-1),transparent 58%),radial-gradient(ellipse 40% 30% at 12% 100%,var(--dynamic-glow-2),transparent 55%),#000;position:relative;overflow:hidden}.ambient-glow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.glow-orb{position:absolute;border-radius:50%;filter:var(--blur-heavy);opacity:.16;transition:background-color 1.8s ease}.glow-orb-1{width:48vw;height:48vw;top:-18vw;right:-10vw;background-color:var(--dynamic-glow-1);animation:float-orb-1 38s infinite alternate ease-in-out}.glow-orb-2{width:55vw;height:55vw;bottom:-22vw;left:-14vw;background-color:var(--dynamic-glow-2);animation:float-orb-2 44s infinite alternate ease-in-out}@keyframes float-orb-1{0%{transform:translate(0) scale(1)}to{transform:translate(-5vw,6vw) scale(1.08)}}@keyframes float-orb-2{0%{transform:translate(0) scale(1)}to{transform:translate(7vw,-6vw) scale(.94)}}.app-sidebar{width:var(--sidebar-width);height:100%;background-color:var(--bg-sidebar);border-right:1px solid var(--border-light);display:flex;flex-direction:column;z-index:20;-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass)}.sidebar-logo{padding:1.9rem 1.6rem 1.5rem;display:flex;align-items:center;gap:.7rem;font-weight:800;font-size:1.4rem;letter-spacing:-.03em;color:var(--text-main)}.sidebar-logo-img{width:32px;height:32px;border-radius:8px;object-fit:cover;box-shadow:0 4px 14px -4px var(--accent-shadow)}.sidebar-logo-text{background:linear-gradient(135deg,#fff 30%,#ffffffbf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.playlists-header-actions{display:flex;gap:.35rem}.playlist-icon-badge{width:22px;height:22px;border-radius:5px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.playlist-item-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-nav{display:flex;flex-direction:column;gap:.2rem;padding:0 .9rem}.nav-item-hide-on-desktop{display:none!important}.nav-item{display:flex;align-items:center;gap:.9rem;padding:.72rem 1rem;border-radius:12px;color:var(--text-muted);text-decoration:none;font-weight:600;font-size:.92rem;cursor:pointer;transition:var(--transition-fast);background:transparent;border:none;text-align:left;width:100%;position:relative;overflow:hidden;font-family:var(--font-sans)}.nav-item:hover{color:var(--text-main);background-color:#ffffff0d}.nav-item.active{color:var(--text-main);background:linear-gradient(90deg,#ffffff17,#ffffff0a)}.nav-item.active:before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:3px;border-radius:99px;background:var(--gradient-accent);box-shadow:0 0 10px var(--accent-shadow)}.sidebar-divider{height:1px;background-color:var(--border-light);margin:1.4rem;flex-shrink:0}.sidebar-playlists{flex:1;overflow-y:auto;padding:0 .9rem;display:flex;flex-direction:column;gap:.2rem;min-height:0}.playlists-header{padding:0 1rem .7rem;font-size:.68rem;text-transform:uppercase;letter-spacing:.16em;color:var(--text-dimmed);font-weight:800;display:flex;justify-content:space-between;align-items:center}.add-playlist-btn{background:#ffffff0d;border:1px solid var(--border-light);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast);border-radius:7px;padding:4px}.add-playlist-btn:hover{color:var(--text-main);background-color:#ffffff1f;border-color:var(--border-hover)}.sidebar-profile-footer{margin-top:auto;padding:.9rem;position:relative;flex-shrink:0}.sidebar-profile-menu{position:absolute;bottom:100%;left:.9rem;right:.9rem;background:var(--bg-elevated);border-radius:14px;padding:.4rem;box-shadow:0 -8px 32px #0009;margin-bottom:.5rem;border:1px solid var(--border-light);z-index:100;display:flex;flex-direction:column;gap:2px}.sidebar-profile-menu button{width:100%;text-align:left;padding:.7rem .85rem;background:transparent;border:none;color:var(--text-secondary);border-radius:10px;cursor:pointer;display:flex;align-items:center;gap:.6rem;font-family:var(--font-sans);font-size:.88rem;font-weight:600;transition:var(--transition-fast)}.sidebar-profile-menu button:hover{background:#ffffff14;color:var(--text-main)}.sidebar-profile{display:flex;align-items:center;gap:.7rem;padding:.65rem .8rem;background:#ffffff09;border:1px solid var(--border-light);border-radius:14px;cursor:pointer;transition:var(--transition-fast)}.sidebar-profile:hover,.sidebar-profile.open{background:#ffffff12;border-color:var(--border-hover)}.sidebar-profile-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;flex-shrink:0}.sidebar-profile-avatar.placeholder{background:var(--gradient-accent);display:flex;align-items:center;justify-content:center}.sidebar-profile-info{display:flex;flex-direction:column;overflow:hidden}.sidebar-profile-name{font-size:.86rem;font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar-profile-status{font-size:.7rem;color:var(--text-dimmed);font-weight:500}.app-main{flex:1;height:100%;position:relative;z-index:5;display:flex;flex-direction:column;overflow:hidden}.app-main-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:2.2rem 2.8rem;padding-bottom:calc(var(--player-island-height) + 4rem);position:relative;scroll-behavior:smooth}.home-container,.home-page{display:flex;flex-direction:column}.home-greeting{margin-bottom:2rem}.greeting-title{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;letter-spacing:-.035em;line-height:1.1;margin-bottom:.35rem;background:linear-gradient(135deg,#fff,#ffffffb8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.greeting-subtitle{font-size:1rem;font-weight:500;color:var(--text-muted)}.section-header{display:flex;flex-direction:column;gap:.25rem}.section-subtitle{font-size:.88rem;font-weight:500;color:var(--text-dimmed)}.quick-playlist-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}.quick-playlist-tile{display:flex;align-items:center;gap:.75rem;padding:.45rem .9rem .45rem .45rem;background:#ffffff0f;border:1px solid transparent;border-radius:10px;cursor:pointer;font-family:var(--font-sans);color:var(--text-main);text-align:left;overflow:hidden;transition:var(--transition-fast)}.quick-playlist-tile:hover{background:#ffffff1a;border-color:var(--border-light)}.quick-playlist-art{width:48px;height:48px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;box-shadow:0 4px 12px #00000059}.quick-playlist-name{flex:1;font-size:.88rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-playlist-arrow{color:var(--text-dimmed);flex-shrink:0;opacity:0;transition:opacity var(--transition-fast)}.quick-playlist-tile:hover .quick-playlist-arrow{opacity:1}.recent-list{display:flex;flex-direction:column;gap:.15rem}.page-transition-wrap{width:100%;min-height:100%}.app-loading-screen{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-darker);color:var(--text-main)}.app-loading-screen p{color:var(--text-dimmed);font-size:1.05rem;font-weight:500}.app-loading-spinner{animation:spin 1s linear infinite;margin-bottom:1.5rem;color:var(--accent)}.app-loading-retry{margin-top:1.25rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.search-container{display:flex;flex-direction:column;gap:2.2rem}.search-header{position:sticky;top:0;background:transparent;padding:.4rem 0;z-index:10}.search-input-wrapper{position:relative;width:100%;max-width:540px}.search-input{width:100%;padding:1rem 1rem 1rem 3.45rem;background-color:var(--bg-input);border:1px solid var(--border-light);border-radius:99px;color:var(--text-main);font-family:var(--font-sans);font-size:.98rem;font-weight:500;outline:none;transition:var(--transition-smooth);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.search-input::placeholder{color:var(--text-dimmed)}.search-input:focus{border-color:var(--border-focus);background-color:#ffffff14;box-shadow:0 0 0 4px #ffffff0a,0 0 30px -8px var(--accent-shadow)}.search-icon{position:absolute;left:1.2rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-input-icon{position:absolute;left:1.15rem;top:50%;transform:translateY(-50%);color:#ffffffd1;pointer-events:none;z-index:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.search-input-wrapper:focus-within .search-input-icon{color:#fff}.search-input-loader{position:absolute;right:1.15rem;top:50%;transform:translateY(-50%);color:var(--text-muted);animation:spin 1.5s linear infinite;pointer-events:none}.search-results-layout{display:flex;flex-direction:column;gap:2.5rem}.top-result-card{position:relative;display:flex;flex-direction:column;gap:1.1rem;padding:1.5rem;border-radius:20px;background:var(--bg-card);border:1px solid var(--border-light);cursor:pointer;transition:var(--transition-smooth);overflow:hidden}.top-result-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);box-shadow:var(--shadow-pop)}.top-result-play-btn{position:absolute;bottom:1.5rem;right:1.5rem;width:54px;height:54px;border-radius:50%;background:var(--gradient-accent);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 24px -4px var(--accent-shadow);opacity:0;transform:translateY(8px);transition:var(--transition-smooth)}.top-result-card:hover .top-result-play-btn{opacity:1;transform:translateY(0)}.top-result-play-btn:hover{transform:scale(1.07)}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:1.6rem}.music-card{background-color:var(--bg-card);border:1px solid transparent;border-radius:16px;padding:.9rem;cursor:pointer;transition:var(--transition-smooth);position:relative;display:flex;flex-direction:column;gap:.8rem}.horizontal-scroll .music-card{flex:0 0 178px;min-width:178px}.music-card--compact{padding:.75rem;gap:.65rem}.music-card--compact .card-play-btn{width:42px;height:42px}.card-actions{display:flex;gap:.35rem;padding:0 .15rem;opacity:0;transition:opacity var(--transition-fast)}.music-card:hover .card-actions{opacity:1}.music-card--skeleton{pointer-events:none}.skeleton{background:linear-gradient(90deg,#ffffff0a,#ffffff17,#ffffff0a);background-size:200% 100%;animation:shimmer 1.6s ease-in-out infinite;border-radius:8px}.skeleton-art{width:100%;aspect-ratio:1;border-radius:12px}.skeleton-text{height:14px;width:85%;margin-top:.5rem}.skeleton-text--short{width:55%;height:11px;margin-top:.35rem}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.music-card:hover{background-color:var(--bg-card-hover);transform:translateY(-5px);border-color:var(--border-light);box-shadow:var(--shadow-pop)}.card-art-container{width:100%;aspect-ratio:1;position:relative;border-radius:12px;overflow:hidden;background-color:var(--bg-elevated);box-shadow:0 8px 20px #00000073}.card-art-container img{width:100%;height:100%;object-fit:cover;transition:var(--transition-smooth)}.music-card:hover .card-art-container img{transform:scale(1.06)}.card-play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0000008c,#00000026);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast)}.music-card:hover .card-play-overlay{opacity:1}.card-play-btn{width:50px;height:50px;border-radius:50%;background:var(--gradient-accent);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 24px -4px var(--accent-shadow);transform:scale(.8) translateY(6px);transition:var(--transition-bounce)}.music-card:hover .card-play-btn{transform:scale(1) translateY(0)}.card-play-btn:hover{transform:scale(1.1)!important}.card-info{display:flex;flex-direction:column;padding:0 .15rem}.card-title{font-size:.92rem;font-weight:700;color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:.2rem;letter-spacing:-.01em}.card-artist{font-size:.8rem;font-weight:500;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.card-duration{position:absolute;bottom:.5rem;right:.5rem;background-color:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:2px 8px;border-radius:99px;font-size:.68rem;color:var(--text-main);font-weight:600}.home-section{display:flex;flex-direction:column;gap:1.3rem;margin-bottom:3rem}.section-title{font-size:1.55rem;font-weight:800;letter-spacing:-.025em;color:var(--text-main)}.horizontal-scroll{display:flex;gap:1.2rem;overflow-x:auto;padding-bottom:.8rem;scrollbar-width:none}.horizontal-scroll::-webkit-scrollbar{display:none}.hero-carousel{position:relative;margin-bottom:2.4rem}.hero-carousel-viewport{position:relative}.hero-carousel .home-hero-banner{margin-bottom:0;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.hero-carousel .home-hero-banner:active{cursor:grabbing}.hero-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:40px;height:40px;border-radius:50%;border:1px solid var(--border-light);background:#0a0a0eb8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-main);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity var(--transition-fast),background var(--transition-fast)}.hero-carousel:hover .hero-nav,.hero-carousel:focus-within .hero-nav{opacity:1}.hero-nav:hover{background:#ffffff24;border-color:var(--border-hover)}.hero-nav--prev{left:1rem}.hero-nav--next{right:1rem}.hero-dots{display:flex;justify-content:center;align-items:center;gap:.45rem;margin-top:1rem}.hero-dot{width:7px;height:7px;border-radius:99px;border:none;padding:0;background:#ffffff38;cursor:pointer;transition:width .28s ease,background .28s ease}.hero-dot:hover{background:#ffffff73}.hero-dot.active{width:22px;background:var(--accent);box-shadow:0 0 12px var(--accent-shadow)}.home-hero-banner{position:relative;isolation:isolate;width:100%;height:300px;border-radius:24px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:2.6rem;margin-bottom:2.4rem;border:1px solid var(--border-light);box-shadow:0 24px 48px -16px #0009}.home-hero-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--hero-image, url(https://i.scdn.co/image/ab67616d0000b2734718e2b124f79258be7bc452));background-size:cover;background-position:center 30%;z-index:-2;transform:scale(1.04);animation:ken-burns 22s ease-in-out infinite alternate}@keyframes ken-burns{0%{transform:scale(1.04) translate(0)}to{transform:scale(1.14) translate(-1.5%,-1%)}}.home-hero-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#07070bf2,#07070b59 55%,#07070b26),linear-gradient(100deg,rgba(7,7,11,.6) 0%,transparent 60%);z-index:-1}.hero-content{position:relative;z-index:2}.hero-tag{display:inline-block;font-size:.68rem;text-transform:uppercase;letter-spacing:.2em;font-weight:800;color:#fff;background:var(--gradient-accent);padding:5px 12px;border-radius:99px;margin-bottom:.9rem;box-shadow:0 6px 16px -4px var(--accent-shadow)}.hero-title{font-size:3.4rem;font-weight:900;line-height:1;letter-spacing:-.035em;margin-bottom:.8rem;text-shadow:0 4px 24px rgba(0,0,0,.6)}.hero-desc{font-size:1rem;font-weight:500;color:#ffffffd1;max-width:480px;margin-bottom:1.4rem;line-height:1.55}.hero-cta{display:inline-flex;align-items:center;gap:.5rem;border-radius:99px;padding:.7rem 1.6rem}.genre-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.3rem;margin-top:.8rem}.genre-card{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:16/9;cursor:pointer;transition:var(--transition-smooth);box-shadow:var(--shadow-card);border:1px solid var(--border-light)}.genre-card:hover{transform:translateY(-4px) scale(1.015);box-shadow:var(--shadow-pop);border-color:var(--border-hover)}.genre-title{position:absolute;top:1.2rem;left:1.2rem;font-size:1.35rem;font-weight:800;letter-spacing:-.02em;z-index:2;text-shadow:0 2px 12px rgba(0,0,0,.45)}.genre-art{position:absolute;bottom:-14%;right:-9%;width:96px;height:96px;transform:rotate(24deg);border-radius:10px;box-shadow:-6px 6px 18px #00000073;opacity:.92;transition:var(--transition-smooth)}.genre-card:hover .genre-art{transform:rotate(18deg) scale(1.06)}.track-row{display:flex;align-items:center;gap:.75rem;padding:.6rem .9rem;border-radius:12px;cursor:pointer;transition:var(--transition-fast);border:1px solid transparent}.track-row:hover{background-color:#ffffff0d}.track-row.active{background:linear-gradient(90deg,#ffffff12,#ffffff08);border-color:var(--border-light)}.track-row-num{width:34px;color:var(--text-dimmed);font-size:.85rem;font-weight:600;flex-shrink:0}.track-row-art{width:44px;height:44px;border-radius:9px;margin-right:.9rem;object-fit:cover;background-color:var(--bg-elevated);box-shadow:0 4px 10px #0000004d;flex-shrink:0}.track-row-details{flex:1;min-width:0;padding-right:1rem}.track-row-title{font-size:.92rem;font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-row-artist{font-size:.78rem;font-weight:500;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.12rem}.track-row-meta{display:flex;align-items:center;gap:.75rem;color:var(--text-muted);font-size:.85rem;flex-shrink:0}.track-row-like{width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.track-row-duration{width:48px;text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0}.track-row-actions{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.track-row-drag{width:28px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:none;background:transparent;color:var(--text-dimmed);cursor:grab;border-radius:8px;opacity:0;transition:var(--transition-fast)}.track-row:hover .track-row-drag,.track-row.is-dragging .track-row-drag{opacity:1}.track-row-drag:active{cursor:grabbing}.playlist-track-list,.playlist-track-list__reorder{display:flex;flex-direction:column;gap:.25rem}.track-row--reorderable{position:relative;z-index:1;touch-action:none;transition:none;transform-origin:center center}.track-row--reorderable:hover:not([data-is-dragging=true]){background-color:#ffffff0a}.track-row-drag:focus{outline:none}.track-row--reorderable[data-is-dragging=true]{z-index:40;background-color:#ffffff14;border-color:#a855f759;box-shadow:0 18px 48px #00000080,0 0 0 1px #a855f752;cursor:grabbing;transition:none}.track-row--reorderable .track-row-drag{transition:opacity .2s ease}.action-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);padding:0;width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.action-btn:hover{color:var(--text-main);background-color:#ffffff17;transform:scale(1.05)}.action-btn.liked{color:var(--accent-light)}.library-tabs{display:flex;gap:1.4rem;border-bottom:1px solid var(--border-light);margin-bottom:2.2rem}.library-tab{padding:.8rem .2rem;background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:1rem;font-weight:700;position:relative;transition:var(--transition-fast);font-family:var(--font-sans)}.library-tab:hover,.library-tab.active{color:var(--text-main)}.library-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2.5px;background:var(--gradient-accent);border-radius:99px;box-shadow:0 0 12px var(--accent-shadow)}.playlist-header-card{display:flex;gap:2.2rem;margin-bottom:2.2rem;align-items:flex-end}.playlist-art-big{width:200px;height:200px;border-radius:20px;background:var(--gradient-accent);display:flex;align-items:center;justify-content:center;box-shadow:0 20px 44px #0000008c,0 0 44px var(--accent-shadow);color:#fff;flex-shrink:0}.playlist-info-big{display:flex;flex-direction:column;gap:.6rem;min-width:0}.playlist-type{font-size:.72rem;text-transform:uppercase;letter-spacing:.22em;color:var(--text-muted);font-weight:800}.playlist-title-big{font-size:3.2rem;font-weight:900;line-height:1;letter-spacing:-.035em}.playlist-meta-big{font-size:.92rem;color:var(--text-muted);font-weight:500}.mobile-library-container{display:flex;flex-direction:column;gap:1.4rem}.mobile-library-header{font-size:1.7rem;font-weight:800;letter-spacing:-.025em}.app-container.player-expanded .app-player-bar{display:none!important}.app-container.player-expanded .app-sidebar{position:fixed;left:0;top:0;width:var(--sidebar-width);height:100vh;opacity:0;pointer-events:none;transform:translate(-100%);transition:opacity .35s cubic-bezier(.22,1,.36,1),transform .4s cubic-bezier(.22,1,.36,1);z-index:1}.app-container.player-expanded .app-main{flex:none;width:100%;max-width:100%;height:100%;min-height:0}.app-container.player-expanded .app-main-content{position:relative;padding:0!important;overflow:hidden;height:100%;min-height:0}.app-container.player-expanded .player-view-wrap{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:90}.app-container.player-expanded .lyrics-view-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:91;background:#050508}.app-player-bar{position:absolute;bottom:1.3rem;left:50%;transform:translate(-50%);width:calc(100% - 2.6rem);max-width:1180px;height:var(--player-island-height);background:linear-gradient(180deg,rgba(255,255,255,.04) 0%,transparent 38%),#000000f0;backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);border:1px solid rgba(255,255,255,.09);border-radius:22px;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;box-shadow:var(--shadow-island),0 0 40px -12px var(--accent-shadow),inset 0 1px #ffffff0d;z-index:100}.import-progress-toast{position:fixed;left:50%;bottom:calc(1.3rem + var(--player-island-height) + 1.25rem);transform:translate(-50%);z-index:250;width:min(440px,calc(100vw - 2.5rem));padding:1rem 1.2rem;display:flex;align-items:center;gap:1rem;background:#0e0e16f5;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border:1px solid rgba(255,255,255,.14);border-radius:16px;box-shadow:0 16px 48px #0000008c,inset 0 1px #ffffff0f;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.import-progress-toast:hover{transform:translate(-50%) translateY(-3px);box-shadow:0 20px 52px #0009,inset 0 1px #ffffff14}.import-progress-toast--spotify{border-color:#1db95466;box-shadow:0 16px 48px #0000008c,0 0 28px -8px #1db95459,inset 0 1px #ffffff0f}.import-progress-toast--soundcloud{border-color:#f506;box-shadow:0 16px 48px #0000008c,0 0 28px -8px #ff550059,inset 0 1px #ffffff0f}.import-progress-toast__content{flex:1;min-width:0}.import-progress-toast__title{font-size:.92rem;font-weight:700;color:#fff;line-height:1.2}.import-progress-toast__subtitle{margin-top:.2rem;font-size:.78rem;color:var(--text-muted)}.import-progress-toast__bar{margin-top:.6rem;height:5px;background:#ffffff1a;border-radius:999px;overflow:hidden}.import-progress-toast__bar-fill{height:100%;border-radius:999px;transition:width .3s ease}.player-track-info{display:flex;align-items:center;gap:.9rem;width:28%;min-width:200px}.track-art{width:50px;height:50px;border-radius:11px;background-color:var(--bg-elevated);border:1px solid var(--border-light);box-shadow:0 4px 14px #00000059;flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast)}.track-art:hover{transform:scale(1.06)}.app-player-bar.is-playing .track-art{box-shadow:0 0 0 2px #ffffff14,0 0 22px var(--accent-shadow),0 4px 14px #00000059}.track-art img{width:100%;height:100%;object-fit:cover}.track-details{overflow:hidden;white-space:nowrap}.track-title{font-size:.92rem;font-weight:700;color:var(--text-main);margin-bottom:.12rem;text-overflow:ellipsis;overflow:hidden;letter-spacing:-.01em}.track-artist{font-size:.78rem;font-weight:500;color:var(--text-muted);text-overflow:ellipsis;overflow:hidden}.player-playback-controls{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:44%;height:100%;padding-bottom:22px}.control-buttons{display:flex;align-items:center;justify-content:center;gap:1.2rem}.control-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;padding:4px}.control-btn:hover{color:var(--text-main);transform:scale(1.08)}.control-btn.active{color:var(--accent-light)}.control-btn-play{width:40px;height:40px;padding:0;flex:none;align-self:center;border-radius:50%;background:var(--gradient-accent);color:#fff;box-shadow:0 6px 18px var(--accent-shadow),0 0 0 1px #ffffff1a}.control-btn-play svg{display:block;flex-shrink:0}.control-btn-play:hover{transform:scale(1.08);background:var(--gradient-accent);color:#fff;filter:brightness(1.08)}.control-btn-play:active{transform:scale(.94)}.control-btn-play:disabled{opacity:.5;cursor:not-allowed}.player-timeline{position:absolute;left:0;right:0;bottom:6px;display:flex;align-items:center;gap:.7rem;width:100%;font-size:.72rem;font-weight:600;color:var(--text-dimmed);font-variant-numeric:tabular-nums}.timeline-slider{flex:1;height:4px;border-radius:99px;background:#ffffff1f;outline:none;cursor:pointer;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:height var(--transition-fast)}.player-dock-slider{height:5px;background:linear-gradient(to right,var(--accent) 0%,var(--accent-light) var(--progress, 0%),rgba(255,255,255,.14) var(--progress, 0%),rgba(255,255,255,.14) 100%)}.timeline-slider:hover{height:6px}.timeline-slider::-webkit-slider-thumb{height:12px;width:12px;border-radius:50%;background:#fff;cursor:pointer;-webkit-appearance:none;opacity:0;box-shadow:0 2px 8px #0006;transition:opacity var(--transition-fast)}.timeline-slider:hover::-webkit-slider-thumb{opacity:1}.wavy-seekbar{position:relative;flex:1;height:30px;display:flex;align-items:center;min-width:0}.wavy-seekbar-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.wavy-seekbar-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.player-extra-controls{display:flex;align-items:center;gap:.7rem;width:28%;justify-content:flex-end}.volume-container{display:flex;align-items:center;gap:.5rem;width:110px}.volume-slider{width:100%;height:4px;border-radius:99px;background:#ffffff1a;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;outline:none}.volume-slider::-webkit-slider-thumb{height:10px;width:10px;border-radius:50%;background:var(--text-main);-webkit-appearance:none;box-shadow:0 1px 4px #0006}.lyrics-view-container{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;z-index:2;overflow:hidden;background:#050508}.lyrics-view-container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000008c,#000000b8);z-index:0;pointer-events:none}.lyrics-view-container .fullscreen-header{position:relative;z-index:1;flex-shrink:0}.lyrics-view-container .lyrics-player-body{position:relative;z-index:1;flex:1;min-height:0;display:flex}.lyrics-player-body{flex:1;min-height:0;display:flex;flex-direction:column;position:relative;overflow:hidden}.lyrics-stage-stack{flex:1;min-height:0;position:relative;width:100%}.lyrics-stage-layer{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .32s cubic-bezier(.22,1,.36,1),visibility .32s}.lyrics-cover-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(.75rem,2.5vh,1.6rem);padding:0 clamp(1rem,3vw,1.5rem);box-sizing:border-box;overflow:hidden;opacity:1;visibility:visible;pointer-events:auto}.fullscreen-mode .lyrics-scroll-area,.lyrics-mode .lyrics-cover-stage{opacity:0;visibility:hidden;pointer-events:none}.lyrics-mode .lyrics-scroll-area{opacity:1;visibility:visible;pointer-events:auto}.fullscreen-mode .lyrics-player-body{flex-direction:column;align-items:center;justify-content:center;gap:0;padding:0;min-height:0}.fullscreen-mode .lyrics-cover-stage{justify-content:center}.lyrics-mode .lyrics-player-body{flex-direction:column;align-items:stretch;gap:0;padding:0}.lyrics-player-art-col{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.2rem;flex-shrink:0}.fullscreen-mode .lyrics-player-art-col{width:100%}.fullscreen-mode .lyrics-player-art-col .lyrics-art-huge{width:clamp(180px,min(38vh,34vw),340px);max-width:min(340px,58vw);height:auto;aspect-ratio:1}.fullscreen-mode .lyrics-cover-panel{gap:clamp(.45rem,1.8vh,1.1rem);flex-shrink:0}.lyrics-cover-panel{display:flex;flex-direction:column;align-items:center;gap:1.8rem;width:100%;max-width:380px}.lyrics-view-container:before{content:"";position:absolute;top:-60px;left:-60px;width:calc(100% + 120px);height:calc(100% + 120px);background-image:var(--lyrics-art-bg, none);background-size:cover;background-position:center;filter:blur(90px) brightness(.3) saturate(1.3);transform:scale(1.05);z-index:-1;transition:filter .45s cubic-bezier(.22,1,.36,1),transform .45s ease}.lyrics-mode:before{filter:blur(100px) brightness(.42) saturate(1.25);transform:scale(1.12)}.fullscreen-header{position:relative;display:flex;align-items:center;justify-content:center;min-height:56px;padding:1rem 4.5rem;padding-top:max(1rem,env(safe-area-inset-top));z-index:20;color:var(--text-main);flex-shrink:0}.fullscreen-header .close-btn{position:absolute;left:1.25rem;top:max(1rem,env(safe-area-inset-top))}.fullscreen-header .lyrics-toggle-btn{position:absolute;right:1.25rem;top:max(1rem,env(safe-area-inset-top))}.fullscreen-header .close-btn,.fullscreen-header .lyrics-toggle-btn{background:#ffffff0f;border:1px solid var(--border-light);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;flex-shrink:0;border-radius:50%;transition:var(--transition-fast)}.fullscreen-header .close-btn:hover,.fullscreen-header .lyrics-toggle-btn:hover{color:var(--text-main);background-color:#ffffff1f}.fullscreen-header .lyrics-toggle-btn.active{color:var(--accent-light);border-color:var(--accent-shadow)}.fullscreen-header-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;font-weight:800;color:var(--text-muted);text-align:center}.lyrics-mode .fullscreen-header-title{display:none}.fullscreen-body{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:1.6rem 0;padding-bottom:calc(var(--player-island-height) + 2.4rem);gap:1.8rem}.fullscreen-art-wrapper{width:340px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;flex-shrink:0}.fullscreen-art-wrapper .lyrics-art-huge{width:100%;height:100%;max-width:none;border-radius:22px;box-shadow:0 36px 72px #000000bf,0 0 70px var(--accent-shadow);border:1px solid rgba(255,255,255,.08);object-fit:cover}.fullscreen-track-info{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:380px;gap:1.4rem}.fullscreen-details{flex:1;min-width:0;text-align:left}.fullscreen-title{font-size:1.7rem;font-weight:800;color:var(--text-main);margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.025em}.fullscreen-artist{font-size:1.05rem;font-weight:500;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fullscreen-track-info .heart-btn{flex-shrink:0;color:var(--text-muted)}.fullscreen-track-info .heart-btn.liked{color:var(--accent-light)}.fullscreen-timeline{display:flex;align-items:center;width:100%;max-width:380px;gap:.7rem;font-size:.72rem;font-weight:600;color:var(--text-dimmed);font-variant-numeric:tabular-nums}.fullscreen-controls{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:320px;padding:.4rem 0}.fullscreen-controls .control-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;transition:var(--transition-fast);position:relative}.fullscreen-controls .control-btn:hover{color:var(--text-main)}.fullscreen-controls .control-btn.active{color:var(--accent-light)}.control-btn-play-large,.fullscreen-controls .control-btn.control-btn-play-large,.player-dock-controls .control-btn.control-btn-play-large,.player-dock-play{width:58px;height:58px;border-radius:50%;background:var(--gradient-accent)!important;color:#fff!important;border:none;box-shadow:0 12px 32px var(--accent-shadow),0 0 0 1px #ffffff24,inset 0 1px #ffffff38}.control-btn-play-large:hover,.player-dock-play:hover{transform:scale(1.06);filter:brightness(1.06)}.control-btn-play-large:active,.player-dock-play:active{transform:scale(.94)}.player-dock{position:relative}.player-dock-timeline{gap:.85rem}.player-dock-time{font-size:.7rem;font-weight:700;color:var(--text-muted);min-width:2.4rem;font-variant-numeric:tabular-nums}.player-dock-controls{gap:.35rem}.player-dock-btn{width:44px;height:44px;color:#ffffff9e}.player-dock-btn:hover{color:#fff;background:#ffffff0f}.player-dock-btn.active{color:var(--accent-light)}.player-dock-slider::-webkit-slider-thumb{opacity:1;height:14px;width:14px;background:#fff;border:2px solid var(--accent-light);box-shadow:0 0 14px var(--accent-shadow)}.player-dock-slider:hover::-webkit-slider-thumb{opacity:1;transform:scale(1.08)}.player-dock-volume{width:100%;max-width:380px;margin:0 auto}.player-dock-volume-btn{flex-shrink:0;width:2.4rem;min-width:2.4rem;height:2.4rem;padding:0;display:flex;align-items:center;justify-content:center}.player-dock-volume-spacer{min-width:2.4rem;flex-shrink:0}.player-dock-volume-slider{flex:1;width:100%;min-width:0;height:4px}.player-dock-volume-slider::-webkit-slider-thumb{height:12px;width:12px;background:var(--text-main);opacity:1}.loop-indicator-1{font-size:8px;position:absolute;transform:translateY(-9px);font-weight:700;color:var(--accent-light)}.lyrics-header-compact-info{display:none;align-items:center;gap:.7rem;min-width:0;max-width:calc(100% - 5rem);justify-content:center}.lyrics-mode .lyrics-header-compact-info{display:flex}.lyrics-mode .lyrics-header-details{text-align:center}.lyrics-mobile-controls{display:none}.lyrics-header-thumb{width:32px;height:32px;border-radius:7px;object-fit:cover}.lyrics-header-details{display:flex;flex-direction:column;min-width:0}.lyrics-header-title-text{font-size:.84rem;font-weight:700;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lyrics-header-artist-text{font-size:.73rem;font-weight:500;color:var(--text-muted)}.lyrics-sidebar-art{width:42%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.2rem;z-index:10}.lyrics-art-huge{width:85%;max-width:340px;aspect-ratio:1;border-radius:22px;box-shadow:0 36px 72px #000000bf,0 0 70px var(--accent-shadow);border:1px solid rgba(255,255,255,.08);object-fit:cover;background-color:var(--bg-elevated)}.lyrics-sidebar-info{display:none;text-align:center}.lyrics-mode .lyrics-sidebar-info{display:block}.lyrics-sidebar-title{font-size:1.7rem;font-weight:800;margin-bottom:.4rem;color:var(--text-main);letter-spacing:-.025em}.lyrics-sidebar-artist{font-size:1.08rem;font-weight:500;color:var(--text-muted)}.lyrics-scroll-area{width:100%;min-width:0;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;z-index:10;-webkit-overflow-scrolling:touch;mask-image:linear-gradient(to bottom,transparent 0%,white 5%,white 97%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,white 5%,white 97%,transparent 100%)}.lyrics-scroll-area{-ms-overflow-style:none;scrollbar-width:none}.lyrics-scroll-area::-webkit-scrollbar{display:none;width:0;height:0}.lyrics-karaoke-container{padding:clamp(5rem,22vh,11rem) clamp(1rem,3vw,2.5rem) clamp(9rem,26vh,13rem);display:flex;flex-direction:column;align-items:center;width:100%;max-width:58rem;margin:0 auto;box-sizing:border-box}.lyrics-mode .lyrics-karaoke-container{max-width:56rem;padding-left:clamp(.75rem,2vw,1.5rem);padding-right:clamp(.75rem,2vw,1.5rem)}.lyrics-mode .lyric-line{max-width:100%;white-space:normal}.lyrics-mode .lyric-line{text-align:center;transform-origin:center center;width:100%}.lyric-line{font-size:clamp(1.25rem,2.8vw,2.15rem);line-height:1.35;font-weight:700;color:#ffffff52;padding:.55rem 1.25rem;cursor:pointer;border-radius:10px;letter-spacing:-.025em;opacity:.25;transition:opacity .4s cubic-bezier(.22,1,.36,1),color .4s cubic-bezier(.22,1,.36,1),font-weight .3s ease,background-color .2s ease;-webkit-user-select:none;user-select:none}.lyrics-view-container:not(.lyrics-lines-ready) .lyric-line{transition:none}.lyric-line.is-idle{opacity:.28;color:#ffffff4d}.lyric-line.is-past{opacity:.58;color:#ffffff94}.lyric-line.is-current{opacity:calc(.82 + var(--line-progress, 0) * .18);color:#fff;font-weight:800}.lyric-line.is-near{opacity:.38;color:#ffffff61}.lyric-line.is-far{opacity:.24;color:#ffffff3d}.lyric-line.is-distant{opacity:.14;color:#ffffff24}.lyric-line:hover{background-color:#ffffff0a}.lyric-line.active{text-shadow:none}@media(min-width:769px){.lyrics-mode .fullscreen-header{justify-content:center;padding:1.1rem 4.5rem}.lyrics-mode .fullscreen-header-title{display:none}.lyrics-mode .lyrics-header-compact-info{justify-content:center;max-width:min(420px,70%);flex:none}.lyrics-mode .lyrics-header-thumb{width:40px;height:40px;border-radius:9px;box-shadow:0 6px 18px #00000073}.lyrics-mode .fullscreen-header .close-btn{left:auto;right:1.4rem;top:1.1rem}.lyrics-mode .fullscreen-header .lyrics-toggle-btn{right:4.8rem;top:1.1rem}.lyrics-mode .lyrics-karaoke-container{padding:clamp(4.5rem,20vh,9rem) clamp(1rem,3vw,2rem) clamp(8rem,24vh,12rem);max-width:54rem}.lyrics-mode .lyric-line{font-size:clamp(1.65rem,3.2vw,2.35rem);line-height:1.28;padding:.5rem 1.25rem;letter-spacing:-.03em;text-align:center}.lyrics-mode .lyrics-mobile-controls{display:flex;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);flex-direction:column;align-items:center;width:min(540px,92%);flex-shrink:0;gap:.35rem;z-index:40;margin:0}.lyrics-mode .lyrics-glass-dock{padding:.65rem 1rem .7rem;background:#0000000f;backdrop-filter:blur(22px) saturate(165%);-webkit-backdrop-filter:blur(22px) saturate(165%);border:1px solid rgba(255,255,255,.06);border-radius:28px;box-shadow:0 14px 40px #0000002e,0 0 40px -20px var(--accent-shadow)}.lyrics-mode .lyrics-glass-dock .player-dock-timeline{width:100%;max-width:none;order:1;gap:.5rem}.lyrics-mode .lyrics-glass-dock .player-dock-time{font-size:.7rem;font-weight:600;color:#ffffff80;font-variant-numeric:tabular-nums;min-width:2rem}.lyrics-mode .lyrics-glass-dock .player-dock-controls{order:2;display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%}.lyrics-mode .lyrics-glass-dock .player-dock-volume{order:3;display:flex;align-items:center;gap:.45rem;width:72%;max-width:280px;margin:.1rem auto 0;padding:0}.lyrics-mode .lyrics-glass-dock .player-dock-volume-btn{width:2rem;min-width:2rem;height:2rem;color:#ffffffb3;background:transparent;border-radius:50%}.lyrics-mode .lyrics-glass-dock .player-dock-volume-btn:hover{color:#fff;background:#ffffff14}.lyrics-mode .lyrics-glass-dock .player-dock-volume-slider{height:3px;background:#ffffff24;border-radius:99px}.lyrics-mode .lyrics-glass-dock .player-dock-volume-slider::-webkit-slider-thumb{width:10px;height:10px;background:#ffffffeb;box-shadow:0 0 10px #ffffff59}.lyrics-mode .lyrics-glass-dock .player-dock-volume-spacer{display:none}.lyrics-mode .lyrics-glass-dock .player-dock-play{width:46px;height:46px;box-shadow:0 8px 28px var(--accent-shadow)}.lyrics-mode .lyrics-glass-dock .player-dock-btn{width:38px;height:38px;color:#ffffffd1;background:transparent;border-radius:50%;border:none}.lyrics-mode .lyrics-glass-dock .player-dock-btn:hover{background:#ffffff12;color:#fff}.lyrics-mode .lyrics-glass-dock .wavy-seekbar{opacity:.9}.lyrics-mode .lyrics-glass-dock.player-dock{background:#0000000d}}@media(max-height:820px){.fullscreen-mode .lyrics-cover-stage{gap:clamp(.5rem,1.8vh,.85rem)}.fullscreen-mode .lyrics-player-art-col .lyrics-art-huge{width:clamp(150px,30vh,240px);max-width:min(240px,50vw)}.fullscreen-mode .lyrics-cover-panel{gap:.4rem;max-width:360px}.fullscreen-mode .fullscreen-title{font-size:clamp(1rem,2.5vh,1.35rem)}.lyrics-mode .fullscreen-header{min-height:44px;padding-top:.65rem;padding-bottom:.65rem}.lyrics-karaoke-container{padding-top:clamp(2rem,8vh,4rem);padding-bottom:clamp(2rem,6vh,3.5rem)}.lyrics-mode .lyric-line{font-size:clamp(1.1rem,2.4vw,1.45rem);padding:.35rem .85rem}.lyrics-mode .lyrics-mobile-controls{bottom:.85rem;width:min(480px,94%);padding:.65rem .85rem .8rem;gap:.3rem}.lyrics-mode .lyrics-mobile-controls .player-dock-play{width:44px;height:44px}}html[data-electron=true] .app-container.player-expanded .app-sidebar{top:var(--tb-h, 32px);height:calc(100% - var(--tb-h, 32px))}html[data-electron=true] .app-container{overflow:hidden}html[data-electron=true] .lyrics-view-container{max-height:100%}.lyrics-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1.3rem;color:var(--text-muted);font-size:1.05rem;font-weight:500}.lyrics-loading-bars{display:flex;align-items:center;gap:5px;height:30px}.lyrics-loading-bar{width:5px;border-radius:3px;background:var(--gradient-accent);box-shadow:0 0 10px var(--accent-shadow);animation:eq-bounce 1s ease-in-out infinite}.lyrics-loading-bar:nth-child(2){animation-delay:.15s}.lyrics-loading-bar:nth-child(3){animation-delay:.3s}.lyrics-loading-bar:nth-child(4){animation-delay:.45s}@keyframes eq-bounce{0%,to{height:8px}50%{height:28px}}.app-main-content:has(.lyrics-empty-page){padding:0;overflow:hidden;display:flex;flex-direction:column}.app-main-content:has(.lyrics-empty-page) .player-view-wrap{flex:1;min-height:0;height:100%;position:relative}.lyrics-empty-page{display:flex;flex-direction:column;align-items:stretch;justify-content:center;position:relative;height:100%;min-height:100%}.lyrics-empty-header{position:absolute;top:0;left:0;right:0;z-index:2;flex-shrink:0}.lyrics-empty-header .close-btn{position:absolute;left:1.25rem;top:max(1rem,env(safe-area-inset-top))}.lyrics-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:0;color:var(--text-muted);gap:1.3rem;font-size:1.1rem;font-weight:600;text-align:center;padding:3.5rem 2rem calc(var(--player-island-height) + 2.5rem)}.lyrics-empty-page .lyrics-empty{padding:0 2rem}.lyrics-empty-back-btn{margin-top:.5rem;padding:.65rem 1.4rem;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:var(--text-main);font-size:.9rem;font-weight:700;cursor:pointer;transition:background .2s ease,border-color .2s ease;font-family:var(--font-sans)}.lyrics-empty-back-btn:hover{background:#f43f5e24;border-color:#f43f5e59}.lyrics-empty-spotlight{display:flex;flex-direction:column;align-items:center;gap:.65rem;max-width:320px}.lyrics-empty-art{width:168px;height:168px;border-radius:18px;object-fit:cover;box-shadow:0 24px 48px #0000008c,0 0 40px var(--accent-shadow);border:1px solid rgba(255,255,255,.08)}.lyrics-empty-track-title{font-size:1.15rem;font-weight:800;color:var(--text-main);text-align:center;letter-spacing:-.02em}.lyrics-empty-track-artist{font-size:.92rem;font-weight:500;color:var(--text-muted);text-align:center}.lyrics-empty-hint{font-size:.82rem;font-weight:500;color:var(--text-dimmed);text-align:center;margin-top:.25rem}.lyrics-empty-play-btn{display:inline-flex;align-items:center;gap:.45rem;margin-top:.35rem;padding:.6rem 1.35rem;border-radius:999px;border:none;background:var(--gradient-accent);color:#fff;font-size:.88rem;font-weight:700;cursor:pointer;font-family:var(--font-sans);box-shadow:0 8px 24px var(--accent-shadow)}.lyrics-empty-play-btn:hover{filter:brightness(1.08)}.lyrics-footer{font-size:.85rem;color:var(--text-dimmed);margin-top:3.5rem;padding-top:1.8rem;border-top:1px solid var(--border-light);display:flex;justify-content:center;align-items:center}.app-queue{width:var(--queue-width);height:100%;background-color:#000000d1;border-left:1px solid var(--border-light);display:flex;flex-direction:column;z-index:15;-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass);position:absolute;right:0;top:0;transform:translate(100%);transition:transform var(--transition-smooth)}.app-queue.open{transform:translate(0)}.queue-header{padding:1.9rem 1.5rem 1.4rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-light)}.queue-title{font-size:1.08rem;font-weight:800;letter-spacing:-.015em}.queue-clear-btn{background:#ffffff0d;border:1px solid var(--border-light);border-radius:99px;color:var(--text-muted);cursor:pointer;font-size:.76rem;font-weight:700;padding:5px 12px;transition:var(--transition-fast);font-family:var(--font-sans)}.queue-clear-btn:hover{color:var(--text-main);background-color:#ffffff1a}.queue-clear-btn.active{color:var(--accent-light);border-color:var(--accent-shadow);background:#ffffff0a}.queue-list{flex:1;overflow-y:auto;padding:1.1rem;display:flex;flex-direction:column;gap:.3rem}.app-downloads{position:fixed;right:1.25rem;bottom:calc(var(--player-height, 96px) + 1rem);width:min(380px,calc(100vw - 2rem));max-height:min(420px,50vh);background:#000000eb;border:1px solid var(--border-light);border-radius:16px;box-shadow:0 16px 48px #0000008c;-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass);z-index:120;display:flex;flex-direction:column;transform:translateY(12px);opacity:0;pointer-events:none;transition:opacity var(--transition-smooth),transform var(--transition-smooth)}.app-downloads.open{opacity:1;pointer-events:auto;transform:translateY(0)}.downloads-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.1rem;border-bottom:1px solid var(--border-light)}.downloads-title{display:inline-flex;align-items:center;gap:.5rem;font-weight:800;font-size:.95rem}.downloads-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:8px}.downloads-close:hover{color:var(--text-main);background:#ffffff0f}.downloads-body{overflow-y:auto;padding:.75rem;display:flex;flex-direction:column;gap:.75rem}.downloads-empty{color:var(--text-dimmed);font-size:.85rem;text-align:center;padding:1.5rem 1rem}.downloads-section-label{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dimmed);font-weight:700;margin-bottom:.35rem}.download-row{display:flex;gap:.65rem;padding:.55rem .45rem;border-radius:10px}.download-row--downloading{background:#ffffff0a}.download-row-icon{color:var(--accent-light);flex-shrink:0;margin-top:2px}.download-row--done .download-row-icon{color:#4ade80}.download-row--error .download-row-icon{color:#f87171}.download-row-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.download-row-title{font-size:.88rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.download-row-meta{font-size:.76rem;color:var(--text-dimmed)}.download-row-phase,.download-row-error,.download-row-warn{font-size:.72rem;color:var(--text-dimmed)}.download-row-error{color:#f87171}.download-row-warn{color:#fbbf24}.download-progress-bar{height:3px;background:#ffffff14;border-radius:99px;overflow:hidden;margin-top:.2rem}.download-progress-fill{height:100%;background:var(--accent-light);border-radius:99px;transition:width .25s ease}.download-badge{position:absolute;top:-2px;right:-2px;min-width:16px;height:16px;padding:0 4px;border-radius:99px;background:var(--accent);color:#fff;font-size:.62rem;font-weight:800;display:flex;align-items:center;justify-content:center;line-height:1}.action-btn.downloaded{color:#4ade80}.settings-row-desc--mono{font-family:ui-monospace,monospace;font-size:.72rem!important;word-break:break-all;margin-top:.25rem}.setting-row--stack{flex-direction:column;align-items:stretch!important;gap:.75rem}.settings-btn-ghost--danger{color:#f87171;border-color:#f8717140}.settings-btn-ghost--danger:hover:not(:disabled){background:#f871711a}.spin{animation:spin .8s linear infinite}.mood-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.9rem}.mood-tile{position:relative;height:96px;border:none;border-radius:14px;cursor:pointer;overflow:hidden;display:flex;align-items:flex-end;padding:.9rem 1rem;color:#fff;box-shadow:0 8px 24px #00000059;transition:box-shadow .25s ease}.mood-tile:hover{box-shadow:0 14px 36px #00000080}.mood-tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 90% at 85% 10%,rgba(255,255,255,.22) 0%,transparent 55%);pointer-events:none}.mood-tile-name{font-size:1.05rem;font-weight:800;letter-spacing:-.01em;text-shadow:0 2px 8px rgba(0,0,0,.4)}.mood-tile-play{position:absolute;top:.8rem;right:.8rem;opacity:0;transform:translateY(4px);transition:opacity .25s ease,transform .25s ease}.mood-tile:hover .mood-tile-play{opacity:1;transform:translateY(0)}.home-footer{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:3rem 0 2rem;opacity:.45}.home-footer-logo{width:36px;height:36px;object-fit:contain}.home-footer-text{font-size:.8rem;color:var(--text-dimmed);letter-spacing:.02em}.premium-modal{max-width:420px;text-align:center;position:relative;padding:2.25rem 2rem 1.75rem}.premium-modal-close{position:absolute;top:.9rem;right:.9rem;background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:8px}.premium-modal-close:hover{color:var(--text-main);background:#ffffff12}.premium-modal-crown{width:72px;height:72px;margin:0 auto 1rem;border-radius:20px;background:linear-gradient(135deg,#f59e0b,#b45309);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 12px 32px #f59e0b59}.premium-modal-title{font-size:1.5rem;font-weight:900;letter-spacing:-.02em;margin-bottom:.35rem}.premium-modal-price{margin-bottom:1.5rem;color:var(--text-muted)}.premium-price-amount{font-size:2rem;font-weight:900;color:var(--text-main)}.premium-price-period{font-size:.95rem;margin-left:4px}.premium-perks{list-style:none;padding:0;margin:0 0 1.75rem;display:flex;flex-direction:column;gap:.7rem;text-align:left}.premium-perk{display:flex;align-items:center;gap:.75rem;font-size:.92rem;color:var(--text-muted)}.premium-perk svg{color:#fbbf24;flex-shrink:0}.premium-subscribe-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1rem;font-size:1rem;font-weight:800;background:linear-gradient(135deg,#f59e0b,#d97706);border:none}.premium-subscribe-btn:hover:not(:disabled){filter:brightness(1.1)}.premium-modal-note{margin-top:.9rem;font-size:.75rem;color:var(--text-dimmed)}.premium-status-card{display:flex;align-items:center;gap:1rem;padding:1.1rem;border-radius:14px;background:#ffffff08;border:1px solid var(--border-light);margin-bottom:.5rem}.premium-status-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;color:var(--text-dimmed);flex-shrink:0}.premium-status-icon--active{background:linear-gradient(135deg,#f59e0b,#b45309);color:#fff;box-shadow:0 8px 24px #f59e0b4d}.premium-status-text{display:flex;flex-direction:column;gap:.2rem}.settings-btn-premium{color:#fbbf24;border-color:#fbbf244d;display:inline-flex;align-items:center;gap:.4rem}.settings-btn-premium:hover{background:#fbbf241a}.spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.06);border-radius:50%;border-top-color:var(--accent-light);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-container{display:flex;align-items:center;justify-content:center;height:200px}.now-playing-indicator{display:flex;align-items:flex-end;gap:2px;width:12px;height:12px}.now-playing-bar{width:2.5px;height:100%;border-radius:99px;background:var(--gradient-accent);animation:bounce-bar .8s ease-in-out infinite alternate}.now-playing-bar:nth-child(2){animation-delay:.2s}.now-playing-bar:nth-child(3){animation-delay:.4s}@keyframes bounce-bar{0%{height:22%}to{height:100%}}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.dialog-content{background-color:var(--bg-elevated);border:1px solid var(--border-light);border-radius:22px;padding:1.9rem;width:90%;max-width:400px;box-shadow:0 36px 72px #0009;display:flex;flex-direction:column;gap:1.4rem;animation:dialog-pop .32s var(--transition-bounce)}@keyframes dialog-pop{0%{opacity:0;transform:scale(.94) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.dialog-title{font-size:1.3rem;font-weight:800;letter-spacing:-.02em}.dialog-input{width:100%;padding:.85rem 1.1rem;background-color:var(--bg-input);border:1px solid var(--border-light);border-radius:12px;color:var(--text-main);outline:none;font-family:var(--font-sans);font-weight:500;transition:var(--transition-fast)}.dialog-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-shadow)}.playlist-create-preview-row{display:flex;gap:1rem;align-items:center}.playlist-create-preview{width:80px;height:80px;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 16px #0000004d;flex-shrink:0}.playlist-cover-picker{display:flex;flex-direction:column;gap:1.35rem}.playlist-picker-section{display:flex;flex-direction:column;gap:.65rem}.playlist-picker-label{font-size:.85rem;color:var(--text-dimmed);font-weight:600}.playlist-color-wheel{--wheel-size: 220px;--swatch-size: 30px;--wheel-radius: 86px;position:relative;width:var(--wheel-size);height:var(--wheel-size);margin:.15rem auto 0}.playlist-color-wheel-core{position:absolute;top:50%;left:50%;width:54px;height:54px;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.08),rgba(255,255,255,.02) 55%,transparent 70%);pointer-events:none}.playlist-color-swatch{position:absolute;top:50%;left:50%;width:var(--swatch-size);height:var(--swatch-size);margin:calc(var(--swatch-size) / -2) 0 0 calc(var(--swatch-size) / -2);border-radius:50%;border:2px solid transparent;cursor:pointer;transform:rotate(calc(var(--i) * 360deg / var(--color-count))) translateY(calc(var(--wheel-radius) * -1)) rotate(calc(var(--i) * -360deg / var(--color-count)));transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;box-shadow:0 4px 12px #00000059}.playlist-color-swatch:hover{transform:rotate(calc(var(--i) * 360deg / var(--color-count))) translateY(calc(var(--wheel-radius) * -1)) rotate(calc(var(--i) * -360deg / var(--color-count))) scale(1.12);box-shadow:0 6px 16px #00000073}.playlist-color-swatch.is-selected{border-color:#fff;box-shadow:0 0 0 2px #ffffff40,0 6px 18px #00000073;transform:rotate(calc(var(--i) * 360deg / var(--color-count))) translateY(calc(var(--wheel-radius) * -1)) rotate(calc(var(--i) * -360deg / var(--color-count))) scale(1.14)}.playlist-icon-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.45rem;max-height:168px;overflow-y:auto;padding-right:.15rem}.playlist-icon-grid::-webkit-scrollbar{width:4px}.playlist-icon-grid::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:999px}.playlist-icon-btn{width:100%;aspect-ratio:1;border-radius:10px;border:1px solid transparent;background:#ffffff08;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-dimmed);transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}.playlist-icon-btn:hover{background:#ffffff14;color:var(--text-main)}.playlist-icon-btn.is-selected{background:#f43f5e2e;border-color:#f43f5e73;color:#fff;transform:scale(1.04)}.dialog-content--playlist-create{max-width:430px}.dialog-actions{display:flex;justify-content:flex-end;gap:.8rem}.btn{padding:.7rem 1.4rem;border-radius:12px;font-weight:700;cursor:pointer;transition:var(--transition-fast);font-family:var(--font-sans);font-size:.9rem}.btn-secondary{background:transparent;color:var(--text-muted);border:1px solid var(--border-light)}.btn-secondary:hover{color:var(--text-main);background:#ffffff0f;border-color:var(--border-hover)}.btn-primary{background:var(--gradient-accent);color:#fff;border:none;box-shadow:0 8px 20px -6px var(--accent-shadow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 12px 28px -6px var(--accent-shadow);filter:brightness(1.08)}.btn-primary:active{transform:translateY(0)}.desktop-app-promo-toast{position:fixed;top:1.25rem;right:1.25rem;z-index:1100;display:flex;align-items:flex-start;gap:.75rem;max-width:300px;padding:.85rem 2rem .85rem .9rem;background:#000000f0;border:1px solid var(--border-light);border-radius:16px;box-shadow:var(--shadow-pop);-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass);animation:promo-toast-in .4s var(--transition-bounce)}@keyframes promo-toast-in{0%{opacity:0;transform:translate(16px) translateY(-8px)}to{opacity:1;transform:translate(0) translateY(0)}}.desktop-app-promo-toast-icon{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--gradient-accent);color:#fff;box-shadow:0 6px 16px -4px var(--accent-shadow)}.desktop-app-promo-toast-body{min-width:0;display:flex;flex-direction:column;gap:.2rem}.desktop-app-promo-toast-title{font-size:.88rem;font-weight:700;color:var(--text-main);line-height:1.3}.desktop-app-promo-toast-desc{font-size:.78rem;color:var(--text-muted);line-height:1.35}.desktop-app-promo-toast-link{display:inline-flex;align-items:center;gap:.35rem;margin-top:.35rem;font-size:.78rem;font-weight:700;color:var(--accent-light);text-decoration:none;transition:color var(--transition-fast)}.desktop-app-promo-toast-link:hover{color:var(--text-main)}.desktop-app-promo-toast-close{position:absolute;top:.5rem;right:.5rem;display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:none;border-radius:8px;background:transparent;color:var(--text-dimmed);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.desktop-app-promo-toast-close:hover{color:var(--text-main);background:#ffffff14}.youtube-playback-host{position:fixed;width:2px;height:2px;right:0;bottom:0;opacity:.01;pointer-events:none;z-index:0;overflow:hidden}.youtube-embed-frame{position:absolute;top:-46px!important;left:-8px!important;width:calc(100% + 16px)!important;height:calc(100% + 92px)!important;border:none}.youtube-iframe-wrapper{position:fixed;top:0;left:0;width:290px;height:195px;border-radius:18px;overflow:hidden;box-shadow:var(--shadow-island);border:1px solid var(--border-light);background:#000;z-index:999;transition:transform var(--transition-bounce),opacity var(--transition-fast),visibility var(--transition-fast);opacity:0;visibility:hidden;pointer-events:none;display:flex;flex-direction:column}.youtube-iframe-wrapper.visible{opacity:1;pointer-events:auto;visibility:visible}.youtube-iframe-wrapper:not(.visible){opacity:0;visibility:hidden;pointer-events:none}.youtube-iframe-wrapper:not(.visible) .youtube-iframe-cover,.youtube-iframe-wrapper:not(.visible) .youtube-iframe-header{opacity:0}.ios-device .youtube-iframe-wrapper.is-audio-active:not(.visible){visibility:visible;opacity:0;pointer-events:none}.youtube-iframe-header{height:32px;background:#101016f5;display:flex;align-items:center;padding:0 12px;gap:12px;border-bottom:1px solid var(--border-light)}.mac-dots{display:flex;gap:6px}.mac-dot{width:9px;height:9px;border-radius:50%;cursor:pointer;display:block}.mac-dot-red{background-color:#ff5f56}.mac-dot-yellow{background-color:#ffbd2e;cursor:default}.mac-dot-green{background-color:#27c93f;cursor:default}.youtube-iframe-title{font-size:.72rem;font-weight:700;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;text-align:center;margin-right:32px}.youtube-iframe-crop-container{position:relative;width:100%;height:calc(100% - 32px);overflow:hidden}.youtube-iframe-crop-container iframe{position:absolute;top:-46px!important;left:-8px!important;width:calc(100% + 16px)!important;height:calc(100% + 92px)!important;border:none}.youtube-iframe-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:transparent;pointer-events:auto}.youtube-iframe-cover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#000;opacity:1;transition:opacity .5s ease;pointer-events:none}.youtube-iframe-cover.is-playing{opacity:0}.youtube-iframe-wrapper.offline-mode .youtube-iframe-cover,.youtube-iframe-wrapper.offline-mode .youtube-iframe-cover.is-playing{opacity:1}.youtube-iframe-cover-bg{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;width:calc(100% + 40px);height:calc(100% + 40px);object-fit:cover;filter:blur(22px) brightness(.5) saturate(1.3)}.youtube-iframe-cover-art{position:relative;width:96px;height:96px;border-radius:12px;object-fit:cover;box-shadow:0 10px 30px #0009;animation:cover-float 5s ease-in-out infinite}@keyframes cover-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.02)}}.auth-container{height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:radial-gradient(ellipse 55% 35% at 50% -5%,var(--dynamic-glow-1),transparent 60%),#000;position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:2rem;gap:2rem}.auth-container--centered{justify-content:center;overflow:hidden}.artist-selector-page{padding-top:2.5rem;padding-bottom:0}.auth-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.auth-bg-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.14}.auth-bg-orb--1{width:42vw;height:42vw;top:-12vw;left:-8vw;background:var(--accent);animation:float-orb-1 28s infinite alternate ease-in-out}.auth-bg-orb--2{width:36vw;height:36vw;bottom:-10vw;right:-6vw;background:var(--dynamic-glow-2);animation:float-orb-2 32s infinite alternate ease-in-out}.auth-bg-orb--3{width:24vw;height:24vw;top:40%;left:55%;background:var(--accent-light);opacity:.1;animation:float-orb-1 24s infinite alternate-reverse ease-in-out}.auth-logo-wrap{margin-bottom:.5rem}.auth-tagline{font-size:.82rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--text-dimmed);z-index:10}.auth-card{background:#000000b8;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border-light);border-radius:26px;padding:3rem;width:100%;max-width:460px;display:flex;flex-direction:column;align-items:center;box-shadow:0 32px 64px -16px #000000b3;z-index:10}.onboarding-card{max-width:540px}.auth-logo{height:64px;margin-bottom:1.4rem;filter:drop-shadow(0 8px 24px var(--accent-shadow))}.auth-title{font-size:1.9rem;font-weight:800;color:var(--text-main);margin-bottom:.5rem;text-align:center;letter-spacing:-.03em}.auth-subtitle{color:var(--text-muted);text-align:center;margin-bottom:2.2rem;font-size:1rem;font-weight:500;line-height:1.55}.auth-error{width:100%;margin-bottom:1rem;padding:.85rem 1rem;border-radius:12px;background:#ef44441f;border:1px solid rgba(239,68,68,.28);color:#fca5a5;font-size:.9rem;font-weight:600;text-align:center;line-height:1.45}.auth-buttons{display:flex;flex-direction:column;gap:.9rem;width:100%}.auth-btn{display:flex;align-items:center;justify-content:center;gap:.9rem;width:100%;padding:.95rem;border-radius:14px;border:none;font-size:1rem;font-weight:700;cursor:pointer;transition:var(--transition-fast);font-family:var(--font-sans)}.auth-btn:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 12px 28px -8px #00000080}.auth-btn:active{transform:translateY(0)}.google-btn{background:#fff;color:#1f1f1f}.discord-btn{background:#5865f2;color:#fff}.auth-footer{margin-top:1.9rem;font-size:.82rem;color:var(--text-dimmed);text-align:center}.onboarding-form{width:100%;display:flex;flex-direction:column;gap:1.9rem}.avatar-upload-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.avatar-preview{width:120px;height:120px;border-radius:50%;background-color:#ffffff0d;border:2px dashed rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;overflow:hidden;background-size:cover;background-position:center;transition:border-color .3s}.avatar-preview:hover{border-color:var(--accent)}.avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.avatar-preview:hover .avatar-overlay{opacity:1}.avatar-hint{font-size:.88rem;color:var(--text-muted)}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-group label{font-weight:600;color:var(--text-secondary);font-size:.92rem}.input-group input{background:var(--bg-input);border:1px solid var(--border-light);padding:.95rem;border-radius:12px;color:#fff;font-size:1rem;outline:none;transition:var(--transition-fast);font-family:var(--font-sans)}.input-group input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-shadow)}.full-width{width:100%}.artist-selector-header{text-align:center;margin-bottom:1.9rem;z-index:10}.artist-search-bar{position:relative;max-width:400px;margin:2rem auto 0;width:100%}.selection-progress{max-width:400px;margin:1.4rem auto 0}.progress-bar-bg{height:7px;background:#ffffff17;border-radius:99px;overflow:hidden;margin-bottom:.5rem}.progress-bar-fill{height:100%;background:var(--gradient-accent);border-radius:99px;transition:width .3s ease;box-shadow:0 0 12px var(--accent-shadow)}.progress-text{font-size:.86rem;color:var(--text-muted)}.artists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:1.8rem;width:100%;max-width:1000px;z-index:10;padding-bottom:8rem;justify-content:center}.artist-bubble{display:flex;flex-direction:column;align-items:center;gap:.7rem;background:none;border:none;cursor:pointer;outline:none;transition:transform .2s}.artist-bubble:hover{transform:scale(1.05)}.artist-bubble-bg{width:124px;height:124px;border-radius:50%;position:relative;box-shadow:0 12px 24px #00000059;transition:transform var(--transition-bounce)}.artist-bubble.selected .artist-bubble-bg{transform:scale(.9)}.artist-bubble.selected .artist-bubble-bg:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border:3px solid var(--accent);border-radius:50%;box-shadow:0 0 16px var(--accent-shadow)}.artist-bubble-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000006b;border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.artist-bubble-name{color:var(--text-main);font-weight:600;font-size:.94rem;text-shadow:0 2px 6px rgba(0,0,0,.5)}.artist-selector-footer{position:fixed;bottom:0;left:0;width:100%;padding:2rem;padding-bottom:max(2rem,env(safe-area-inset-bottom));background:linear-gradient(to top,rgba(5,5,8,.98) 50%,transparent);display:flex;justify-content:center;z-index:20;pointer-events:none}.artist-selector-footer .artist-selector-submit{pointer-events:auto}.artist-selector-submit{width:auto;padding:.95rem 2.5rem;display:inline-flex;align-items:center;gap:.5rem;background:#ffffff1a;color:var(--text-dimmed);border-radius:99px;transition:var(--transition-smooth)}.artist-selector-submit.ready{background:#fff;color:#0a0a0a;box-shadow:0 12px 32px -8px #00000080}.artist-selector-submit:disabled{cursor:not-allowed;opacity:.85}.artist-search-input{width:100%;padding:12px 16px 12px 48px;border-radius:30px;border:1px solid var(--border-light);background:#ffffff14;color:var(--text-main);font-size:1rem;font-family:var(--font-sans);outline:none;transition:var(--transition-fast)}.artist-search-input:focus{border-color:var(--border-focus);background:#ffffff1f}.artist-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-dimmed);pointer-events:none}.artist-search-spinner{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--text-dimmed);animation:spin 1s linear infinite}.artist-profile-container{display:flex;flex-direction:column;gap:2rem;position:relative}.artist-profile-header-glow{position:absolute;top:-2.2rem;left:-2.8rem;width:calc(100% + 5.6rem);height:min(520px,58vh);z-index:0;pointer-events:none;background:radial-gradient(ellipse 115% 85% at 50% -8%,var(--artist-glow, rgba(244, 63, 94, .5)) 0%,transparent 58%),linear-gradient(180deg,var(--artist-glow, rgba(244, 63, 94, .42)) 0%,transparent 72%);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 38%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 38%,transparent 100%)}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-light);border-radius:18px;padding:1.9rem;box-shadow:var(--shadow-card)}.settings-page{width:100%;max-width:none;margin:0;padding:0 0 4rem;color:var(--text-main)}.settings-header{margin-bottom:2.5rem}.settings-title{font-size:clamp(2rem,3.5vw,2.75rem);font-weight:800;letter-spacing:-.03em;margin:0 0 .4rem}.settings-subtitle{margin:0;font-size:1rem;color:var(--text-muted);font-weight:500}.settings-layout{display:grid;grid-template-columns:minmax(220px,260px) minmax(0,1fr);gap:3rem;align-items:start}.settings-sidebar{display:flex;flex-direction:column;gap:.2rem;position:sticky;top:1.5rem}.settings-nav-item{display:flex;align-items:center;gap:.75rem;padding:.8rem 1rem;border-radius:12px;background:transparent;border:none;color:var(--text-muted);font-size:.95rem;font-weight:600;cursor:pointer;transition:var(--transition-fast);text-align:left;font-family:var(--font-sans)}.settings-nav-item:hover{background:#ffffff0a;color:var(--text-main)}.settings-nav-item.active{background:#ffffff0f;color:var(--text-main)}.settings-panel{min-width:0}.settings-panel-title{font-size:1.35rem;font-weight:700;letter-spacing:-.02em;margin:0 0 1.25rem;color:var(--text-main)}.settings-card{background:#ffffff08;border:1px solid var(--border-light);border-radius:16px;padding:1.5rem 1.75rem}.settings-card--list{padding:.35rem 0}.settings-card-desc{margin:0;padding:1rem 1.75rem 1.15rem;font-size:.92rem;color:var(--text-muted);line-height:1.5;border-bottom:1px solid var(--border-light)}.settings-profile-row{display:flex;align-items:center;gap:1rem}.settings-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;flex-shrink:0}.settings-avatar--placeholder{display:flex;align-items:center;justify-content:center;background:#ffffff0f;color:var(--text-muted)}.settings-profile-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.3rem}.settings-profile-name{font-size:1.35rem;font-weight:700;letter-spacing:-.02em}.settings-profile-badge{align-self:flex-start;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-light);background:#ffffff0d;border:1px solid var(--border-light);padding:.15rem .5rem;border-radius:6px}.settings-btn-ghost{display:inline-flex;align-items:center;gap:.45rem;padding:.65rem 1.1rem;border-radius:10px;border:1px solid var(--border-light);background:transparent;color:var(--text-muted);font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--transition-fast);font-family:var(--font-sans);flex-shrink:0}.settings-btn-ghost:hover{background:#ffffff0d;color:var(--text-main)}.settings-btn-ghost--danger{color:#f87171;border-color:#f8717133}.settings-btn-ghost--danger:hover{background:#f8717114;color:#fca5a5}.settings-btn-ghost--success{color:#4ade80;border-color:#4ade8040}.settings-account-row{display:flex;align-items:center;gap:1rem;padding:1.15rem 1.75rem;border-bottom:1px solid var(--border-light)}.settings-account-row:last-child{border-bottom:none}.settings-account-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.settings-account-icon--google{background:#fff}.settings-account-icon--discord{background:#5865f2}.settings-account-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.settings-account-name{font-size:1rem;font-weight:600}.settings-account-status{font-size:.88rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-pill{display:inline-flex;align-items:center;gap:.35rem;font-size:.82rem;font-weight:700;padding:.3rem .65rem;border-radius:99px;flex-shrink:0}.settings-pill--active{color:#4ade80;background:#4ade801a}.settings-btn-link{padding:.55rem 1rem;border-radius:10px;border:1px solid var(--border-light);background:transparent;color:var(--text-main);font-size:.88rem;font-weight:600;cursor:pointer;transition:var(--transition-fast);font-family:var(--font-sans);flex-shrink:0}.settings-btn-link:hover{background:#ffffff0f;border-color:#ffffff1f}.settings-option-row{display:flex;align-items:center;gap:.85rem;width:100%;padding:1.1rem 1.75rem;border:none;border-bottom:1px solid var(--border-light);background:transparent;color:var(--text-main);cursor:pointer;transition:var(--transition-fast);font-family:var(--font-sans);text-align:left}.settings-option-row:last-of-type{border-bottom:none}.settings-option-row:hover{background:#ffffff08}.settings-option-row.active{background:#ffffff0d}.settings-option-label{font-size:1rem;font-weight:600;flex:1}.settings-option-detail{font-size:.9rem;color:var(--text-muted)}.settings-option-check{color:var(--accent);flex-shrink:0}.settings-footnote{margin:0;padding:1rem 1.75rem .65rem;font-size:.88rem;color:var(--text-muted);line-height:1.45}.settings-row-text{flex:1;min-width:0;margin-right:1rem}.settings-row-title{display:block;font-size:1rem;font-weight:600;margin-bottom:.2rem}.settings-row-desc{display:block;font-size:.9rem;color:var(--text-muted);line-height:1.4}.settings-spin{animation:settings-spin .8s linear infinite}@keyframes settings-spin{to{transform:rotate(360deg)}}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:1.15rem 1.75rem;border-bottom:1px solid var(--border-light)}.setting-row:last-child{border-bottom:none}.settings-container{padding:.4rem 0}.settings-section-title{font-size:1.6rem;font-weight:800;margin-bottom:1.8rem;letter-spacing:-.025em}.settings-content-section{width:100%}.accounts-grid{grid-template-columns:1fr 1fr}.toggle-switch{position:relative;display:inline-block;width:48px;height:28px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:#ffffff1f;transition:.3s;border-radius:99px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.35s var(--transition-bounce);border-radius:50%;box-shadow:0 2px 6px #00000059}input:checked+.toggle-slider{background:var(--gradient-accent);box-shadow:0 0 14px var(--accent-shadow)}input:checked+.toggle-slider:before{transform:translate(20px)}.hover-scale{transition:transform .2s cubic-bezier(.25,1,.5,1),box-shadow .2s ease,border-color .2s ease,background-color .2s ease!important}.hover-scale:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-pop);border-color:var(--border-hover)!important;background-color:#ffffff0d!important}.hover-scale:active{transform:scale(.98)}.clickable-artist{cursor:pointer;display:inline-block;width:fit-content;max-width:100%;align-self:flex-start;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;text-align:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;transition:color var(--transition-fast)!important}.clickable-artist:hover{color:var(--accent-light)!important;text-decoration:underline}@media(max-width:1600px)and (min-width:769px){:root{--sidebar-width: 240px;--player-island-height: 72px;--queue-width: 300px}.app-main-content{padding:1.9rem 2.2rem;padding-bottom:calc(var(--player-island-height) + 3.5rem)}.playlist-header-card{gap:1.8rem;margin-bottom:1.8rem}.playlist-art-big{width:170px;height:170px}.playlist-title-big{font-size:2.6rem}}@media(max-width:1366px)and (min-width:769px){:root{--sidebar-width: 220px;--player-island-height: 68px;--queue-width: 260px}html{font-size:15px}.app-main-content{padding:1.5rem 1.6rem;padding-bottom:calc(var(--player-island-height) + 3rem)}.playlist-header-card{gap:1.4rem;margin-bottom:1.5rem}.playlist-art-big{width:140px;height:140px;border-radius:16px}.playlist-title-big{font-size:2.1rem}.greeting-title{font-size:2rem}.section-title{font-size:1.35rem}.track-row{padding:.5rem .7rem;gap:.6rem}.track-row-num{width:28px;font-size:.8rem}.track-row-art{width:40px;height:40px;margin-right:.6rem}.track-row-title{font-size:.88rem}.results-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.1rem}}@media(max-width:1150px)and (min-width:769px){:root{--sidebar-width: 200px;--player-island-height: 64px;--queue-width: 0px}html{font-size:14px}.app-queue{display:none}.app-main-content{padding:1.25rem 1.2rem;padding-bottom:calc(var(--player-island-height) + 2.8rem)}.playlist-title-big{font-size:1.85rem}.playlist-art-big{width:120px;height:120px}.nav-item{font-size:.82rem;padding:.55rem .75rem}}@media(min-width:769px)and (max-width:1024px){:root{--sidebar-width: 220px}.app-main-content{padding:1.8rem 1.6rem;padding-bottom:calc(var(--player-island-height) + 3.4rem)}.results-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.2rem}.playlist-art-big{width:160px;height:160px}.playlist-title-big{font-size:2.4rem}.lyrics-mode .lyrics-player-body{padding:0 2rem;gap:2rem}.hero-title{font-size:2.8rem}}@media(max-width:768px){.app-sidebar{position:absolute;bottom:0;left:0;width:100%;height:var(--mobile-nav-height);border-right:none;border-top:1px solid var(--border-light);flex-direction:row;justify-content:space-around;padding:0;-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);z-index:200;background-color:#000000f0}.sidebar-logo,.sidebar-divider,.sidebar-playlists,.playlists-header,.sidebar-profile-footer{display:none!important}.sidebar-nav{flex-direction:row;width:100%;justify-content:space-around;padding:0;gap:0}.nav-item{flex-direction:column;align-items:center;gap:3px;font-size:.6rem;padding:8px 4px;width:auto;border-radius:0}.nav-item-hide-on-mobile{display:none!important}.nav-item-hide-on-desktop{display:flex!important}.nav-item.active{background:transparent;color:var(--accent-light)}.nav-item.active:before{display:none}.app-main{height:calc(100vh - var(--mobile-nav-height));width:100%}.app-main-content{padding:1.2rem 1rem;padding-bottom:165px}.artist-profile-header-glow{top:-1.2rem;left:-1rem;width:calc(100% + 2rem);height:min(420px,50vh)}.quick-playlist-grid{grid-template-columns:1fr}.home-hero-banner{height:240px;padding:1.6rem;border-radius:18px}.hero-nav{opacity:.9;width:34px;height:34px}.hero-nav--prev{left:.5rem}.hero-nav--next{right:.5rem}.hero-title{font-size:2.2rem}.horizontal-scroll .music-card{flex:0 0 150px;min-width:150px}.import-progress-toast{bottom:calc(var(--mobile-nav-height) + 64px + 1rem);width:calc(100% - 1.5rem)}.app-player-bar{width:calc(100% - 1.2rem);bottom:calc(var(--mobile-nav-height) + .55rem);padding:0 .9rem;height:64px;border-radius:18px;box-shadow:0 12px 36px #0000008c,0 0 28px -8px var(--accent-shadow),inset 0 1px #ffffff0f}.app-player-bar .control-buttons button:nth-child(1),.app-player-bar .control-buttons button:nth-child(2),.app-player-bar .control-buttons button:nth-child(5){display:none}.app-player-bar .control-buttons{gap:.8rem}.player-track-info{flex:1;min-width:0;width:auto;gap:.7rem}.player-track-info .track-art{width:42px;height:42px;border-radius:9px}.player-playback-controls{flex-shrink:0;width:auto;height:auto;padding-bottom:0}.control-btn-play{width:40px;height:40px;box-shadow:0 6px 18px var(--accent-shadow)}.app-player-bar .track-title{font-size:.86rem}.app-player-bar .track-artist{font-size:.74rem}.player-timeline,.player-extra-controls{display:none}.lyrics-view-container.fullscreen-mode{padding:.75rem 1.1rem 0;padding-top:max(.75rem,env(safe-area-inset-top));display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden}.fullscreen-mode .fullscreen-header-title{display:block}.fullscreen-mode .lyrics-header-compact-info{display:none!important}.fullscreen-header{padding:.65rem 3.75rem;padding-top:max(.65rem,env(safe-area-inset-top));min-height:48px;flex-shrink:0}.fullscreen-header .close-btn{left:1rem;top:max(.65rem,env(safe-area-inset-top));padding:6px}.fullscreen-header .lyrics-toggle-btn{right:1rem;top:max(.65rem,env(safe-area-inset-top));padding:6px}.fullscreen-mode .lyrics-player-body{flex:1;min-height:0;padding:0;overflow:hidden}.fullscreen-mode .lyrics-cover-stage{flex:1;min-height:0;gap:clamp(.5rem,2vh,.85rem);padding:0 .75rem;justify-content:center}.fullscreen-mode .lyrics-player-art-col{flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;padding-top:.25rem}.fullscreen-mode .lyrics-player-art-col .lyrics-art-huge{width:min(72vw,300px);height:min(72vw,300px);max-width:300px;max-height:46vh;border-radius:20px;box-shadow:0 28px 56px #000000a6,0 0 48px var(--accent-shadow)}.fullscreen-mode .lyrics-cover-panel{flex-shrink:0;width:100%;max-width:none;gap:.35rem;padding:0 .15rem .15rem}.fullscreen-mode .fullscreen-track-info{padding:.15rem 0}.fullscreen-mode .fullscreen-title{font-size:1.2rem;letter-spacing:-.02em}.fullscreen-mode .fullscreen-artist{font-size:.88rem;color:var(--text-muted)}.fullscreen-mode .fullscreen-track-info .heart-btn{width:40px;height:40px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.fullscreen-mode .lyrics-cover-panel .fullscreen-timeline,.fullscreen-mode .lyrics-cover-panel .fullscreen-controls,.fullscreen-mode .lyrics-cover-panel .player-dock-volume{display:none}.fullscreen-track-info{width:100%;max-width:none;padding:0}.fullscreen-title{font-size:1.35rem}.fullscreen-artist{font-size:.95rem}.fullscreen-timeline{width:100%;max-width:none;padding:0}.fullscreen-timeline .timeline-slider::-webkit-slider-thumb{height:13px;width:13px;opacity:1}.fullscreen-controls{width:100%;max-width:none}.lyrics-view-container.lyrics-mode{padding:.75rem 1rem 0;padding-top:max(.75rem,env(safe-area-inset-top));display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden}.lyrics-mode .lyrics-header-compact-info{display:flex;align-items:center;gap:.65rem;flex:1;min-width:0;justify-content:center;padding:0 .5rem}.lyrics-header-details{text-align:left;min-width:0}.lyrics-header-title-text{font-size:.8rem}.lyrics-header-artist-text{font-size:.7rem}.lyrics-mode .lyrics-player-body{flex:1;min-height:0;flex-direction:column;padding:0;gap:0;margin-top:.5rem;overflow:hidden}.lyrics-mode .lyrics-scroll-area{flex:1;min-height:0;width:100%;height:auto;padding-bottom:0;mask-image:linear-gradient(to bottom,transparent 0%,white 6%,white 92%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,white 6%,white 92%,transparent 100%)}.lyrics-mode .lyrics-karaoke-container{padding:clamp(4rem,20vh,8rem) .75rem clamp(7rem,22vh,10rem)}.lyric-line{font-size:1.25rem;padding:.4rem .5rem;transform-origin:center center;text-align:center}.lyric-line.is-current{font-size:1.35rem}.fullscreen-mode .lyrics-mobile-controls.player-dock{display:flex;flex-direction:column;align-items:center;width:calc(100% - .5rem);margin:0 auto;flex-shrink:0;background:linear-gradient(180deg,rgba(255,255,255,.07) 0%,transparent 42%),#101018f0;backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);padding:.95rem .85rem calc(.9rem + env(safe-area-inset-bottom));gap:.7rem;z-index:30;border:1px solid rgba(255,255,255,.09);border-radius:22px 22px 0 0;box-shadow:0 -12px 40px #00000073,0 0 32px -10px var(--accent-shadow),inset 0 1px #ffffff12}.lyrics-mode .lyrics-glass-dock{position:absolute;bottom:max(.85rem,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:calc(100% - 1.25rem);margin:0;padding:.6rem .85rem .68rem;gap:.28rem;border-radius:26px;background:#00000012;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid rgba(255,255,255,.06);box-shadow:0 12px 36px #00000029,0 0 36px -18px var(--accent-shadow)}.lyrics-mode .lyrics-glass-dock .player-dock-volume{width:78%;max-width:none}.lyrics-mobile-controls .player-dock-timeline{width:100%;max-width:none;padding:0}.lyrics-mobile-controls .player-dock-controls{width:100%;max-width:none;padding:0;justify-content:space-between}.lyrics-mobile-controls .player-dock-play{width:58px;height:58px;flex-shrink:0}.lyrics-mobile-controls .player-dock-btn{width:42px;height:42px}.lyrics-mobile-controls .player-dock-volume{max-width:none;width:100%;margin:0 auto;padding:0 .5rem}.nav-item span{max-width:4.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-container.player-expanded .app-sidebar,.app-container.player-expanded .app-player-bar{display:none!important}.app-container.player-expanded .app-main{height:100vh}.app-container.player-expanded .app-main-content{padding:0!important;height:100vh;overflow:hidden}.home-hero-banner{height:195px!important;padding:1.4rem!important;border-radius:18px}.hero-tag{font-size:.6rem!important;padding:4px 10px}.hero-title{font-size:2rem!important;margin-bottom:.3rem!important}.hero-desc{font-size:.82rem!important;margin-bottom:.8rem!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hero-cta{padding:.5rem 1.1rem;font-size:.8rem}.results-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))!important;gap:.9rem!important}.genre-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))!important;gap:.8rem!important}.music-card{padding:.6rem!important;border-radius:13px!important;gap:.5rem!important}.card-title{font-size:.82rem!important}.card-artist{font-size:.72rem!important}.genre-title{font-size:1.1rem!important;top:.8rem!important;left:.8rem!important}.genre-art{width:62px!important;height:62px!important}.section-title{font-size:1.3rem}.playlist-header-card{flex-direction:column!important;align-items:center!important;text-align:center!important;gap:1.2rem!important;margin-bottom:1.4rem!important}.playlist-art-big{width:140px!important;height:140px!important;border-radius:16px!important}.playlist-info-big{align-items:center!important;gap:.45rem!important}.playlist-title-big{font-size:1.9rem!important}.playlist-meta-big{font-size:.82rem!important}.track-row{padding:.45rem!important}.track-row-num{width:24px!important;font-size:.78rem!important}.track-row-art{width:40px!important;height:40px!important;margin-right:.7rem!important}.track-row-title{font-size:.84rem!important}.track-row-artist{font-size:.73rem!important}.track-row-meta{gap:.7rem!important}.track-row-actions{gap:.3rem!important}.action-btn{padding:4px!important}.settings-page{padding:1.25rem 1rem 7rem!important}.settings-title{font-size:1.65rem!important}.settings-layout{grid-template-columns:1fr!important;gap:1.25rem!important}.settings-sidebar{position:static!important;flex-direction:row!important;overflow-x:auto;gap:.35rem!important;padding-bottom:.25rem;scrollbar-width:none;-ms-overflow-style:none}.settings-sidebar::-webkit-scrollbar{display:none}.settings-nav-item{padding:.5rem .75rem!important;font-size:.8rem!important;white-space:nowrap;flex-shrink:0}.settings-nav-item.active{background:#ffffff14!important}.settings-profile-row{flex-wrap:wrap}.setting-row{flex-direction:column;align-items:stretch;gap:.85rem}.settings-row-text{margin-right:0}.settings-profile-row .settings-btn-ghost,.setting-row .settings-btn-ghost{width:100%;justify-content:center}.settings-profile-row .settings-btn-ghost{margin-top:.5rem}.accounts-grid{grid-template-columns:1fr!important}.dialog-content{padding:1.3rem!important;width:94%!important;margin:0 auto!important}.auth-card{padding:2rem 1.5rem}.auth-title{font-size:1.5rem}.artists-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:1.2rem}.artist-bubble-bg{width:96px;height:96px}}html.landing-active,html.landing-active body{overflow:auto;overflow-x:hidden;height:auto;min-height:100%;min-height:100dvh;background:#000;-webkit-text-size-adjust:100%}.landing{position:relative;width:100%;min-height:100vh;min-height:100dvh;background:#000;color:var(--text-main);overflow-x:hidden;-webkit-font-smoothing:antialiased}.landing__bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.landing__orb{position:absolute;border-radius:50%;filter:blur(100px);animation:landing-float 16s ease-in-out infinite}.landing__orb--1{width:600px;height:600px;top:-15%;left:-10%;background:radial-gradient(circle,rgba(244,63,94,.42) 0%,transparent 68%)}.landing__orb--2{width:500px;height:500px;right:-12%;top:35%;background:radial-gradient(circle,rgba(139,92,246,.32) 0%,transparent 68%);animation-delay:-5s}.landing__orb--3{width:420px;height:420px;left:30%;bottom:-10%;background:radial-gradient(circle,rgba(251,113,133,.25) 0%,transparent 68%);animation-delay:-9s}.landing__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 90% 80% at 50% 20%,black 10%,transparent 80%);mask-image:radial-gradient(ellipse 90% 80% at 50% 20%,black 10%,transparent 80%);opacity:.4}@keyframes landing-float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-24px) scale(1.06)}}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:max(.85rem,env(safe-area-inset-top)) max(1.25rem,env(safe-area-inset-right)) .85rem max(1.25rem,env(safe-area-inset-left));transition:background .3s ease,backdrop-filter .3s ease,border-color .3s ease}.landing-nav.is-scrolled{background:#000000b8;backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border-bottom:1px solid rgba(255,255,255,.06)}.landing-nav__brand{display:flex;align-items:center;gap:.65rem;font-weight:800;font-size:1.1rem;letter-spacing:-.02em}.landing-nav__brand img{width:36px;height:36px;object-fit:contain}.landing-nav__links{display:flex;align-items:center;gap:2rem}.landing-nav__links a{color:var(--text-muted);text-decoration:none;font-size:.9rem;font-weight:600;transition:color .2s}.landing-nav__links a:hover{color:var(--text-main)}.landing-nav__cta{padding:.6rem 1.25rem;border-radius:999px;border:none;font-family:inherit;font-weight:700;font-size:.88rem;color:#fff;background:var(--gradient-accent);cursor:pointer;box-shadow:0 8px 24px -6px var(--accent-shadow);transition:transform .2s,box-shadow .2s;flex-shrink:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-moz-appearance:none;appearance:none;-webkit-appearance:none}.landing-nav__menu-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--text-main);cursor:pointer;-webkit-tap-highlight-color:transparent}.landing-nav__mobile-menu{display:none;position:fixed;top:calc(3.5rem + env(safe-area-inset-top));left:max(1rem,env(safe-area-inset-left));right:max(1rem,env(safe-area-inset-right));z-index:99;flex-direction:column;gap:.35rem;padding:.75rem;border-radius:16px;background:#08080cf2;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-island)}.landing-nav__mobile-menu.is-open{display:flex}.landing-nav__mobile-menu a{padding:.75rem 1rem;border-radius:10px;color:var(--text-secondary);text-decoration:none;font-weight:600;font-size:.95rem}.landing-nav__mobile-menu a:hover,.landing-nav__mobile-menu a:active{background:#ffffff0f;color:var(--text-main)}.landing-nav__cta:hover{transform:translateY(-1px);box-shadow:0 12px 28px -4px var(--accent-shadow)}.landing__main{position:relative;z-index:1}.landing-section{width:min(1140px,calc(100% - 3rem));margin:0 auto}.landing-section-label{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .85rem;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-light);background:#f43f5e1a;border:1px solid rgba(244,63,94,.2);margin-bottom:1.25rem}.landing-section-title{font-size:clamp(2rem,5vw,3rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:1rem}.landing-section-desc{font-size:1.1rem;color:var(--text-muted);line-height:1.7;max-width:640px}.landing-hero{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:calc(6rem + env(safe-area-inset-top)) max(1.25rem,env(safe-area-inset-right)) calc(4rem + env(safe-area-inset-bottom)) max(1.25rem,env(safe-area-inset-left));position:relative;box-sizing:border-box}.landing-hero__visual{position:relative;margin-bottom:2rem;display:flex;flex-direction:column;align-items:center}.landing-hero__logo-stage{position:relative;width:220px;height:220px;display:flex;align-items:center;justify-content:center}.landing-hero__ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid rgba(255,255,255,.12);pointer-events:none}.landing-hero__ring-pulse{position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border-radius:50%;border:1px solid rgba(244,63,94,.4);animation:landing-ring-pulse 2.5s ease-out infinite}@keyframes landing-ring-pulse{0%{transform:scale(.9);opacity:.85}to{transform:scale(1.4);opacity:0}}.landing-hero__logo{width:188px;height:188px;object-fit:contain;filter:drop-shadow(0 12px 36px rgba(244,63,94,.45));position:relative;z-index:1;display:block}.landing-hero__eq{display:flex;align-items:flex-end;justify-content:center;gap:6px;height:48px;margin-top:1.5rem}.landing-hero__eq-bar{width:6px;height:48px;border-radius:999px;background:var(--gradient-accent);transform-origin:bottom center;box-shadow:0 0 14px var(--accent-shadow)}.landing-hero__title{font-size:clamp(3.2rem,10vw,5.5rem);font-weight:800;letter-spacing:-.045em;line-height:.95;margin-bottom:1.25rem;color:#fff;background:linear-gradient(180deg,#fff 30%,#ffffffa6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@supports not ((-webkit-background-clip: text) or (background-clip: text)){.landing-hero__title{-webkit-text-fill-color:#fff;color:#fff;background:none}}.landing-hero__subtitle{font-size:clamp(1.05rem,2.5vw,1.35rem);color:var(--text-muted);max-width:580px;line-height:1.6;margin-bottom:2.5rem}.landing-hero__actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:3rem}.landing-btn{padding:1rem 2rem;border-radius:14px;font-size:1rem;font-weight:700;font-family:inherit;cursor:pointer;border:none;transition:transform .2s,box-shadow .2s,background .2s;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-moz-appearance:none;appearance:none;-webkit-appearance:none}.landing-btn--primary{color:#fff;background:var(--gradient-accent);box-shadow:0 14px 36px -8px var(--accent-shadow)}.landing-btn--primary:hover{transform:translateY(-2px);box-shadow:0 18px 40px -6px var(--accent-shadow)}.landing-btn--outline{color:var(--text-secondary);background:#ffffff0a;border:1px solid rgba(255,255,255,.12)}.landing-btn--outline:hover{background:#ffffff14;color:var(--text-main)}.landing-hero__stats{display:flex;flex-wrap:wrap;gap:2.5rem;justify-content:center}.landing-hero__stat strong{display:block;font-size:1.5rem;font-weight:800;color:var(--text-main)}.landing-hero__stat span{font-size:.82rem;color:var(--text-dimmed);font-weight:600}.landing-scroll-hint{position:absolute;bottom:max(1.5rem,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.35rem;color:var(--text-muted);font-size:.8rem;font-weight:600;font-family:inherit;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:.5rem 1rem;cursor:pointer;animation:landing-bounce 2s ease-in-out infinite;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.landing-scroll-hint:hover{color:var(--text-main);background:#ffffff12}@keyframes landing-bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(6px)}}.landing-about{padding:6rem 0;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.landing-about__card{padding:2rem;border-radius:24px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-card)}.landing-about__card p{color:var(--text-secondary);line-height:1.75;font-size:1.02rem}.landing-about__card p+p{margin-top:1rem}.landing-pill-row{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.5rem}.landing-pill{padding:.45rem .9rem;border-radius:999px;font-size:.8rem;font-weight:600;color:var(--text-secondary);background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.landing-features{padding:5rem 0 6rem}.landing-features__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:3rem}.landing-features__item{display:flex;min-width:0}.landing-features__item--wide{grid-column:span 2}.landing-features__item--tall{grid-row:span 2}.landing-features__item--full{grid-column:1 / -1}.landing-feature-card{width:100%;padding:1.75rem;border-radius:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.landing-feature-card:hover{transform:translateY(-4px);border-color:#f43f5e40;box-shadow:0 16px 40px -12px #f43f5e33}.landing-feature-card--full{display:flex;align-items:center;gap:1.5rem}.landing-feature-card--full>div:first-child{flex:1;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:1.25rem;row-gap:.35rem;align-items:start}.landing-feature-card--full .landing-feature-card__icon{grid-row:span 2;margin-bottom:0}.landing-feature-card--tall{display:flex;flex-direction:column;justify-content:space-between;height:100%}.landing-feature-card__icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#f43f5e1f;color:var(--accent-light);margin-bottom:1.25rem}.landing-feature-card h3{font-size:1.15rem;font-weight:700;margin-bottom:.5rem}.landing-feature-card p{font-size:.92rem;color:var(--text-muted);line-height:1.6}.landing-feature-card__mini-eq{display:flex;align-items:flex-end;gap:4px;height:64px;margin-top:1.5rem}.landing-feature-card__mini-eq span{flex:1;border-radius:4px;background:var(--gradient-accent);opacity:.7;transform-origin:bottom}.landing-showcase{padding:4rem 0 6rem}.landing-showcase__frame{margin-top:3rem;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow-pop);background:#050505}.landing-showcase__chrome{display:flex;align-items:center;gap:.5rem;padding:.85rem 1.25rem;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.06)}.landing-showcase__dot{width:10px;height:10px;border-radius:50%}.landing-showcase__dot--r{background:#ff5f56}.landing-showcase__dot--y{background:#ffbd2e}.landing-showcase__dot--g{background:#27c93f}.landing-showcase__url{flex:1;text-align:center;font-size:.75rem;color:var(--text-dimmed);font-weight:600}.landing-showcase__ui{display:grid;grid-template-columns:200px 1fr;min-height:340px}.landing-showcase__sidebar{padding:1.25rem 1rem;border-right:1px solid rgba(255,255,255,.06);background:#00000080}.landing-showcase__sidebar-logo{font-weight:800;font-size:.95rem;margin-bottom:1.5rem;color:var(--accent-light)}.landing-showcase__nav-item{padding:.5rem .75rem;border-radius:8px;font-size:.8rem;font-weight:600;color:var(--text-dimmed);margin-bottom:.35rem}.landing-showcase__nav-item--active{background:#f43f5e26;color:var(--text-main)}.landing-showcase__content{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.landing-showcase__banner{height:120px;border-radius:14px;background:linear-gradient(135deg,#f43f5e59,#8b5cf640);display:flex;align-items:flex-end;padding:1.25rem}.landing-showcase__banner h4{font-size:1.25rem;font-weight:800}.landing-showcase__tracks{display:flex;flex-direction:column;gap:.5rem}.landing-showcase__track{display:flex;align-items:center;gap:.75rem;padding:.5rem .65rem;border-radius:10px;background:#ffffff08}.landing-showcase__track-art{width:40px;height:40px;border-radius:8px;background:linear-gradient(135deg,var(--accent) 0%,#8b5cf6 100%);flex-shrink:0}.landing-showcase__track-info{flex:1;min-width:0}.landing-showcase__track-info strong{display:block;font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.landing-showcase__track-info span{font-size:.72rem;color:var(--text-dimmed)}.landing-showcase__player{margin:0 1rem 1rem;padding:.75rem 1rem;border-radius:16px;background:#000000d9;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:1rem}.landing-showcase__player-art{width:44px;height:44px;border-radius:10px;background:var(--gradient-accent);flex-shrink:0}.landing-showcase__player-wave{flex:1;height:28px;border-radius:6px;background:linear-gradient(90deg,#f43f5e33,#f43f5e80,#f43f5e33 70%,#f43f5e26);animation:landing-wave 2s ease-in-out infinite}@keyframes landing-wave{0%,to{opacity:.6;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.08)}}.landing-steps{padding:5rem 0 6rem}.landing-steps__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem}.landing-step{text-align:center;padding:2rem 1.5rem;border-radius:20px;background:#ffffff05;border:1px solid rgba(255,255,255,.06)}.landing-step__num{width:48px;height:48px;margin:0 auto 1.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem;background:var(--gradient-accent);box-shadow:0 8px 24px -6px var(--accent-shadow)}.landing-step h3{font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.landing-step p{font-size:.9rem;color:var(--text-muted);line-height:1.6}.landing-cta{padding:5rem 0 7rem}.landing-cta__box{text-align:center;padding:4rem 2rem;border-radius:32px;background:linear-gradient(180deg,rgba(255,255,255,.04) 0%,transparent 50%),#f43f5e0f;border:1px solid rgba(244,63,94,.2);box-shadow:0 24px 64px -16px #f43f5e40}.landing-cta__box h2{font-size:clamp(2rem,5vw,2.8rem);font-weight:800;letter-spacing:-.03em;margin-bottom:1rem}.landing-cta__box p{color:var(--text-muted);font-size:1.1rem;max-width:520px;margin:0 auto 2rem;line-height:1.6}.landing-cta__actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.landing-footer{padding:2rem 0 3rem;border-top:1px solid rgba(255,255,255,.06);text-align:center;color:var(--text-dimmed);font-size:.82rem;font-weight:600}.landing-declined{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:2rem;background:#000000e0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.landing-declined__panel{text-align:center;max-width:440px;padding:2.5rem 2rem;border-radius:28px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1)}.landing-declined__panel img{width:72px;height:72px;margin-bottom:1.25rem}.landing-declined__panel h2{font-size:1.75rem;font-weight:800;margin-bottom:.75rem}.landing-declined__panel p{color:var(--text-muted);line-height:1.6;margin-bottom:1.75rem}@media(prefers-reduced-motion:reduce){.landing__orb,.landing-hero__ring-pulse,.landing-scroll-hint,.landing-showcase__player-wave{animation:none!important}.landing-hero__eq-bar{transform:scaleY(.55)!important}}@media(max-width:900px){.landing-nav__links{display:none}.landing-nav__menu-btn{display:inline-flex}.landing-nav__cta{padding:.55rem 1rem;font-size:.82rem}.landing-about{grid-template-columns:1fr;gap:2rem}.landing-features__grid{grid-template-columns:1fr}.landing-features__item--wide,.landing-features__item--tall,.landing-features__item--full{grid-column:span 1;grid-row:span 1}.landing-feature-card--full{flex-direction:column;align-items:stretch}.landing-feature-card--full>div:first-child{display:block}.landing-feature-card--full .landing-feature-card__icon{margin-bottom:1.25rem}.landing-steps__grid,.landing-showcase__ui{grid-template-columns:1fr}.landing-showcase__sidebar{display:none}.landing-nav{padding:.85rem 1.25rem}}@media(max-width:600px){.landing-section{width:calc(100% - 2rem)}.landing-hero__actions{flex-direction:column;width:100%;max-width:320px}.landing-btn{width:100%}}