:root{--bg:#050505;--bg-elevated:#0d0d0f;--bg-panel:#141416;--bg-panel-2:#1a1a1d;--bg-soft:#202024;--line:#ffffff14;--line-strong:#ffffff24;--text:#f5f2ee;--text-muted:#b8aea4;--text-soft:#8f8479;--accent:#ff6a1a;--accent-strong:#f50;--accent-soft:#ff6a1a2e;color:var(--text);background:radial-gradient(circle at top,#ff6a1a1f,#0000 28%),linear-gradient(#0a0a0b 0%,#050505 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top,#ff6a1a1f,#0000 28%),linear-gradient(#0a0a0b 0%,#050505 100%);min-width:320px;margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh;padding-bottom:96px}.topbar{z-index:20;min-height:56px;color:var(--text);box-shadow:0 1px 0 var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0a0beb;gap:18px;padding:12px 32px;display:grid;position:sticky;top:0}.topbar-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.topbar-content{grid-template-columns:auto minmax(220px,1fr) auto;align-items:center;gap:24px;display:grid}.brand{align-items:center;gap:10px;font-weight:800;display:inline-flex}.menu-toggle{border:1px solid var(--line);width:40px;height:40px;color:var(--text);cursor:pointer;background:#ffffff0a;border-radius:8px;justify-content:center;align-items:center;display:none}.menu-toggle:hover{color:var(--accent);border-color:#ff6a1a6b}.brand-mark{background-image:url(/brand-mark.png);background-position:50%;background-repeat:no-repeat;background-size:contain;flex:none;width:30px;height:38px}.brand-wordmark{background-image:url(/brand-logo.png);background-position:50%;background-repeat:no-repeat;background-size:contain;flex:none;width:164px;height:42px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.nav-links{color:var(--text-soft);align-items:center;gap:20px;font-size:14px;display:flex}.nav-links a:hover,.nav-links .router-link-active{color:var(--text)}.search-wrap input,.form-stack input,.form-stack select,.form-stack textarea,.section-heading select{border:1px solid var(--line);background:var(--bg-soft);width:100%;color:var(--text);border-radius:10px;outline:none;transition:border-color .2s,box-shadow .2s}.search-wrap input{background:#ffffff12;border-color:#ffffff0a;height:36px;padding:0 14px}.search-wrap input:focus,.form-stack input:focus,.form-stack select:focus,.form-stack textarea:focus,.section-heading select:focus{border-color:var(--accent-strong);box-shadow:0 0 0 3px #ff6a1a29}.account-pill{min-width:130px;color:var(--text);justify-content:flex-end;align-items:center;gap:10px;font-size:14px;display:flex}.account-pill a{color:inherit;font-weight:700}.ghost-button,.primary-button,.secondary-button,.play-button,.primary-link,.secondary-link{cursor:pointer;border:0;border-radius:6px;font-weight:700}.ghost-button{color:var(--text);background:0 0}.compact{padding:6px 0}main{max-width:1240px;margin:0 auto;padding:28px 24px 0}.page-head{background:linear-gradient(180deg, #ff6a1a0f, transparent 34%), var(--bg-panel);border:1px solid var(--line);border-radius:24px;margin-bottom:24px;padding:32px;box-shadow:inset 0 1px #ffffff08}.page-head h1{margin:0;font-size:44px;line-height:1}.page-head p:last-child{max-width:680px;color:var(--text-muted);margin:14px 0 0;font-size:17px;line-height:1.55}.hero-section{min-height:min(520px,100vh - 118px);color:var(--text);border:1px solid var(--line);background:radial-gradient(circle at 72% 34%,#ff6a1a47,#0000 30%),radial-gradient(circle at 18% 18%,#ffffff0a,#0000 18%),linear-gradient(135deg,#171719 0%,#090909 68%);border-radius:28px;grid-template-columns:minmax(0,.86fr) minmax(420px,1.14fr);align-items:stretch;gap:28px;margin-bottom:28px;display:grid;overflow:hidden;box-shadow:0 28px 80px #0000006b}.hero-copy{flex-direction:column;justify-content:center;padding:64px;display:flex}.eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:800}.hero-copy h1{letter-spacing:0;max-width:560px;margin:0;font-size:clamp(44px,6vw,84px);line-height:.95}.hero-text{max-width:520px;color:var(--text-muted);margin:24px 0 0;font-size:18px;line-height:1.6}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.primary-link,.secondary-link{align-items:center;min-height:44px;padding:0 18px;display:inline-flex}.primary-link,.primary-button,.play-button{background:linear-gradient(180deg, #ff7b2f 0%, var(--accent-strong) 100%);color:#fffaf5;box-shadow:0 12px 28px #ff55003d}.secondary-link,.secondary-button{color:var(--text);border:1px solid var(--line-strong);background:#ffffff0f}.hero-player{grid-template-rows:auto 1fr;grid-template-columns:220px 1fr;align-content:center;gap:26px;padding:56px 52px 40px 0;display:grid;position:relative}.hero-track-meta{align-self:center}.hero-track-meta span{color:var(--text-muted);font-size:14px}.hero-track-meta h2{margin:8px 0 20px;font-size:36px;line-height:1.05}.play-button{min-height:42px;padding:0 20px}.cover-card{aspect-ratio:1;color:#fff;background:linear-gradient(135deg,#ff5500f2,#ff8b24db),#f50;border-radius:4px;place-items:center;width:76px;font-weight:900;display:grid;overflow:hidden}.user-avatar{aspect-ratio:1;color:#fff7f1;background:linear-gradient(135deg,#ff6a1aeb,#ff9d43c7);border-radius:26px;place-items:center;width:120px;font-size:34px;font-weight:900;display:grid;overflow:hidden;box-shadow:0 24px 70px #00000057}.user-avatar.small{width:46px;box-shadow:none;border-radius:14px;font-size:16px}.user-avatar img,.cover-card img{object-fit:cover;width:100%;height:100%}.cover-card.large{width:220px;box-shadow:0 24px 70px #00000061}.cover-card.small{flex:none;width:48px}.waveform{grid-column:1/-1;align-items:center;gap:4px;height:110px;display:flex}.waveform span,.mini-wave i{background:#f50;border-radius:99px;width:5px;display:block}.waveform.muted span{background:#6d6358}.content-grid{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:28px;display:grid}.profile-layout{grid-template-columns:minmax(0,1fr) 400px;align-items:start}.main-column,.side-column{min-width:0}.profile-hero{background:radial-gradient(circle at 85% 20%, #ff6a1a2e, transparent 24%), linear-gradient(180deg, #ffffff08, transparent 45%), var(--bg-panel);border:1px solid var(--line);border-radius:26px;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:24px;margin-bottom:28px;padding:28px 32px;display:grid}.profile-hero-copy h1{margin:0;font-size:clamp(34px,5vw,56px);line-height:.96}.profile-hero-copy p:not(.eyebrow){max-width:700px;color:var(--text-muted);margin:14px 0 0;line-height:1.55}.profile-stats{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.profile-stats span{border:1px solid var(--line);color:var(--text-soft);background:#ffffff08;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700}.section-block,.panel{background:linear-gradient(180deg, #ffffff04, transparent 30%), var(--bg-panel);border:1px solid var(--line);border-radius:22px;box-shadow:inset 0 1px #ffffff06}.section-block{margin-bottom:28px;padding:28px}.panel{margin-bottom:20px;padding:24px}.section-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;display:flex}.section-heading.tight{margin-bottom:16px}.section-heading h2{margin:0;font-size:28px;line-height:1.1}.section-heading select{max-width:220px;height:38px;padding:0 12px}.toast{border-left:4px solid var(--accent-strong);color:#ffd5bc;background:#ff6a1a1f;border-radius:12px;margin:0 0 18px;padding:12px 16px;font-weight:700}.track-list{gap:12px;display:grid}.track-row{border:1px solid var(--line);background:linear-gradient(180deg, #ffffff05, transparent 50%), var(--bg-panel-2);border-radius:16px;grid-template-columns:42px 76px minmax(0,1fr) minmax(88px,148px);align-items:center;gap:16px;padding:12px;display:grid}.track-row.active{border-color:#ff6a1a8c;box-shadow:0 14px 34px #ff55001f}.track-side{text-align:right;justify-items:end;gap:10px;display:grid}.track-meta{max-width:100%;display:block}.like-button{border:1px solid var(--line);min-height:34px;color:var(--text-soft);cursor:pointer;white-space:nowrap;background:#ffffff09;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:12px;font-weight:800;transition:border-color .18s,background .18s,color .18s;display:inline-flex}.like-button:hover:not(:disabled){color:var(--accent);border-color:#ff6a1a6b}.like-button.active{color:#ffd0b2;background:#ff6a1a1f;border-color:#ff6a1a80}.like-button:disabled{cursor:not-allowed;opacity:.58}.track-actions{justify-content:flex-end;gap:8px;display:flex}.track-action-button{border:1px solid var(--line);width:34px;height:34px;color:var(--text-soft);cursor:pointer;background:#ffffff09;border-radius:8px;place-items:center;display:grid;position:relative}.track-action-button:hover{color:var(--accent);border-color:#ff6a1a6b}.copy-state{background:var(--accent-strong);color:#fff;border-radius:999px;padding:1px 4px;font-size:9px;font-weight:900;line-height:1.2;position:absolute;bottom:-7px;right:-4px}.round-play{aspect-ratio:1;background:linear-gradient(180deg, #ff7b2f 0%, var(--accent-strong) 100%);color:#fff;cursor:pointer;border:0;border-radius:50%;place-items:center;width:38px;font-weight:900;display:grid}.track-card-page{max-width:980px;margin:0 auto}.track-card{border:1px solid var(--line);background:linear-gradient(180deg, #ff6a1a14, transparent 38%), var(--bg-panel);border-radius:18px;grid-template-columns:260px minmax(0,1fr);align-items:center;gap:34px;padding:32px;display:grid}.track-card .cover-card.large{width:260px}.track-card-copy{min-width:0}.track-card-copy h1{margin:6px 0 10px;font-size:44px;line-height:1}.track-card-copy>span{color:var(--text-muted)}.track-card-actions{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.track-mixer{border:1px solid var(--line);background:linear-gradient(#ffffff0a,#0000),#101012;border-radius:12px;align-items:flex-end;gap:7px;height:190px;margin:28px 0;padding:18px;display:flex;overflow:hidden}.track-mixer i{background:linear-gradient(180deg, #ffad75 0%, var(--accent-strong) 72%, #612917 100%);min-width:6px;animation:1.4s ease-in-out infinite mixer-pulse;animation-delay:var(--mixer-delay);transform-origin:bottom;border-radius:999px 999px 4px 4px;flex:1 1 0;box-shadow:0 0 18px #ff550029}.icon-button{justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;display:inline-flex}.source-link{border-radius:6px}.track-like-button.active{color:#ffd0b2;background:#ff6a1a24;border-color:#ff6a1a8c}.share-field{border:1px solid var(--line);width:100%;min-height:42px;color:var(--text-muted);text-overflow:ellipsis;background:#101012;border-radius:8px;padding:0 12px;overflow:hidden}.track-info{min-width:0}.track-info span,.track-side,.album-card span,.profile-block span,.now-playing span{color:var(--text-soft);font-size:13px}.track-artist-link{color:var(--text-soft)}.track-artist-link:hover{color:var(--accent)}.track-cover-link{border-radius:4px;display:block}.track-cover-link:hover{box-shadow:0 0 0 2px #ff6a1a5c}.track-info h3,.album-card h3{text-overflow:ellipsis;white-space:nowrap;margin:3px 0 8px;font-size:17px;overflow:hidden}.track-info h3 a:hover{color:var(--accent)}.mini-wave{align-items:flex-end;gap:2px;height:30px;display:flex;overflow:hidden}.mini-wave i{transform-origin:bottom;opacity:.9;background:linear-gradient(#6c655f 0%,#4f4944 100%);border-radius:999px;width:4px;transition:background .18s,opacity .18s,transform .18s;transform:scaleY(1)}.track-row.active .mini-wave i{background:linear-gradient(180deg, #ff9b63 0%, var(--accent-strong) 100%);opacity:.22}.track-row.active .mini-wave i.passed{opacity:.95}.track-row.active .mini-wave i.current{opacity:1;transform:scaleY(1.08)}.track-row.active .mini-wave i.current-playing{animation:1s ease-in-out infinite mini-wave-cursor;animation-delay:var(--wave-delay)}.track-row.active .mini-wave i.trail{animation:.9s ease-in-out infinite mini-wave-trail}.track-row.active .mini-wave i.trail-0{animation-delay:calc(var(--wave-delay) * .2)}.track-row.active .mini-wave i.trail-1{animation-delay:calc(var(--wave-delay) * .45)}.track-row.active .mini-wave i.trail-2{animation-delay:calc(var(--wave-delay) * .7)}.track-row.playing .mini-wave i.current-playing{opacity:1}@keyframes mixer-pulse{0%,to{opacity:.78;transform:scaleY(.92)}50%{opacity:1;transform:scaleY(1)}}@keyframes mini-wave-cursor{0%,to{transform:scaleY(1.02)}50%{transform:scaleY(calc(var(--wave-scale,1) * 1.02))}}@keyframes mini-wave-trail{0%,to{opacity:.88;transform:scaleY(1)}50%{transform:scaleY(calc(var(--wave-scale,1) * .9));opacity:1}}.track-side{text-align:right;justify-items:end;gap:6px;min-width:0;display:grid}.track-file{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.album-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;display:grid}.album-card{border:1px solid var(--line);background:#ffffff04;border-radius:16px;grid-template-columns:72px minmax(0,1fr);gap:14px;padding:14px;display:grid}.album-art,.avatar{aspect-ratio:1;color:var(--accent);background:linear-gradient(#1f1f22 0%,#161618 100%);border-radius:50%;place-items:center;font-weight:900;display:grid}.album-art{border-radius:6px;overflow:hidden}.album-art img{object-fit:cover;width:100%;height:100%}.album-card p{min-height:38px;color:var(--text-muted);margin:0 0 10px;line-height:1.35}.form-stack{gap:14px;display:grid}.import-form{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.form-stack label{color:var(--text-muted);gap:7px;font-size:13px;font-weight:800;display:grid}.form-note{color:var(--text-muted);margin:0;font-size:13px;line-height:1.45}.form-stack input:not([type=checkbox]),.form-stack select,.form-stack textarea{min-height:42px;padding:0 12px}.form-stack textarea{resize:vertical;padding:10px 12px}.form-stack input:disabled,.form-stack select:disabled,.form-stack textarea:disabled{cursor:not-allowed;color:#6f675f;background:#1a1a1d}.segmented{border:1px solid var(--line);background:#1b1b1e;border-radius:6px;grid-template-columns:1fr 1fr;padding:3px;display:grid}.segmented button{cursor:pointer;background:0 0;border:0;border-radius:5px;min-height:36px;font-weight:800}.segmented button.selected{color:var(--accent);background:#ff6a1a1f;box-shadow:inset 0 0 0 1px #ff6a1a38}.primary-button,.secondary-button{min-height:42px;padding:0 16px}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.55}.profile-block{grid-template-columns:54px 1fr;align-items:center;gap:12px;display:grid}.avatar{width:54px}.profile-block div:last-child,.now-playing div:last-child{gap:4px;min-width:0;display:grid}.file-input{position:relative}.file-input input{opacity:0;cursor:pointer;position:absolute;inset:0}.file-input b{min-height:42px;color:var(--text);background:#ffffff08;border:1px dashed #ffffff2e;border-radius:10px;align-items:center;padding:0 12px;font-weight:700;display:flex}.check-row{border:1px solid var(--line);background:#ffffff05;border-radius:14px;align-items:center;gap:12px;padding:10px 12px;display:flex;display:flex!important}.check-row input{width:18px;height:18px;min-height:18px;accent-color:var(--accent-strong);flex:none;margin:0}.check-row span{color:var(--text);flex:auto;line-height:1.35;display:block}.follow-list{gap:12px;display:grid}.follow-row{border:1px solid var(--line);background:#ffffff05;border-radius:14px;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:12px;padding:10px;display:grid}.follow-row strong,.profile-info-list strong{color:var(--text);margin-bottom:3px;display:block}.follow-row span,.profile-info-list span{color:var(--text-soft);font-size:13px}.profile-info-list{gap:14px;display:grid}.compact-empty{min-height:88px}.loading-row,.empty-copy{min-height:120px;color:var(--text-muted);text-align:center;place-items:center;display:grid}.player-bar{z-index:30;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a0a0beb;grid-template-columns:minmax(240px,360px) minmax(360px,780px);justify-content:center;align-items:center;gap:24px;min-height:78px;padding:12px 24px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 40px #00000047}.player-bar.disabled{opacity:.94}.player-bar.disabled .custom-player{filter:grayscale(.6)}.now-playing{align-items:center;gap:12px;min-width:0;display:flex}.now-playing strong,.now-playing span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.custom-player{grid-template-columns:44px 38px 44px minmax(160px,1fr) 44px 154px;align-items:center;gap:14px;min-width:0;display:grid}.transport-button{aspect-ratio:1;background:linear-gradient(180deg, #ff7b2f 0%, var(--accent-strong) 100%);color:#fff;cursor:pointer;border:0;border-radius:50%;place-items:center;width:42px;display:grid;position:relative;box-shadow:0 8px 20px #ff550047}.transport-button:disabled{cursor:not-allowed;opacity:.52;box-shadow:none}.transport-button span{border-top:8px solid #0000;border-bottom:8px solid #0000;border-left:12px solid #fff;width:0;height:0;margin-left:3px}.transport-button.playing span{background:linear-gradient(90deg,#fff 0 35%,#0000 35% 65%,#fff 65% 100%);border:0;width:13px;height:16px;margin-left:0}.player-toggle{border:1px solid var(--line);width:34px;height:34px;color:var(--text-soft);cursor:pointer;background:#ffffff08;border-radius:10px;place-items:center;transition:border-color .18s,color .18s,background .18s;display:grid}.player-toggle.active{color:var(--accent);background:#ff6a1a1f;border-color:#ff6a1a73}.player-toggle:disabled{cursor:not-allowed;opacity:.5}.time-label{color:var(--text-soft);font-variant-numeric:tabular-nums;text-align:center;font-size:12px}.seek-slider,.volume-control input{--progress:0%;accent-color:#f50;cursor:pointer;appearance:none;background:0 0;width:100%;height:18px;margin:0}.seek-slider:disabled{cursor:not-allowed;opacity:.5}.seek-slider::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent-strong) 0 var(--progress), #413c37 var(--progress) 100%);border-radius:99px;height:6px}.volume-control input::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent-strong) 0 var(--progress), #413c37 var(--progress) 100%);border-radius:99px;height:6px}.seek-slider::-moz-range-track{background:#413c37;border-radius:99px;height:6px}.volume-control input::-moz-range-track{background:#413c37;border-radius:99px;height:6px}.seek-slider::-moz-range-progress{background:var(--accent-strong);border-radius:99px;height:6px}.volume-control input::-moz-range-progress{background:var(--accent-strong);border-radius:99px;height:6px}.seek-slider::-webkit-slider-thumb{appearance:none;background:var(--accent-strong);border:3px solid #ffd7c1;border-radius:50%;width:15px;height:15px;margin-top:-4.5px;box-shadow:0 2px 8px #0000003d}.volume-control input::-webkit-slider-thumb{appearance:none;background:var(--accent-strong);border:3px solid #ffd7c1;border-radius:50%;width:15px;height:15px;margin-top:-4.5px;box-shadow:0 2px 8px #0000003d}.seek-slider::-moz-range-thumb{background:var(--accent-strong);border:3px solid #ffd7c1;border-radius:50%;width:11px;height:11px;box-shadow:0 2px 8px #0000003d}.volume-control input::-moz-range-thumb{background:var(--accent-strong);border:3px solid #ffd7c1;border-radius:50%;width:11px;height:11px;box-shadow:0 2px 8px #0000003d}.volume-control{grid-template-columns:22px minmax(70px,1fr);align-items:center;gap:8px;display:grid}.volume-icon{color:var(--text-soft)}.native-audio{display:none}@media (width<=980px){.topbar-content{grid-template-columns:1fr;gap:14px}.menu-toggle{display:inline-flex}.topbar-content{display:none}.topbar-content.open{display:grid}.nav-links{gap:12px;display:grid}.hero-section,.content-grid,.profile-hero,.profile-layout{grid-template-columns:1fr}.account-pill{justify-content:flex-start}.hero-player{padding:0 44px 44px}.player-bar{grid-template-columns:1fr;gap:10px}.custom-player{grid-template-columns:44px 34px 42px minmax(120px,1fr) 42px}.volume-control{display:none}}@media (width<=700px){.topbar{gap:10px;padding:12px 16px}.track-mixer{display:none}main{padding:16px 12px 0}.page-head{padding:22px}.page-head h1{font-size:34px}.hero-section{min-height:auto}.hero-copy,.hero-player{padding:28px}.profile-hero{padding:24px}.hero-player{grid-template-columns:96px 1fr}.cover-card.large{width:96px}.hero-track-meta h2{font-size:24px}.waveform{height:70px}.section-block,.panel{padding:18px}.section-heading{flex-direction:column;align-items:flex-start}.section-heading select{max-width:none}.track-row{grid-template-columns:38px 58px minmax(0,1fr)}.track-side{text-align:left;grid-column:3;justify-items:start}.track-actions{justify-content:flex-start}.cover-card{width:58px}.track-card{grid-template-columns:1fr;padding:20px}.track-card .cover-card.large{width:min(100%,280px)}.track-card-copy h1{font-size:32px}.track-mixer{gap:5px;height:150px}}