*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #090909;--bg-secondary: #101010;--bg-tertiary: #181818;--bg-elevated: #202020;--bg-hover: #292929;--text-primary: #f6f6f6;--text-secondary: #b8b8b8;--text-muted: #767676;--border-subtle: rgba(255,255,255,.06);--border-default: rgba(255,255,255,.12);--accent-strong: #fff;--shadow: 0 24px 80px rgba(0,0,0,.42);--sidebar-width: 248px;--player-height: 104px;--radius: 18px;--font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}[data-theme=light]{--bg-primary: #f3f3f1;--bg-secondary: #fff;--bg-tertiary: #ececea;--bg-elevated: #fff;--bg-hover: #e4e4e1;--text-primary: #111;--text-secondary: #565656;--text-muted: #8a8a8a;--border-subtle: rgba(0,0,0,.06);--border-default: rgba(0,0,0,.12);--accent-strong: #000;--shadow: 0 24px 70px rgba(0,0,0,.12)}html,body,#root{width:100%;height:100%;overflow:hidden;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font);-webkit-font-smoothing:antialiased}button,input{border:0;color:inherit;font:inherit}button{cursor:pointer;background:transparent}input{outline:none}img{display:block;object-fit:cover}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:99px}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.1fr) minmax(420px,.9fr);background:radial-gradient(circle at 20% 15%,rgba(255,255,255,.08),transparent 28%),linear-gradient(135deg,var(--bg-primary),var(--bg-tertiary))}.auth-visual{position:relative;overflow:hidden;padding:64px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--border-subtle)}.orb{position:absolute;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.16),rgba(255,255,255,.02) 62%,transparent 70%);filter:blur(6px)}.orb-one{top:-120px;right:6%}.orb-two{bottom:-140px;left:-80px}.hero-record{position:relative;width:min(42vw,430px);aspect-ratio:1;border-radius:50%;align-self:center;margin-top:42px;display:grid;place-items:center;background:repeating-radial-gradient(circle,#090909 0,#090909 11px,#161616 12px,#161616 14px,#0c0c0c 15px,#0c0c0c 25px);box-shadow:inset 0 0 50px #ffffff0d,var(--shadow)}.record-ring{position:absolute;top:17%;right:17%;bottom:17%;left:17%;border:1px solid rgba(255,255,255,.12);border-radius:50%}.record-label{width:92px;height:92px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#e9e9e9,#868686);color:#111;font-size:40px;font-weight:800}.auth-copy{position:relative;max-width:560px}.eyebrow,.section-label{color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.16em}.auth-copy h1,.hero-section h1,.page-title h1,.profile-hero h1{margin-top:14px;font-size:clamp(38px,5vw,72px);line-height:.95;letter-spacing:0}.auth-copy p,.hero-section p,.page-title p,.profile-hero p{margin-top:18px;color:var(--text-secondary);font-size:16px;line-height:1.7;max-width:620px}.auth-panel{padding:48px;display:flex;flex-direction:column;justify-content:center;gap:34px;background:#ffffff05}.brand-mark,.logo{display:flex;align-items:center;gap:10px;font-weight:800}.auth-card{width:min(100%,460px);padding:10px;border:1px solid var(--border-default);border-radius:28px;background:color-mix(in srgb,var(--bg-secondary) 86%,transparent);box-shadow:var(--shadow)}.auth-tabs,.theme-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:6px;border-radius:18px;background:var(--bg-tertiary)}.auth-tabs button,.theme-switch button{padding:12px 14px;border-radius:13px;color:var(--text-secondary);transition:.18s ease}.auth-tabs button.active,.theme-switch button.active{background:var(--bg-elevated);color:var(--text-primary);box-shadow:0 10px 28px #00000029}.auth-form{padding:28px;display:grid;gap:18px}.auth-form h2{font-size:30px}.auth-form p,.auth-hint{margin-top:8px;color:var(--text-muted);line-height:1.5}.auth-form label{display:grid;gap:9px;color:var(--text-secondary);font-size:13px}.auth-form input,.large-search{width:100%;border:1px solid var(--border-default);border-radius:16px;background:var(--bg-tertiary);color:var(--text-primary)}.auth-form input{height:50px;padding:0 16px}.form-error{padding:12px 14px;border-radius:14px;background:#ffffff14;color:var(--accent-strong)}.primary-btn,.secondary-btn{min-height:48px;padding:0 20px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:750;transition:transform .18s ease,background .18s ease,opacity .18s ease}.primary-btn{background:var(--accent-strong);color:var(--bg-primary)}.secondary-btn{border:1px solid var(--border-default);background:var(--bg-elevated)}.primary-btn:hover,.secondary-btn:hover,.album-card:hover,.playlist-card:hover,.track-row:hover{transform:translateY(-1px)}.primary-btn:disabled{opacity:.55}.app-shell{height:100vh;display:grid;grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:1fr var(--player-height);background:radial-gradient(circle at 45% -10%,rgba(255,255,255,.08),transparent 36%),var(--bg-primary)}.sidebar{grid-row:1 / 3;padding:26px 18px;border-right:1px solid var(--border-subtle);background:color-mix(in srgb,var(--bg-secondary) 92%,transparent)}.logo{height:42px;padding:0 10px;margin-bottom:28px}.sidebar nav,.sidebar-playlists{display:grid;gap:8px}.sidebar nav button,.sidebar-playlists button{min-height:44px;padding:0 13px;border-radius:14px;display:flex;align-items:center;gap:12px;color:var(--text-secondary);text-align:left;transition:.18s ease}.sidebar nav button.active,.sidebar nav button:hover,.sidebar-playlists button:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-playlists{margin-top:34px}.section-label{padding:0 13px 8px}.content-shell{min-width:0;display:grid;grid-template-rows:78px 1fr}.topbar{position:relative;display:grid;grid-template-columns:minmax(260px,1fr) auto;align-items:center;gap:16px;padding:18px 30px 10px}.window-drag{position:absolute;inset:0 0 auto 0;height:28px;-webkit-app-region:drag}.topbar-actions,.hero-actions,.player-controls,.volume{display:flex;align-items:center;gap:10px}.icon-btn,.avatar,.player-controls button,.like,.track-index{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--bg-tertiary);color:var(--text-secondary);transition:.18s ease}.icon-btn:hover,.player-controls button:hover,.like:hover,.track-index:hover{background:var(--bg-hover);color:var(--text-primary)}.avatar{background:var(--accent-strong);color:var(--bg-primary);font-weight:800}.search-pill{height:46px;max-width:540px;justify-self:start;padding:0 18px;border:1px solid var(--border-default);border-radius:999px;display:flex;align-items:center;gap:10px;color:var(--text-muted);background:var(--bg-secondary)}.main-content{min-width:0;overflow:auto;padding:16px 30px 32px}.screen-stack{display:grid;gap:30px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hero-section{min-height:330px;border:1px solid var(--border-subtle);border-radius:30px;padding:38px;display:grid;grid-template-columns:1fr 310px;align-items:center;gap:28px;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent 42%),var(--bg-secondary);box-shadow:var(--shadow)}.now-card{border:1px solid var(--border-default);border-radius:26px;padding:16px;background:#ffffff0a}.now-card img{width:100%;aspect-ratio:1;border-radius:20px;margin-bottom:16px}.now-card span,.now-card small,.track-title span,.playlist-card span,.artist-card span,.setting-row span,.stat-card span{color:var(--text-muted)}.now-card strong{display:block;margin:5px 0;font-size:22px}.section-head{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.section-head h2{font-size:22px}.section-head button{color:var(--text-muted);display:inline-flex;align-items:center;gap:7px}.card-grid{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:16px}.album-card{padding:12px;border:1px solid var(--border-subtle);border-radius:var(--radius);display:grid;gap:10px;background:var(--bg-secondary);text-align:left;transition:.18s ease}.album-card img{width:100%;aspect-ratio:1;border-radius:14px}.album-card span{color:var(--text-muted)}.two-column{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px}.track-list,.playlist-stack,.artist-stack{display:grid;gap:10px}.track-row{min-width:0;min-height:68px;display:grid;grid-template-columns:42px 48px minmax(140px,1.4fr) minmax(110px,1fr) 90px 42px 50px;align-items:center;gap:12px;padding:8px 12px;border:1px solid transparent;border-radius:16px;background:var(--bg-secondary);transition:.18s ease}.track-row:hover,.track-row.active{border-color:var(--border-default);background:var(--bg-hover)}.track-row img{width:48px;height:48px;border-radius:12px}.track-title{min-width:0;display:grid;gap:4px}.track-title strong,.track-title span,.track-album{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-album,.track-plays,.track-row>span{color:var(--text-muted);font-size:13px}.like.liked,.player-controls .active{color:var(--accent-strong)}.playlist-card,.artist-card,.stat-card,.settings-panel{border:1px solid var(--border-subtle);border-radius:var(--radius);background:var(--bg-secondary)}.playlist-card{min-height:94px;padding:18px;display:flex;align-items:center;gap:14px;transition:.18s ease}.playlist-card.silver{background:linear-gradient(135deg,var(--bg-secondary),rgba(255,255,255,.1))}.playlist-card.dark{background:linear-gradient(135deg,#080808,var(--bg-elevated))}.playlist-card.light{background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary))}.page-title{padding:20px 2px 0}.large-search{height:64px;padding:0 20px;display:flex;align-items:center;gap:14px}.large-search input{flex:1;height:100%;background:transparent}.artist-card{padding:18px;display:grid;gap:8px}.artist-card div,.profile-avatar{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--accent-strong);color:var(--bg-primary);font-weight:850}.library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat-card{padding:22px;display:grid;gap:10px}.stat-card strong{font-size:34px}.profile-hero{padding:34px;border-radius:30px;display:flex;align-items:center;gap:24px;background:var(--bg-secondary);border:1px solid var(--border-subtle)}.profile-avatar{width:96px;height:96px;font-size:40px}.settings-panel{padding:24px}.setting-row{min-height:82px;padding:18px 0;border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:20px}.setting-row div:first-child{display:grid;gap:6px}.status-dot{padding:7px 12px;border-radius:999px;background:var(--bg-tertiary)}.logout-btn{margin-top:14px;height:48px;padding:0 18px;border-radius:999px;display:inline-flex;align-items:center;gap:10px;background:var(--bg-tertiary)}.player-bar{grid-column:2;border-top:1px solid var(--border-subtle);background:color-mix(in srgb,var(--bg-primary) 90%,transparent);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);display:grid;grid-template-columns:minmax(220px,1fr) minmax(360px,1.5fr) minmax(150px,.7fr);align-items:center;gap:24px;padding:14px 30px 18px}.player-track{display:flex;align-items:center;gap:12px;min-width:0}.player-track img{width:58px;height:58px;border-radius:14px}.player-track div{min-width:0;display:grid;gap:4px}.player-track strong,.player-track span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-track span{color:var(--text-muted);font-size:13px}.player-center{display:grid;justify-items:center;gap:10px}.play-main{width:46px!important;height:46px!important;background:var(--accent-strong)!important;color:var(--bg-primary)!important}.timeline{width:100%;display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:10px;color:var(--text-muted);font-size:12px}input[type=range]{width:100%;accent-color:var(--accent-strong)}.volume{justify-content:flex-end}.volume input{max-width:120px}@media (max-width: 1100px){:root{--sidebar-width: 86px}.sidebar{padding-inline:12px}.logo{justify-content:center;font-size:0}.sidebar nav button{justify-content:center;font-size:0}.sidebar-playlists{display:none}.hero-section,.two-column{grid-template-columns:1fr}.card-grid{grid-template-columns:repeat(2,1fr)}.player-bar{grid-template-columns:1fr;height:auto}}@media (max-width: 760px){.auth-page{grid-template-columns:1fr}.auth-visual{display:none}.auth-panel{padding:22px}.app-shell{grid-template-columns:1fr;grid-template-rows:1fr auto}.sidebar{display:none}.player-bar{grid-column:1}.topbar{grid-template-columns:1fr auto}.track-row{grid-template-columns:36px 46px 1fr 42px}.track-album,.track-plays,.track-row>span{display:none}.library-grid{grid-template-columns:1fr}}