@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Mono:wght@300;400&display=swap";*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:radial-gradient(circle at top,#1f1f3b,#0e0f18 45%,#09090f);color:#f4f4f5}a{color:inherit;text-decoration:none}button,input{font:inherit}.app-loader{min-height:100vh;display:grid;place-items:center}.auth-page{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.auth-card{width:min(460px,100%);background:#14141feb;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:1.6rem;display:grid;gap:.85rem}.auth-brand{display:grid;gap:.35rem;margin-bottom:.3rem}.auth-brand h2,.page-header h2{margin:0;font-size:1.5rem}.auth-brand p,.page-header p{margin:0;color:#c8cbdf}.auth-card label{display:grid;gap:.35rem;color:#d8dbf0}.auth-card input,.top-search,.search-box,.player-progress input,.volume-control input{background:#ffffff0d;border:1px solid rgba(255,255,255,.11);color:#f4f4f5;border-radius:10px}.auth-card input,.top-search input,.search-box input{padding:.62rem .75rem}.checkbox-label{grid-template-columns:auto 1fr;align-items:center;column-gap:.45rem}.primary-btn,.ghost-btn{border:none;border-radius:10px;padding:.68rem .9rem;cursor:pointer;font-weight:600}.primary-btn{background:linear-gradient(135deg,#7c4dff,#4a7dff);color:#fff}.ghost-btn{background:#ffffff12;color:#f5f6ff;display:inline-flex;align-items:center;gap:.35rem}.auth-switch{color:#c8cbdf;margin:.2rem 0 0}.auth-switch a{color:#9eb3ff;font-weight:600}.form-error{margin:0;background:#ff6b6b29;border:1px solid rgba(255,107,107,.3);border-radius:10px;color:#ffc2c2;padding:.55rem .7rem}.app-shell{--sidebar-width: 260px;display:block;min-height:100vh}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);z-index:60;background:linear-gradient(180deg,#10121ff5,#0a0b14f0);border-right:1px solid rgba(155,169,255,.14);box-shadow:0 0 0 1px #ffffff08,0 18px 45px #00000059;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:1rem .9rem;gap:.9rem;overflow:hidden}.brand{display:flex;align-items:center;gap:.7rem;padding:.2rem .3rem .55rem}.brand h1{margin:0;font-size:1.12rem;letter-spacing:.01em}.brand p{margin:0;color:#b6bad6;font-size:.85rem}.nav-links{display:grid;gap:.4rem;align-content:start;min-height:0;overflow-y:auto;padding:.15rem .2rem .25rem 0;scrollbar-width:thin;scrollbar-color:rgba(153,167,255,.35) transparent}.nav-links::-webkit-scrollbar{width:6px}.nav-links::-webkit-scrollbar-thumb{background:#99a7ff59;border-radius:999px}.nav-item{border-radius:12px;padding:.64rem .74rem;display:flex;align-items:center;gap:.6rem;color:#d8dbf0;border:1px solid transparent;transition:background .18s ease,border-color .18s ease,transform .18s ease}.nav-item:hover,.active-nav{background:#7a8aff33;border-color:#9ba9ff42;color:#fff}.nav-item:hover{transform:translate(2px)}.sidebar-user{background:#ffffff0f;border:1px solid rgba(155,169,255,.22);border-radius:12px;padding:.75rem;overflow:hidden;margin-top:.2rem}.sidebar-user p,.sidebar-user-name{margin:0;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user small,.sidebar-user-email{color:#b9bedf;display:block;margin:.2rem 0 .65rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-btn{width:100%;justify-content:center;border:1px solid rgba(255,255,255,.08)}.content-wrap{display:grid;grid-template-rows:auto 1fr;min-height:100vh;margin-left:var(--sidebar-width)}.topbar{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.95rem 1.2rem;border-bottom:1px solid rgba(255,255,255,.08);background:#0c0d1680}.top-search,.search-box{display:flex;align-items:center;gap:.5rem;padding:0 .6rem}.top-search{width:min(420px,100%)}.top-search input,.search-box input{background:transparent;border:none;color:#fff;outline:none;width:100%}.topbar-link{display:inline-flex;align-items:center;gap:.4rem;color:#dce1ff;font-size:.9rem}.topbar-link.active{color:#fff}.page-content{padding:1.25rem 1.25rem 5rem;overflow-y:auto}.section-title{display:flex;align-items:center;gap:.45rem;margin-top:.2rem}.section-title h3{margin:0}.all-tracks-title{justify-content:space-between}.all-tracks-title span{color:#b9bedf}.track-grid,.card-grid,.playlist-list,.notification-list{display:grid;gap:.8rem}.track-grid,.card-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.track-card,.album-card,.artist-card,.playlist-card,.notification-card,.profile-card,.empty-card{border:1px solid rgba(255,255,255,.09);background:#ffffff0a;border-radius:14px;padding:.82rem}.track-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.track-head h4,.album-card h4,.artist-card h4,.playlist-card h4{margin:0}.track-meta{margin-top:.7rem;display:grid;gap:.4rem}.track-meta span,.album-card p,.artist-card p,.playlist-card p,.profile-info p{color:#c6cae5;margin:0;display:inline-flex;align-items:center;gap:.35rem}.player-bar{position:fixed;left:260px;right:0;bottom:0;z-index:40;background:#0c0d16f5;border-top:1px solid rgba(255,255,255,.12);padding:.6rem 1.2rem}.player-bar.empty-player{justify-content:center}.album-card small,.artist-card small,.playlist-card small{color:#9fa7d7}.icon-btn,.play-btn{border:none;background:#ffffff14;color:#fff;border-radius:50%;width:34px;height:34px;cursor:pointer;display:grid;place-items:center}.play-btn{width:40px;height:40px}.empty-card{display:flex;align-items:center;gap:.5rem}.form-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.form-card{border:1px solid rgba(255,255,255,.09);background:#ffffff0a;border-radius:14px;padding:.9rem;display:grid;gap:.65rem}.form-card h3{margin:0 0 .3rem}.form-card label{display:grid;gap:.3rem;color:#d8dbf0}.form-card input,.form-card select{padding:.55rem .65rem;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#fff}.status-pill{border-radius:12px;padding:.45rem .65rem;width:fit-content}.status-pill.success{background:#4caf5026;border:1px solid rgba(76,175,80,.35);color:#c0f1c4}.status-pill.error{background:#ff6b6b29;border:1px solid rgba(255,107,107,.3);color:#ffc2c2}.player-bar{border-top:1px solid rgba(255,255,255,.08);background:#0d0e18f2;padding:.8rem 1rem}.player-main{display:grid;grid-template-columns:minmax(160px,1fr) auto minmax(250px,1.2fr) minmax(130px,180px);align-items:center;gap:.8rem}.current-track-info{display:grid}.current-track-info span{color:#b9bedf;font-size:.85rem}.player-controls{display:flex;align-items:center;gap:.45rem}.player-progress{display:flex;align-items:center;gap:.55rem}.player-progress span{color:#b9bedf;font-size:.82rem;min-width:36px}.player-progress input,.volume-control input{width:100%}.volume-control{display:flex;align-items:center;gap:.5rem}.profile-card{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start}.profile-image{width:100px;height:100px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.14)}.profile-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:.8rem 0}.profile-tags span{border-radius:999px;padding:.38rem .65rem;background:#ffffff14;display:inline-flex;align-items:center;gap:.3rem}.followers-wrap{display:flex;gap:1rem}.followers-wrap div{display:grid}.followers-wrap small{color:#b9bedf}.track-hero{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1.1rem;align-items:center}.track-hero-image{width:160px;height:160px;border-radius:18px;object-fit:cover}.track-hero-info .eyebrow{margin:0 0 .3rem;text-transform:uppercase;font-size:.75rem;letter-spacing:.08em;color:#a5aad5}.track-hero-meta{display:flex;flex-wrap:wrap;gap:.55rem;margin:.5rem 0 .9rem;color:#c8cbdf}.track-hero-meta span{display:inline-flex;align-items:center;gap:.3rem}.track-hero-actions{display:flex;gap:.6rem}.artist-meta{display:flex;flex-wrap:wrap;gap:.6rem;color:#c8cbdf}.artist-meta span{display:inline-flex;align-items:center;gap:.3rem}.simple-list{list-style:none;padding-left:0;margin:.3rem 0 .6rem;display:grid;gap:.35rem}.simple-list a{color:#dce1ff}.interactive-card{transition:transform .18s ease,border-color .18s ease,background .18s ease}.interactive-card:hover{transform:translateY(-2px);border-color:#7e94ff6b;background:#ffffff12}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.7rem}.summary-card{border:1px solid rgba(255,255,255,.09);background:#ffffff0a;border-radius:12px;padding:.75rem;display:grid;gap:.25rem}.summary-card strong{font-size:1.2rem}.summary-card span{color:#b9bedf;font-size:.84rem}.header-count{border:1px solid rgba(255,255,255,.13);background:#ffffff0d;color:#dce1ff;border-radius:999px;padding:.35rem .65rem;font-size:.84rem}.card-cover-placeholder{border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:#aeb6e6;display:grid;place-items:center}.meta-chip{display:inline-flex;align-items:center;gap:.28rem;border:1px solid rgba(255,255,255,.11);background:#ffffff0f;color:#d5daf7;border-radius:999px;padding:.26rem .52rem;font-size:.78rem}@media(max-width:1060px){.app-shell{--sidebar-width: 78px}.brand div,.nav-item span,.sidebar-user{display:none}.nav-item{justify-content:center;padding:.62rem}.player-main{grid-template-columns:1fr;gap:.6rem}}@media(max-width:700px){.page-header{flex-direction:column;align-items:flex-start}.profile-card{grid-template-columns:1fr}}.track-card{font-family:Syne,sans-serif;position:relative;width:220px;background:#0e0e12;border:1px solid #1e1e28;border-radius:16px;overflow:hidden;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.track-card:hover{transform:translateY(-4px);box-shadow:0 20px 48px #0009,0 0 0 1px #2e2e3e;border-color:#2e2e3e}.track-card:hover .track-artwork{transform:scale(1.06)}.tc-artwork-wrap{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:linear-gradient(135deg,#1a1a28,#0e0e18)}.track-artwork{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#2a2a3e;transition:transform .4s ease}.track-artwork svg{width:56px;height:56px;opacity:.35}.tc-artwork-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 40%,#0e0e12 100%);pointer-events:none}.play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000073;opacity:0;transition:opacity .2s ease;z-index:2}.play-btn-large{width:52px;height:52px;border-radius:50%;background:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#0e0e12;box-shadow:0 8px 24px #00000080;transition:transform .15s ease,background .15s ease}.play-btn-large:hover{transform:scale(1.1);background:#f0f0f0}.fav-btn{position:absolute;top:10px;right:10px;z-index:3;width:32px;height:32px;border-radius:50%;background:#0e0e12b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease,background .15s ease}.fav-btn:hover{transform:scale(1.15);background:#1e1e28e6}.tc-title{font-size:15px;font-weight:700;color:#f0f0f5;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.2px}.tc-artist{font-size:12px;font-weight:400;color:#6e6e88;display:flex;align-items:center;gap:4px;margin-bottom:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tc-tag{font-family:DM Mono,monospace;font-size:10px;font-weight:400;color:#88a;background:#16161f;border:1px solid #22222e;border-radius:4px;padding:2px 7px;white-space:nowrap}.tc-stats{display:flex;align-items:center;gap:12px;font-family:DM Mono,monospace;font-size:10px;color:#4e4e68}.tc-divider{width:1px;height:10px;background:#22222e}.playlists-page{font-family:Syne,sans-serif;min-height:100vh;background:#0a0a0f;padding:48px 40px}.playlists-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid #16161f}.playlists-header h2{font-size:36px;font-weight:800;color:#f0f0f5;margin:0;letter-spacing:-1px;line-height:1}.playlists-count{font-family:DM Mono,monospace;font-size:11px;color:#4e4e68;background:#13131c;border:1px solid #1e1e2a;border-radius:6px;padding:5px 10px;letter-spacing:.5px}.pl-skeleton{border-radius:16px;overflow:hidden;background:#0e0e12;border:1px solid #16161f}.pl-skeleton-art{width:100%;aspect-ratio:1;background:linear-gradient(90deg,#13131c 25%,#1a1a26,#13131c 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}.pl-skeleton-line{height:10px;border-radius:4px;background:linear-gradient(90deg,#13131c 25%,#1a1a26,#13131c 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}.pl-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;gap:12px}.pl-empty-icon{width:56px;height:56px;border-radius:50%;background:#13131c;border:1px solid #1e1e2a;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:4px}.pl-empty p{font-family:DM Mono,monospace;font-size:12px;color:#3e3e58;margin:0}.manage-page{font-family:Syne,sans-serif;min-height:100vh;background:#0a0a0f;padding:48px 40px}.manage-header{margin-bottom:36px;padding-bottom:20px;border-bottom:1px solid #16161f}.manage-header h2{font-size:36px;font-weight:800;color:#f0f0f5;margin:0;letter-spacing:-1px}.manage-toast{display:inline-flex;align-items:center;gap:8px;font-family:DM Mono,monospace;font-size:11px;padding:8px 14px;border-radius:6px;margin-bottom:28px;letter-spacing:.3px}.manage-toast--success{background:#0d1f14;border:1px solid #1a3d26;color:#4ade80}.manage-toast--error{background:#1f0d0d;border:1px solid #3d1a1a;color:#f87171}.manage-toast--success .manage-toast__dot{background:#4ade80}.manage-toast--error .manage-toast__dot{background:#f87171}.mform{background:#0e0e12;border:1px solid #1a1a24;border-radius:16px;padding:28px 24px 24px;display:flex;flex-direction:column;gap:0;transition:border-color .2s}.mform:hover{border-color:#26263a}.mform__label-tag{font-family:DM Mono,monospace;font-size:10px;color:#3e3e58;letter-spacing:1px;margin-bottom:6px}.mform__title{font-size:18px;font-weight:700;color:#f0f0f5;margin:0 0 22px;letter-spacing:-.3px}.mfield__label{font-family:DM Mono,monospace;font-size:10px;color:#4e4e68;letter-spacing:.5px;text-transform:uppercase;display:flex;align-items:center;gap:6px}.mfield__optional{font-size:9px;color:#2e2e48;text-transform:none;letter-spacing:0}.mfield__input{background:#13131c;border:1px solid #1e1e2c;border-radius:8px;padding:9px 12px;font-family:Syne,sans-serif;font-size:13px;color:#d0d0e0;outline:none;transition:border-color .15s,box-shadow .15s;width:100%;box-sizing:border-box}.mfield__input:focus{border-color:#3a3a58;box-shadow:0 0 0 3px #5050a01a}.mfield__input::placeholder{color:#2e2e48}.mfield__file span{display:block;background:#13131c;border:1px dashed #1e1e2c;border-radius:8px;padding:9px 12px;font-family:DM Mono,monospace;font-size:11px;color:#3e3e58;transition:border-color .15s,color .15s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mfield__file:hover span{border-color:#3a3a58;color:#6e6e98}.mfield__toggle-track{width:36px;height:20px;background:#1a1a28;border:1px solid #2a2a3e;border-radius:10px;position:relative;transition:background .2s,border-color .2s;flex-shrink:0}.mfield__toggle input:checked~.mfield__toggle-track{background:#2a2a5a;border-color:#4a4a8a}.mfield__toggle-thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;background:#3e3e58;border-radius:50%;transition:transform .2s,background .2s}.mfield__toggle input:checked~.mfield__toggle-track .mfield__toggle-thumb{transform:translate(16px);background:#a0a0ff}.mfield__toggle-label{font-family:DM Mono,monospace;font-size:11px;color:#4e4e68}.mform__btn{width:100%;padding:11px;background:#f0f0f5;color:#0a0a0f;border:none;border-radius:8px;font-family:Syne,sans-serif;font-size:13px;font-weight:700;cursor:pointer;letter-spacing:.2px;transition:background .15s,transform .1s}.mform__btn:hover{background:#d8d8e8}.profile-page{font-family:Syne,sans-serif;min-height:100vh;background:#0a0a0f;padding:48px 40px}.profile-page__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px;padding-bottom:20px;border-bottom:1px solid #16161f}.profile-page__header h2{font-size:36px;font-weight:800;color:#f0f0f5;margin:0;letter-spacing:-1px}.profile-page__refresh{display:flex;align-items:center;gap:6px;font-family:DM Mono,monospace;font-size:11px;color:#4e4e68;background:#13131c;border:1px solid #1e1e2c;border-radius:7px;padding:7px 12px;cursor:pointer;transition:color .15s,border-color .15s}.profile-page__refresh:hover{color:#9090b8;border-color:#2e2e48}.pcard{display:flex;gap:40px;background:#0e0e12;border:1px solid #1a1a24;border-radius:20px;padding:36px;max-width:760px;align-items:flex-start}.pcard__avatar-wrap{width:100px;height:100px;border-radius:50%;overflow:hidden;border:2px solid #1e1e2c;background:#13131c}.pcard__avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#2e2e48}.pcard__stat strong{font-size:20px;font-weight:800;color:#f0f0f5;letter-spacing:-.5px}.pcard__stat small{font-family:DM Mono,monospace;font-size:9px;color:#3e3e58;text-transform:uppercase;letter-spacing:.8px}.pcard__stat-divider{width:1px;height:28px;background:#1e1e2c}.pcard__username{font-size:24px;font-weight:800;color:#f0f0f5;margin:0;letter-spacing:-.5px}.pcard__status-badge{display:inline-flex;align-items:center;gap:4px;font-family:DM Mono,monospace;font-size:10px;color:#3e3e58;background:#13131c;border:1px solid #1e1e2c;border-radius:20px;padding:3px 10px;text-transform:capitalize}.pcard__status-badge--active{color:#4ade80;background:#0d1f14;border-color:#1a3d26}.pcard__bio{font-size:13px;color:#5a5a78;margin:0;line-height:1.6}.pcard__meta{display:flex;flex-wrap:wrap;gap:8px;padding-top:6px;border-top:1px solid #13131c}.pcard__meta-item{display:inline-flex;align-items:center;gap:5px;font-family:DM Mono,monospace;font-size:10px;color:#5a5a78;background:#13131c;border:1px solid #1a1a24;border-radius:5px;padding:4px 9px}.pcard__meta-item--muted{color:#3a3a52;background:transparent;border-color:transparent}.favorites-page{font-family:Syne,sans-serif;min-height:100vh;background:#0a0a0f;padding:48px 40px}.favorites-page__header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid #16161f}.favorites-page__header h2{font-size:36px;font-weight:800;color:#f0f0f5;margin:0;letter-spacing:-1px}.favorites-page__count{font-family:DM Mono,monospace;font-size:11px;color:#4e4e68;background:#13131c;border:1px solid #1e1e2a;border-radius:6px;padding:5px 10px;letter-spacing:.5px}.favorites-page__error{display:inline-flex;align-items:center;gap:8px;font-family:DM Mono,monospace;font-size:11px;color:#f87171;background:#1f0d0d;border:1px solid #3d1a1a;border-radius:6px;padding:8px 14px;margin-bottom:28px}.fav-item--removing{opacity:.4;pointer-events:none}.fav-remove-btn{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;padding:7px;background:transparent;border:1px solid #1e1e2c;border-radius:8px;font-family:DM Mono,monospace;font-size:10px;color:#3e3e58;cursor:pointer;letter-spacing:.3px;transition:background .15s,border-color .15s,color .15s}.fav-remove-btn:hover{background:#1f0d0d;border-color:#3d1a1a;color:#f87171}.fav-skeleton{border-radius:16px;overflow:hidden;background:#0e0e12;border:1px solid #16161f}.fav-skeleton__art{width:100%;aspect-ratio:1;background:linear-gradient(90deg,#13131c 25%,#1a1a26,#13131c 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}.fav-skeleton__line{height:10px;border-radius:4px;background:linear-gradient(90deg,#13131c 25%,#1a1a26,#13131c 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}.fav-empty__icon{width:56px;height:56px;border-radius:50%;background:#13131c;border:1px solid #1e1e2a;display:flex;align-items:center;justify-content:center;color:#2e2e48}.fav-empty p{font-family:DM Mono,monospace;font-size:12px;color:#3e3e58;margin:0}.tdetail-page{font-family:Syne,sans-serif;min-height:100vh;background:#0a0a0f;padding:48px 40px}.tdetail-art{flex-shrink:0;width:220px;height:220px;border-radius:16px;overflow:hidden;border:1px solid #1a1a24;background:#0e0e12}.tdetail-art__fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#2a2a3e}.tdetail-eyebrow{font-family:DM Mono,monospace;font-size:10px;color:#3e3e58;text-transform:uppercase;letter-spacing:1.5px;margin:0}.tdetail-title{font-size:38px;font-weight:800;color:#f0f0f5;margin:0;letter-spacing:-1.2px;line-height:1.05}.tdetail-meta__item{display:inline-flex;align-items:center;gap:5px;font-family:DM Mono,monospace;font-size:11px;color:#5a5a78;background:#13131c;border:1px solid #1a1a24;border-radius:5px;padding:4px 9px}.tdetail-meta__item--muted{background:transparent;border-color:transparent;color:#3a3a52}.tdetail-link:hover{color:#a0a0c8}.tdetail-stats{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#0e0e12;border:1px solid #1a1a24;border-radius:10px;width:fit-content}.tdetail-stat{display:flex;align-items:center;gap:5px;font-family:DM Mono,monospace;font-size:12px;color:#8080a8}.tdetail-stat span{color:#c0c0d8}.tdetail-stat small{font-size:9px;color:#3e3e58;text-transform:uppercase;letter-spacing:.5px}.tdetail-stat-div{width:1px;height:16px;background:#1e1e2c}.tdetail-actions{display:flex;gap:10px;align-items:center}.tdetail-play-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 22px;background:#f0f0f5;color:#0a0a0f;border:none;border-radius:8px;font-family:Syne,sans-serif;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s,transform .1s}.tdetail-play-btn:hover{background:#d8d8e8}.tdetail-fav-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 18px;background:transparent;color:#5a5a78;border:1px solid #1e1e2c;border-radius:8px;font-family:Syne,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.tdetail-fav-btn:hover{border-color:#3a3a58;color:#9090b8}.tdetail-fav-btn--active{color:#f46;border-color:#3d1a26;background:#1f0d14}.tdetail-fav-btn--active:hover{background:#2a0e1a;border-color:#5a2030;color:#ff6680}.tdetail-skeleton__art{flex-shrink:0;width:220px;height:220px;border-radius:16px;background:linear-gradient(90deg,#13131c 25%,#1a1a26,#13131c 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}.tdetail-skeleton__line{height:14px;border-radius:4px;background:linear-gradient(90deg,#13131c 25%,#1a1a26,#13131c 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}.tdetail-follow-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 18px;background:transparent;color:#5a5a78;border:1px solid #1e1e2c;border-radius:8px;font-family:Syne,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.tdetail-follow-btn:hover{border-color:#3a3a58;color:#9090b8}.tdetail-follow-btn--active{color:#a0a0ff;border-color:#2a2a5a;background:#0e0e22}.tdetail-follow-btn--active:hover{background:#13133a;border-color:#3a3a7a;color:#c0c0ff}.artist-page{font-family:Syne,sans-serif;min-height:100vh;background:#0a0a0f;padding:48px 40px;display:flex;flex-direction:column;gap:48px;max-width:860px}.artist-avatar{flex-shrink:0;width:160px;height:160px;border-radius:50%;overflow:hidden;border:2px solid #1e1e2c;background:#0e0e12}.artist-avatar__fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#2a2a3e}.artist-verified{display:inline-flex;align-items:center;gap:4px;font-family:DM Mono,monospace;font-size:10px;color:#4ade80;background:#0d1f14;border:1px solid #1a3d26;border-radius:20px;padding:2px 9px}.artist-name{font-size:42px;font-weight:800;color:#f0f0f5;margin:0;letter-spacing:-1.5px;line-height:1}.artist-bio{font-size:13px;color:#5a5a78;margin:0;line-height:1.6;max-width:480px}.artist-section__head{display:flex;align-items:center;gap:8px;color:#3e3e58;padding-bottom:12px;border-bottom:1px solid #16161f}.artist-section__head h3{font-size:13px;font-weight:700;color:#8080a8;margin:0;text-transform:uppercase;letter-spacing:1px}.artist-section__count{font-family:DM Mono,monospace;font-size:10px;color:#3e3e58;background:#13131c;border:1px solid #1a1a24;border-radius:4px;padding:1px 7px;margin-left:auto}.artist-list__item{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:8px;transition:background .12s}.artist-list__item:hover{background:#0e0e12}.artist-list__num{font-family:DM Mono,monospace;font-size:10px;color:#2e2e48;width:20px;flex-shrink:0}.artist-list__link{font-size:14px;font-weight:600;color:#c0c0d8;text-decoration:none;transition:color .15s}.artist-list__link:hover{color:#f0f0f5}.artist-empty{font-family:DM Mono,monospace;font-size:11px;color:#2e2e48;padding:12px;margin:0}.notif-page{font-family:Syne,sans-serif;min-height:100vh;background:#0a0a0f;padding:48px 40px}.notif-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px;padding-bottom:20px;border-bottom:1px solid #16161f}.notif-header__left h2{font-size:36px;font-weight:800;color:#f0f0f5;margin:0;letter-spacing:-1px}.notif-badge{font-family:DM Mono,monospace;font-size:10px;color:#a0a0ff;background:#0e0e22;border:1px solid #2a2a5a;border-radius:20px;padding:2px 9px;letter-spacing:.3px}.notif-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#0e0e12;border:1px solid #1a1a24;border-radius:12px;transition:border-color .15s,background .15s;position:relative}.notif-card:hover{background:#111118;border-color:#26263a}.notif-card__icon--trend{background:#0d1f14;border:1px solid #1a3d26;color:#4ade80}.notif-card__icon--album{background:#0e0e22;border:1px solid #2a2a5a;color:#a0a0ff}.notif-card__text{font-size:13px;color:#9090a8;margin:0;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-card__title{font-weight:700;color:#d0d0e0}.notif-card__verb{font-weight:400}.notif-card__sub{font-family:DM Mono,monospace;font-size:10px;color:#3e3e58;letter-spacing:.3px}.notif-card__dot{flex-shrink:0;width:6px;height:6px;border-radius:50%;background:#a0a0ff;opacity:.6}.pbar{position:fixed;bottom:0;left:var(--sidebar-width, 260px);right:0;height:72px;background:#0a0a0fd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid #16161f;z-index:100;font-family:Syne,sans-serif}.pbar__idle{height:100%;display:flex;align-items:center;justify-content:center;gap:8px;font-family:DM Mono,monospace;font-size:11px;color:#2e2e48}.pbar__cover{flex-shrink:0;width:40px;height:40px;border-radius:8px;background:#13131c;border:1px solid #1e1e2c;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#2e2e48}.pbar__meta strong{font-size:13px;font-weight:700;color:#e0e0f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pbar__meta span{font-family:DM Mono,monospace;font-size:10px;color:#3e3e58;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pbar__btn{background:none;border:none;color:#4e4e68;cursor:pointer;padding:4px;display:flex;align-items:center;transition:color .15s}.pbar__btn:hover{color:#c0c0d8}.pbar__play{background:none;border:none;color:#f0f0f5;cursor:pointer;display:flex;align-items:center;padding:0;transition:color .15s,transform .1s}.pbar__play:hover{color:#a0a0ff;transform:scale(1.06)}.pbar__time{font-family:DM Mono,monospace;font-size:10px;color:#3e3e58;width:34px;text-align:center;flex-shrink:0}.pbar__track-wrap{position:relative;width:280px;height:3px;background:#1a1a28;border-radius:2px}.pbar__track-fill{position:absolute;left:0;top:0;bottom:0;background:#f0f0f5;border-radius:2px;pointer-events:none;transition:width .1s linear}.pbar__volume{display:flex;align-items:center;gap:10px;justify-content:flex-end;color:#3e3e58}.auth-page{font-family:Syne,sans-serif;min-height:100vh;background:#0a0a0f;display:flex;align-items:center;justify-content:center;padding:24px}.auth-card{width:100%;max-width:380px;background:#0e0e12;border:1px solid #1a1a24;border-radius:20px;padding:36px 32px 32px;display:flex;flex-direction:column;gap:20px}.auth-brand__icon{width:44px;height:44px;border-radius:12px;background:#13131c;border:1px solid #1e1e2c;display:flex;align-items:center;justify-content:center;color:#6060a8}.auth-brand h2{font-size:22px;font-weight:800;color:#f0f0f5;margin:0;letter-spacing:-.5px}.auth-error{display:flex;align-items:center;gap:8px;font-family:DM Mono,monospace;font-size:11px;color:#f87171;background:#1f0d0d;border:1px solid #3d1a1a;border-radius:6px;padding:8px 12px}.auth-error .manage-toast__dot{background:#f87171}.auth-switch{text-align:center;font-family:DM Mono,monospace;font-size:11px;color:#3e3e58;margin:0}.auth-switch a{color:#8080c8;text-decoration:none;transition:color .15s}.auth-switch a:hover{color:#a0a0f0}.tracks-page{font-family:Syne,sans-serif;min-height:100vh;background:#0a0a0f;padding:48px 40px}.tracks-page__header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid #16161f}.tracks-page__header-left h2{font-size:36px;font-weight:800;color:#f0f0f5;margin:0;letter-spacing:-1px}.tracks-search{display:flex;align-items:center;gap:8px;background:#0e0e12;border:1px solid #1e1e2c;border-radius:8px;padding:8px 14px;color:#3e3e58;transition:border-color .15s}.tracks-search:focus-within{border-color:#3a3a58;color:#6060a8}.tracks-search input{background:none;border:none;outline:none;font-family:DM Mono,monospace;font-size:12px;color:#c0c0d8;width:220px}.tracks-search input::placeholder{color:#2e2e48}.app-shell{display:flex;height:100vh;background:#0a0a0f;font-family:Syne,sans-serif;overflow:hidden}.content-wrap{flex:1;display:flex;flex-direction:column;overflow:hidden}.page-content{flex:1;overflow-y:auto;padding-bottom:80px}.sidebar{width:220px;flex-shrink:0;background:#0a0a0f;border-right:1px solid #13131c;display:flex;flex-direction:column;padding:20px 12px;gap:4px;overflow-y:auto}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:4px 8px 20px}.sidebar-brand__icon{width:34px;height:34px;border-radius:9px;background:#13131c;border:1px solid #1e1e2c;display:flex;align-items:center;justify-content:center;color:#6060a8;flex-shrink:0}.sidebar-brand__text h1{font-size:15px;font-weight:800;color:#f0f0f5;margin:0;letter-spacing:-.3px}.sidebar-nav__label{font-family:DM Mono,monospace;font-size:9px;color:#2a2a3e;text-transform:uppercase;letter-spacing:1px;padding:0 8px;margin-bottom:4px;margin-top:4px}.sidebar-link{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;font-size:13px;font-weight:600;color:#4e4e68;text-decoration:none;transition:background .12s,color .12s}.sidebar-link:hover{background:#0e0e12;color:#9090a8}.sidebar-link--active{background:#13131c;color:#f0f0f5}.sidebar-link--active svg{color:#a0a0ff}.sidebar-divider{height:1px;background:#13131c;margin:8px 0}.sidebar-footer{margin-top:auto;display:flex;align-items:center;gap:10px;padding:12px 8px 4px;border-top:1px solid #13131c}.sidebar-footer__avatar{width:30px;height:30px;border-radius:50%;background:#13131c;border:1px solid #1e1e2c;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#6060a8;flex-shrink:0}.sidebar-footer__info strong{font-size:12px;font-weight:700;color:#c0c0d8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer__info small{font-family:DM Mono,monospace;font-size:9px;color:#2e2e48;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer__logout{flex-shrink:0;width:28px;height:28px;border-radius:7px;background:transparent;border:1px solid #1a1a24;color:#3e3e58;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.sidebar-footer__logout:hover{background:#1f0d0d;border-color:#3d1a1a;color:#f87171}.home-page{font-family:Syne,sans-serif;background:#0a0a0f;padding:48px 40px;display:flex;flex-direction:column;gap:48px}.home-header{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:16px;padding-bottom:24px;border-bottom:1px solid #16161f}.home-header__left h2{font-size:36px;font-weight:800;color:#f0f0f5;margin:0;letter-spacing:-1px}.home-stat{display:flex;flex-direction:column;align-items:flex-start;gap:6px;background:#0e0e12;border:1px solid #1a1a24;border-radius:12px;padding:16px 20px;flex:1;min-width:100px}.home-stat__icon{color:#3e3e58}.home-stat strong{font-size:22px;font-weight:800;color:#f0f0f5;letter-spacing:-.5px;line-height:1}.home-stat small{font-family:DM Mono,monospace;font-size:9px;color:#3e3e58;text-transform:uppercase;letter-spacing:.8px}.home-section__head{display:flex;align-items:center;gap:8px;color:#3e3e58;padding-bottom:14px;border-bottom:1px solid #16161f}.home-section__head h3{font-size:13px;font-weight:700;color:#8080a8;margin:0;text-transform:uppercase;letter-spacing:1px}:root{--bg: #13111c;--bg-2: #1a1726;--bg-3: #221e30;--surface: #1e1b2e;--surface-2: #252238;--border: #2e2a42;--border-2: #3e3858;--text-1: #f0edf8;--text-2: #c4bede;--text-3: #8a82a8;--text-4: #524d6a;--accent: #e8619d;--accent-dim: #c04878;--accent-soft: #2e1428;--accent-border:#5a2040;--accent-glow: rgba(232, 97, 157, .2);--purple: #a78bfa;--purple-soft: #1e1838;--purple-border:#3c3068;--green: #34d399;--green-soft: #0d2318;--green-border: #1a4a30;--red: #f87171;--red-soft: #2a0f0f;--red-border: #5a1e1e;--shadow-sm: 0 1px 3px rgba(0,0,0,.3), 0 1px 2px rgba(0,0,0,.2);--shadow-md: 0 4px 16px rgba(0,0,0,.4), 0 2px 6px rgba(0,0,0,.2);--shadow-lg: 0 12px 40px rgba(0,0,0,.5), 0 4px 12px rgba(0,0,0,.3);--shadow-accent:0 8px 32px rgba(232,97,157,.3);--r-sm: 6px;--r-md: 10px;--r-lg: 16px;--r-xl: 20px;--sidebar-width: 224px}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text-1);font-family:Syne,sans-serif;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}#root{min-height:100vh}.app-shell{display:flex;height:100vh;background:var(--bg);overflow:hidden}.content-wrap{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.page-content{flex:1;overflow-y:auto;padding-bottom:88px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.page-content::-webkit-scrollbar{width:5px}.page-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}.sidebar{width:var(--sidebar-width);flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:18px 12px;gap:4px;overflow-y:auto;box-shadow:4px 0 24px #0000004d}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:4px 8px 22px}.sidebar-brand__icon{width:36px;height:36px;border-radius:10px;background:var(--accent-soft);border:1px solid var(--accent-border);display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0;box-shadow:0 0 16px var(--accent-glow)}.sidebar-brand__text h1{font-size:16px;font-weight:800;color:var(--text-1);margin:0;letter-spacing:-.4px}.sidebar-nav{display:flex;flex-direction:column;gap:1px}.sidebar-nav__label{font-family:DM Mono,monospace;font-size:9px;color:var(--text-4);text-transform:uppercase;letter-spacing:1.2px;padding:0 8px;margin:8px 0 4px}.sidebar-link{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r-md);font-size:13px;font-weight:600;color:var(--text-3);text-decoration:none;transition:background .12s,color .12s;border:1px solid transparent}.sidebar-link:hover{background:var(--bg-2);color:var(--text-2)}.sidebar-link--active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-border)}.sidebar-link--active svg{color:var(--accent)}.sidebar-divider{height:1px;background:var(--border);margin:6px 0}.sidebar-footer{margin-top:auto;display:flex;align-items:center;gap:10px;padding:14px 8px 4px;border-top:1px solid var(--border)}.sidebar-footer__avatar{width:32px;height:32px;border-radius:50%;background:var(--accent-soft);border:1px solid var(--accent-border);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:var(--accent);flex-shrink:0}.sidebar-footer__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.sidebar-footer__info strong{font-size:12px;font-weight:700;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer__info small{font-family:DM Mono,monospace;font-size:9px;color:var(--text-4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer__logout{flex-shrink:0;width:28px;height:28px;border-radius:7px;background:transparent;border:1px solid var(--border);color:var(--text-4);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.sidebar-footer__logout:hover{background:var(--red-soft);border-color:var(--red-border);color:var(--red)}.auth-page{min-height:100vh;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:24px}.auth-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:40px 32px 32px;display:flex;flex-direction:column;gap:20px;box-shadow:var(--shadow-lg)}.auth-brand{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.auth-brand__icon{width:48px;height:48px;border-radius:14px;background:var(--accent-soft);border:1px solid var(--accent-border);display:flex;align-items:center;justify-content:center;color:var(--accent);box-shadow:0 0 24px var(--accent-glow)}.auth-brand h2{font-size:22px;font-weight:800;color:var(--text-1);margin:0;letter-spacing:-.5px}.auth-error{display:flex;align-items:center;gap:8px;font-family:DM Mono,monospace;font-size:11px;color:var(--red);background:var(--red-soft);border:1px solid var(--red-border);border-radius:var(--r-sm);padding:8px 12px}.auth-fields{display:flex;flex-direction:column;gap:14px}.auth-switch{text-align:center;font-family:DM Mono,monospace;font-size:11px;color:var(--text-4);margin:0}.auth-switch a{color:var(--accent);font-weight:600;transition:opacity .15s}.auth-switch a:hover{opacity:.8}.mfield{display:flex;flex-direction:column;gap:5px}.mfield__label{font-family:DM Mono,monospace;font-size:10px;color:var(--text-4);letter-spacing:.5px;text-transform:uppercase;display:flex;align-items:center;gap:6px}.mfield__optional{font-size:9px;color:var(--text-4);text-transform:none;letter-spacing:0}.mfield__input{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--r-md);padding:10px 13px;font-family:Syne,sans-serif;font-size:13px;color:var(--text-1);outline:none;transition:border-color .15s,box-shadow .15s;width:100%}.mfield__input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.mfield__input::placeholder{color:var(--text-4)}.mfield__select{appearance:none;cursor:pointer}.mfield__file{display:block;cursor:pointer}.mfield__file input[type=file]{display:none}.mfield__file span{display:block;background:var(--bg-2);border:1px dashed var(--border);border-radius:var(--r-md);padding:10px 13px;font-family:DM Mono,monospace;font-size:11px;color:var(--text-4);transition:all .15s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mfield__file:hover span{border-color:var(--accent);color:var(--accent)}.mfield__toggle{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.mfield__toggle input{display:none}.mfield__toggle-track{width:36px;height:20px;background:var(--bg-3);border:1px solid var(--border);border-radius:10px;position:relative;transition:all .2s;flex-shrink:0}.mfield__toggle input:checked~.mfield__toggle-track{background:var(--accent);border-color:var(--accent)}.mfield__toggle-thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;background:var(--text-3);border-radius:50%;transition:transform .2s,background .2s}.mfield__toggle input:checked~.mfield__toggle-track .mfield__toggle-thumb{transform:translate(16px);background:#fff}.mfield__toggle-label{font-family:DM Mono,monospace;font-size:11px;color:var(--text-3)}.manage-toast{display:inline-flex;align-items:center;gap:8px;font-family:DM Mono,monospace;font-size:11px;padding:8px 14px;border-radius:var(--r-sm);letter-spacing:.3px}.manage-toast--success{background:var(--green-soft);border:1px solid var(--green-border);color:var(--green)}.manage-toast--error{background:var(--red-soft);border:1px solid var(--red-border);color:var(--red)}.manage-toast__dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.manage-toast--success .manage-toast__dot{background:var(--green)}.manage-toast--error .manage-toast__dot{background:var(--red)}.mform__btn{width:100%;padding:12px;background:var(--accent);color:#fff;border:none;border-radius:var(--r-md);font-family:Syne,sans-serif;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 4px 16px var(--accent-glow);transition:background .15s,transform .1s,box-shadow .15s}.mform__btn:hover{background:var(--accent-dim);box-shadow:var(--shadow-accent)}.mform__btn:active{transform:scale(.98)}.mform__btn:disabled{opacity:.4;cursor:not-allowed}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pl-skeleton{border-radius:var(--r-lg);overflow:hidden;background:var(--surface);border:1px solid var(--border)}.pl-skeleton-art{width:100%;aspect-ratio:1;background:linear-gradient(90deg,var(--bg-2) 25%,var(--bg-3) 50%,var(--bg-2) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}.pl-skeleton-body{padding:14px;display:flex;flex-direction:column;gap:8px}.pl-skeleton-line{height:10px;border-radius:4px;background:linear-gradient(90deg,var(--bg-2) 25%,var(--bg-3) 50%,var(--bg-2) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}.fav-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;gap:12px}.fav-empty__icon{width:56px;height:56px;border-radius:50%;background:var(--bg-2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-4)}.fav-empty p{font-family:DM Mono,monospace;font-size:12px;color:var(--text-4);margin:0}.fav-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px}.track-card{font-family:Syne,sans-serif;position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.track-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--border-2)}.track-card:hover .play-overlay{opacity:1}.track-card:hover .track-artwork{transform:scale(1.07)}.tc-artwork-wrap{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:linear-gradient(135deg,var(--bg-2) 0%,var(--bg-3) 100%)}.track-artwork{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--border-2);transition:transform .4s ease}.track-artwork svg{width:56px;height:56px;opacity:.4}.tc-artwork-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 40%,var(--surface) 100%);pointer-events:none}.play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000080;opacity:0;transition:opacity .2s ease;z-index:2}.play-btn-large{width:52px;height:52px;border-radius:50%;background:var(--accent);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 24px var(--accent-glow);transition:transform .15s ease,background .15s ease}.play-btn-large:hover{transform:scale(1.1);background:var(--accent-dim)}.play-btn-large svg{margin-left:3px}.fav-btn{position:absolute;top:10px;right:10px;z-index:3;width:32px;height:32px;border-radius:50%;background:#13111ccc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.fav-btn:hover{background:var(--accent-soft);border-color:var(--accent-border);transform:scale(1.15)}.tc-body{padding:14px 14px 16px}.tc-title{font-size:15px;font-weight:700;color:var(--text-1);margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.2px}.tc-artist{font-size:12px;color:var(--text-3);display:flex;align-items:center;gap:4px;margin-bottom:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tc-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px}.tc-tag{font-family:DM Mono,monospace;font-size:10px;color:var(--text-3);background:var(--bg-2);border:1px solid var(--border);border-radius:4px;padding:2px 7px;white-space:nowrap}.tc-stats{display:flex;align-items:center;gap:12px;font-family:DM Mono,monospace;font-size:10px;color:var(--text-4)}.tc-stat{display:flex;align-items:center;gap:4px}.tc-divider{width:1px;height:10px;background:var(--border)}.manage-page{background:var(--bg);min-height:100vh;padding:48px 40px}.manage-header{margin-bottom:36px;padding-bottom:20px;border-bottom:1px solid var(--border)}.manage-header h2{font-size:36px;font-weight:800;color:var(--text-1);margin:0;letter-spacing:-1px}.manage-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;align-items:start}.mform{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:28px 24px 24px;display:flex;flex-direction:column;gap:0;box-shadow:var(--shadow-sm);transition:border-color .2s,box-shadow .2s}.mform:hover{border-color:var(--border-2);box-shadow:var(--shadow-md)}.mform__label-tag{font-family:DM Mono,monospace;font-size:10px;color:var(--text-4);letter-spacing:1px;margin-bottom:6px}.mform__title{font-size:18px;font-weight:700;color:var(--text-1);margin:0 0 22px;letter-spacing:-.3px}.mform__fields{display:flex;flex-direction:column;gap:14px;margin-bottom:24px}.profile-page{background:var(--bg);min-height:100vh;padding:48px 40px}.profile-page__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px;padding-bottom:20px;border-bottom:1px solid var(--border)}.profile-page__header h2{font-size:36px;font-weight:800;color:var(--text-1);margin:0;letter-spacing:-1px}.profile-page__refresh{display:flex;align-items:center;gap:6px;font-family:DM Mono,monospace;font-size:11px;color:var(--text-3);background:var(--surface);border:1px solid var(--border);border-radius:7px;padding:7px 12px;cursor:pointer;transition:all .15s}.profile-page__refresh:hover{color:var(--accent);border-color:var(--accent-border);background:var(--accent-soft)}.pcard{display:flex;gap:40px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:36px;max-width:760px;align-items:flex-start;box-shadow:var(--shadow-md)}.pcard__left{display:flex;flex-direction:column;align-items:center;gap:24px;flex-shrink:0}.pcard__avatar-wrap{width:100px;height:100px;border-radius:50%;overflow:hidden;border:2px solid var(--accent-border);background:var(--bg-2);box-shadow:0 0 24px var(--accent-glow)}.pcard__avatar{width:100%;height:100%;object-fit:cover;display:block}.pcard__avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-4)}.pcard__stats{display:flex;align-items:center;gap:16px}.pcard__stat{display:flex;flex-direction:column;align-items:center;gap:2px}.pcard__stat strong{font-size:20px;font-weight:800;color:var(--text-1);letter-spacing:-.5px}.pcard__stat small{font-family:DM Mono,monospace;font-size:9px;color:var(--text-4);text-transform:uppercase;letter-spacing:.8px}.pcard__stat-divider{width:1px;height:28px;background:var(--border)}.pcard__right{display:flex;flex-direction:column;gap:14px;flex:1;min-width:0}.pcard__top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pcard__username{font-size:24px;font-weight:800;color:var(--text-1);margin:0;letter-spacing:-.5px}.pcard__status-badge{display:inline-flex;align-items:center;gap:4px;font-family:DM Mono,monospace;font-size:10px;color:var(--text-4);background:var(--bg-2);border:1px solid var(--border);border-radius:20px;padding:3px 10px;text-transform:capitalize}.pcard__status-badge--active{color:var(--green);background:var(--green-soft);border-color:var(--green-border)}.pcard__bio{font-size:13px;color:var(--text-3);margin:0;line-height:1.6}.pcard__meta{display:flex;flex-wrap:wrap;gap:8px;padding-top:6px;border-top:1px solid var(--border)}.pcard__meta-item{display:inline-flex;align-items:center;gap:5px;font-family:DM Mono,monospace;font-size:10px;color:var(--text-3);background:var(--bg-2);border:1px solid var(--border);border-radius:5px;padding:4px 9px}.pcard__meta-item--muted{background:transparent;border-color:transparent;color:var(--text-4)}.favorites-page{background:var(--bg);min-height:100vh;padding:48px 40px}.favorites-page__header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid var(--border)}.favorites-page__header h2{font-size:36px;font-weight:800;color:var(--text-1);margin:0;letter-spacing:-1px}.favorites-page__count{font-family:DM Mono,monospace;font-size:11px;color:var(--text-3);background:var(--bg-2);border:1px solid var(--border);border-radius:6px;padding:5px 10px;letter-spacing:.5px}.favorites-page__error{display:inline-flex;align-items:center;gap:8px;font-family:DM Mono,monospace;font-size:11px;color:var(--red);background:var(--red-soft);border:1px solid var(--red-border);border-radius:6px;padding:8px 14px;margin-bottom:28px}.fav-item{display:flex;flex-direction:column;gap:8px;transition:opacity .2s}.fav-item--removing{opacity:.3;pointer-events:none}.fav-remove-btn{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;padding:7px;background:transparent;border:1px solid var(--border);border-radius:var(--r-md);font-family:DM Mono,monospace;font-size:10px;color:var(--text-4);cursor:pointer;transition:all .15s}.fav-remove-btn:hover{background:var(--red-soft);border-color:var(--red-border);color:var(--red)}.fav-remove-btn:disabled{opacity:.3;cursor:not-allowed}.fav-skeleton{border-radius:var(--r-lg);overflow:hidden;background:var(--surface);border:1px solid var(--border)}.fav-skeleton__art{width:100%;aspect-ratio:1;background:linear-gradient(90deg,var(--bg-2) 25%,var(--bg-3) 50%,var(--bg-2) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}.fav-skeleton__body{padding:14px;display:flex;flex-direction:column;gap:8px}.fav-skeleton__line{height:10px;border-radius:4px;background:linear-gradient(90deg,var(--bg-2) 25%,var(--bg-3) 50%,var(--bg-2) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}.tdetail-page{background:var(--bg);min-height:100vh;padding:48px 40px}.tdetail-hero{display:flex;gap:44px;align-items:flex-start;max-width:860px}.tdetail-art{flex-shrink:0;width:220px;height:220px;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--border);background:var(--bg-2);box-shadow:var(--shadow-md),0 0 40px var(--accent-glow)}.tdetail-art__img{width:100%;height:100%;object-fit:cover;display:block}.tdetail-art__fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-4)}.tdetail-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:16px;padding-top:4px}.tdetail-eyebrow{font-family:DM Mono,monospace;font-size:10px;color:var(--accent);text-transform:uppercase;letter-spacing:1.5px;margin:0}.tdetail-title{font-size:38px;font-weight:800;color:var(--text-1);margin:0;letter-spacing:-1.2px;line-height:1.05}.tdetail-meta{display:flex;flex-wrap:wrap;gap:8px}.tdetail-meta__item{display:inline-flex;align-items:center;gap:5px;font-family:DM Mono,monospace;font-size:11px;color:var(--text-3);background:var(--bg-2);border:1px solid var(--border);border-radius:5px;padding:4px 9px}.tdetail-meta__item--muted{background:transparent;border-color:transparent;color:var(--text-4)}.tdetail-link{color:inherit;text-decoration:none;transition:color .15s}.tdetail-link:hover{color:var(--accent)}.tdetail-stats{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);width:fit-content}.tdetail-stat{display:flex;align-items:center;gap:5px;font-family:DM Mono,monospace;font-size:12px;color:var(--text-3)}.tdetail-stat span{color:var(--text-1);font-weight:600}.tdetail-stat small{font-size:9px;color:var(--text-4);text-transform:uppercase;letter-spacing:.5px}.tdetail-stat-div{width:1px;height:16px;background:var(--border)}.tdetail-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.tdetail-play-btn{display:inline-flex;align-items:center;gap:7px;padding:11px 24px;background:var(--accent);color:#fff;border:none;border-radius:var(--r-md);font-family:Syne,sans-serif;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 4px 20px var(--accent-glow);transition:background .15s,transform .1s,box-shadow .15s}.tdetail-play-btn:hover{background:var(--accent-dim);box-shadow:var(--shadow-accent)}.tdetail-play-btn:active{transform:scale(.97)}.tdetail-fav-btn{display:inline-flex;align-items:center;gap:7px;padding:11px 18px;background:var(--surface);color:var(--text-3);border:1px solid var(--border);border-radius:var(--r-md);font-family:Syne,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.tdetail-fav-btn:hover{border-color:var(--border-2);color:var(--text-1);background:var(--bg-2)}.tdetail-fav-btn--active{color:var(--accent);border-color:var(--accent-border);background:var(--accent-soft)}.tdetail-fav-btn--active:hover{border-color:var(--accent)}.tdetail-follow-btn{display:inline-flex;align-items:center;gap:7px;padding:11px 18px;background:var(--surface);color:var(--text-3);border:1px solid var(--border);border-radius:var(--r-md);font-family:Syne,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.tdetail-follow-btn:hover{border-color:var(--purple-border);color:var(--purple);background:var(--purple-soft)}.tdetail-follow-btn--active{color:var(--purple);border-color:var(--purple-border);background:var(--purple-soft)}.tdetail-follow-btn--active:hover{border-color:var(--purple)}.tdetail-skeleton{display:flex;gap:44px;max-width:860px}.tdetail-skeleton__art{flex-shrink:0;width:220px;height:220px;border-radius:var(--r-lg);background:linear-gradient(90deg,var(--bg-2) 25%,var(--bg-3) 50%,var(--bg-2) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}.tdetail-skeleton__body{flex:1;display:flex;flex-direction:column;gap:12px;padding-top:8px}.tdetail-skeleton__line{height:14px;border-radius:4px;background:linear-gradient(90deg,var(--bg-2) 25%,var(--bg-3) 50%,var(--bg-2) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}.artist-page{background:var(--bg);min-height:100vh;padding:48px 40px;display:flex;flex-direction:column;gap:48px;max-width:860px}.artist-hero{display:flex;gap:40px;align-items:flex-start}.artist-avatar{flex-shrink:0;width:160px;height:160px;border-radius:50%;overflow:hidden;border:2px solid var(--accent-border);background:var(--bg-2);box-shadow:0 0 32px var(--accent-glow)}.artist-avatar__img{width:100%;height:100%;object-fit:cover;display:block}.artist-avatar__fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-4)}.artist-hero__info{flex:1;display:flex;flex-direction:column;gap:12px;padding-top:6px}.artist-hero__top{display:flex;align-items:center;gap:10px}.artist-verified{display:inline-flex;align-items:center;gap:4px;font-family:DM Mono,monospace;font-size:10px;color:var(--green);background:var(--green-soft);border:1px solid var(--green-border);border-radius:20px;padding:2px 9px}.artist-name{font-size:42px;font-weight:800;color:var(--text-1);margin:0;letter-spacing:-1.5px;line-height:1}.artist-bio{font-size:13px;color:var(--text-3);margin:0;line-height:1.6;max-width:480px}.artist-section{display:flex;flex-direction:column;gap:12px}.artist-section__head{display:flex;align-items:center;gap:8px;color:var(--text-4);padding-bottom:12px;border-bottom:1px solid var(--border)}.artist-section__head h3{font-size:13px;font-weight:700;color:var(--text-3);margin:0;text-transform:uppercase;letter-spacing:1px}.artist-section__count{font-family:DM Mono,monospace;font-size:10px;color:var(--text-4);background:var(--bg-2);border:1px solid var(--border);border-radius:4px;padding:1px 7px;margin-left:auto}.artist-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.artist-list__item{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:var(--r-md);transition:background .12s}.artist-list__item:hover{background:var(--bg-2)}.artist-list__num{font-family:DM Mono,monospace;font-size:10px;color:var(--text-4);width:20px;flex-shrink:0}.artist-list__link{font-size:14px;font-weight:600;color:var(--text-2);text-decoration:none;transition:color .15s}.artist-list__link:hover{color:var(--accent)}.artist-empty{font-family:DM Mono,monospace;font-size:11px;color:var(--text-4);padding:12px;margin:0}.notif-page{background:var(--bg);min-height:100vh;padding:48px 40px}.notif-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px;padding-bottom:20px;border-bottom:1px solid var(--border)}.notif-header__left{display:flex;align-items:center;gap:12px}.notif-header__left h2{font-size:36px;font-weight:800;color:var(--text-1);margin:0;letter-spacing:-1px}.notif-badge{font-family:DM Mono,monospace;font-size:10px;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:20px;padding:2px 9px;letter-spacing:.3px}.notif-list{display:flex;flex-direction:column;gap:6px;max-width:640px}.notif-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-sm);transition:border-color .15s,box-shadow .15s}.notif-card:hover{border-color:var(--border-2);box-shadow:var(--shadow-md)}.notif-card__icon{flex-shrink:0;width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center}.notif-card__icon--trend{background:var(--green-soft);border:1px solid var(--green-border);color:var(--green)}.notif-card__icon--album{background:var(--purple-soft);border:1px solid var(--purple-border);color:var(--purple)}.notif-card__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.notif-card__text{font-size:13px;color:var(--text-2);margin:0;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-card__title{font-weight:700;color:var(--text-1)}.notif-card__sub{font-family:DM Mono,monospace;font-size:10px;color:var(--text-4);letter-spacing:.3px}.notif-card__dot{flex-shrink:0;width:6px;height:6px;border-radius:50%;background:var(--accent);opacity:.8}.pbar{position:fixed;bottom:0;left:var(--sidebar-width);right:0;height:72px;background:#13111cf2;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--border);z-index:100;box-shadow:0 -8px 32px #0006}.pbar--empty{height:52px}.pbar__idle{height:100%;display:flex;align-items:center;justify-content:center;gap:8px;font-family:DM Mono,monospace;font-size:11px;color:var(--text-4)}.pbar__inner{height:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 24px;gap:24px}.pbar__track{display:flex;align-items:center;gap:12px;min-width:0}.pbar__cover{flex-shrink:0;width:40px;height:40px;border-radius:8px;background:var(--bg-2);border:1px solid var(--border);overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--text-4)}.pbar__cover img{width:100%;height:100%;object-fit:cover;display:block}.pbar__meta{display:flex;flex-direction:column;gap:2px;min-width:0}.pbar__meta strong{font-size:13px;font-weight:700;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pbar__meta span{font-family:DM Mono,monospace;font-size:10px;color:var(--text-4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pbar__center{display:flex;flex-direction:column;align-items:center;gap:6px}.pbar__controls{display:flex;align-items:center;gap:12px}.pbar__btn{background:none;border:none;color:var(--text-4);cursor:pointer;padding:4px;display:flex;align-items:center;transition:color .15s}.pbar__btn:hover{color:var(--text-1)}.pbar__play{background:none;border:none;color:var(--accent);cursor:pointer;display:flex;align-items:center;padding:0;filter:drop-shadow(0 0 6px var(--accent-glow));transition:color .15s,transform .1s}.pbar__play:hover{color:var(--accent-dim);transform:scale(1.06)}.pbar__scrubber{display:flex;align-items:center;gap:8px}.pbar__time{font-family:DM Mono,monospace;font-size:10px;color:var(--text-4);width:34px;text-align:center;flex-shrink:0}.pbar__track-wrap{position:relative;width:280px;height:3px;background:var(--bg-3);border-radius:2px}.pbar__track-wrap--vol{width:80px}.pbar__track-fill{position:absolute;left:0;top:0;bottom:0;background:var(--accent);border-radius:2px;pointer-events:none;transition:width .1s linear;box-shadow:0 0 8px var(--accent-glow)}.pbar__range{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer;height:100%;margin:0}.pbar__volume{display:flex;align-items:center;gap:10px;justify-content:flex-end;color:var(--text-4)}.tracks-page{background:var(--bg);min-height:100vh;padding:48px 40px}.tracks-page__header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid var(--border)}.tracks-page__header-left{display:flex;align-items:center;gap:14px}.tracks-page__header-left h2{font-size:36px;font-weight:800;color:var(--text-1);margin:0;letter-spacing:-1px}.tracks-search{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:8px 14px;color:var(--text-4);box-shadow:var(--shadow-sm);transition:border-color .15s}.tracks-search:focus-within{border-color:var(--accent);color:var(--accent)}.tracks-search input{background:none;border:none;outline:none;font-family:DM Mono,monospace;font-size:12px;color:var(--text-1);width:220px}.tracks-search input::placeholder{color:var(--text-4)}.playlists-page{background:var(--bg);min-height:100vh;padding:48px 40px}.playlists-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid var(--border)}.playlists-header h2{font-size:36px;font-weight:800;color:var(--text-1);margin:0;letter-spacing:-1px;line-height:1}.playlists-count{font-family:DM Mono,monospace;font-size:11px;color:var(--text-3);background:var(--bg-2);border:1px solid var(--border);border-radius:6px;padding:5px 10px;letter-spacing:.5px}.playlist-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px}.home-page{background:var(--bg);padding:48px 40px;display:flex;flex-direction:column;gap:48px}.home-header{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:16px;padding-bottom:24px;border-bottom:1px solid var(--border)}.home-header__left{display:flex;flex-direction:column;gap:4px}.home-header__left h2{font-size:36px;font-weight:800;color:var(--text-1);margin:0;letter-spacing:-1px}.home-stats{display:flex;gap:12px;flex-wrap:wrap}.home-stat{display:flex;flex-direction:column;align-items:flex-start;gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px 20px;flex:1;min-width:100px;box-shadow:var(--shadow-sm);transition:border-color .15s,box-shadow .15s}.home-stat:hover{border-color:var(--accent-border);box-shadow:0 4px 20px var(--accent-glow)}.home-stat__icon{color:var(--text-4)}.home-stat strong{font-size:22px;font-weight:800;color:var(--text-1);letter-spacing:-.5px;line-height:1}.home-stat small{font-family:DM Mono,monospace;font-size:9px;color:var(--text-4);text-transform:uppercase;letter-spacing:.8px}.home-section{display:flex;flex-direction:column;gap:16px}.home-section__head{display:flex;align-items:center;gap:8px;color:var(--text-4);padding-bottom:14px;border-bottom:1px solid var(--border)}.home-section__head h3{font-size:13px;font-weight:700;color:var(--text-3);margin:0;text-transform:uppercase;letter-spacing:1px}.app-loader{min-height:100vh;display:grid;place-items:center;background:var(--bg)}.page-section{display:grid;gap:1rem}.page-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.card-cover-link,.avatar-link{display:block}.card-cover{width:100%;height:150px;object-fit:cover;border-radius:10px}.card-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover}.card-cover-placeholder{border:1px solid var(--border);background:var(--bg-2);color:var(--text-4);display:grid;place-items:center}.card-body{margin-top:.7rem;display:grid;gap:.5rem}.meta-chips{display:flex;flex-wrap:wrap;gap:.42rem}.meta-chip{display:inline-flex;align-items:center;gap:.28rem;border:1px solid var(--border);background:var(--bg-2);color:var(--text-3);border-radius:999px;padding:.26rem .52rem;font-size:.78rem}.track-stack-card{display:grid;gap:.55rem}.card-action-btn{justify-content:center}.header-count{border:1px solid var(--border);background:var(--bg-2);color:var(--text-3);border-radius:999px;padding:.35rem .65rem;font-size:.84rem}