:root{color:#f5f5f4;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--muted:#92928e;--line:#292927;--panel:#121214;--accent:#d7ff3f;--accent-dark:#111506;background:#09090b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 68% -20%,#252918 0,#0000 38%),#09090b;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.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}.eyebrow{text-transform:uppercase;color:var(--accent);letter-spacing:.18em;font-size:.72rem;font-weight:700}.brand-mark,.brand-dot{background:var(--accent);color:#0d1005;place-items:center;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-weight:800;display:grid}.brand-mark{border-radius:16px;width:52px;height:52px;transform:rotate(-5deg);box-shadow:0 0 50px #d7ff3f2e}.brand-mark span{font-size:1.7rem;transform:rotate(5deg)}.boot,.auth-shell{place-items:center;min-height:100vh;display:grid}.boot{color:var(--muted);align-content:center;gap:16px}.auth-shell{padding:24px}.auth-card{border:1px solid var(--line);background:#111113e8;border-radius:28px;width:min(100%,430px);padding:42px;box-shadow:0 30px 100px #000}.auth-card h1,.hero h1{letter-spacing:-.06em;margin:14px 0;font:800 clamp(2.5rem,7vw,5.8rem)/.95 Inter,ui-sans-serif,system-ui,sans-serif}.auth-card h1{font-size:2.65rem}.auth-copy{color:var(--muted);margin-bottom:26px;line-height:1.55}.mode-switch{background:#080809;border-radius:12px;grid-template-columns:1fr 1fr;margin-bottom:22px;padding:4px;display:grid}.mode-switch button{color:var(--muted);background:0 0;border:0;border-radius:9px;padding:10px}.mode-switch button.active{color:#fff;background:#242426}.auth-card form{gap:17px;display:grid}.auth-card label{gap:7px;font-size:.83rem;font-weight:600;display:grid}.auth-card input,.search input{border:1px solid var(--line);color:#fff;background:#0b0b0d;border-radius:11px;min-width:0;padding:13px 14px}.primary,.secondary{border-radius:11px;padding:12px 17px;font-weight:700}.primary{border:1px solid var(--accent);background:var(--accent);color:var(--accent-dark)}.secondary{color:#eee;background:#19191b;border:1px solid #373735}.wide{width:100%;margin-top:5px}.form-error{color:#ff9b94;margin:0;font-size:.86rem}.privacy-note{text-align:center;color:#666662;margin:23px 0 0;font-size:.75rem}.library-shell{min-height:100vh;padding-bottom:120px}.topbar{border-bottom:1px solid #ffffff0e;justify-content:space-between;align-items:center;height:76px;padding:0 clamp(20px,5vw,72px);display:flex}.wordmark{color:#fff;letter-spacing:.1em;align-items:center;gap:8px;font-size:.68rem;text-decoration:none;display:flex}.wordmark>span:last-child{color:#777}.brand-dot{border-radius:9px;width:30px;height:30px;margin-right:3px;font-size:1.05rem}.account{color:var(--muted);align-items:center;gap:16px;font-size:.8rem;display:flex}.account button{color:#ddd;background:0 0;border:0}.hero{max-width:1500px;margin:auto;padding:72px clamp(20px,7vw,100px) 46px}.hero h1{font-size:clamp(3.8rem,9vw,7.5rem)}.hero>p:last-child{color:var(--muted);font-size:1.05rem}.library-panel{background:#111113d9;border:1px solid #ffffff10;border-radius:22px 22px 0 0;min-height:400px;margin:0 clamp(12px,4vw,60px);padding:24px clamp(12px,3vw,36px) 42px}.toolbar,.section-title{justify-content:space-between;align-items:center;gap:16px;display:flex}.search{align-items:center;width:min(100%,560px);display:flex;position:relative}.search span{color:var(--muted);font-size:1.4rem;position:absolute;left:15px}.search input{width:100%;padding-left:44px}.section-title{margin:32px 4px 14px}.section-title h2{margin:0;font:700 1.35rem Inter,ui-sans-serif,system-ui,sans-serif}.section-title span{color:var(--muted);font-size:.8rem}.notice{color:#dbe99a;background:#202413;border:1px solid #4b5128;border-radius:10px;padding:11px 14px;font-size:.84rem}.track-list{border-top:1px solid var(--line)}.load-more{justify-content:center;padding:24px 0 4px;display:flex}.track-row{text-align:left;color:#aaa;background:0 0;border:0;border-bottom:1px solid #202022;border-radius:7px;grid-template-columns:35px 46px minmax(160px,2fr) minmax(130px,1.4fr) 60px 54px;align-items:center;gap:13px;width:100%;padding:10px 8px;display:grid}.track-row:hover,.track-row.selected{background:#ffffff0a}.track-row.selected{color:var(--accent)}.track-number{text-align:center;font-size:.75rem}.track-art,.mini-art{color:#cbd294;background:linear-gradient(140deg,#474936,#202118);place-items:center;font-weight:700;display:grid}.track-art{border-radius:7px;width:42px;height:42px;font-size:.7rem}.track-main{min-width:0;display:grid}.track-main strong,.now-playing strong{color:#f3f3f1;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.track-main span,.track-album,.track-year,.track-duration{white-space:nowrap;text-overflow:ellipsis;font-size:.79rem;overflow:hidden}.state{text-align:center;color:var(--muted);padding:55px 20px}.state-icon{width:58px;height:58px;color:var(--accent);border:1px solid #3b3b37;border-radius:18px;place-items:center;margin:auto;font-size:1.5rem;display:grid}.state h3{color:#eee;margin-bottom:5px}.state p{margin-top:0}.state button{margin-top:12px}.skeletons{border-top:1px solid var(--line)}.skeleton{border-bottom:1px solid #202022;grid-template-columns:42px 2fr 1fr;gap:16px;padding:11px 45px;display:grid}.skeleton>*{background:linear-gradient(90deg,#1c1c1e,#272729,#1c1c1e) 0 0/200%;border-radius:7px;height:39px;animation:1.4s infinite shimmer}.player{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#101012f2;border-top:1px solid #373735;grid-template-columns:minmax(190px,1fr) minmax(300px,1.5fr) minmax(120px,1fr);align-items:center;gap:24px;min-height:88px;padding:12px clamp(16px,3vw,42px);display:grid;position:fixed;bottom:0;left:0;right:0}.now-playing{align-items:center;gap:12px;min-width:0;display:flex}.mini-art{border-radius:8px;flex:none;width:54px;height:54px}.ellipsis{min-width:0;display:grid}.ellipsis span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.76rem;overflow:hidden}.transport{color:var(--muted);grid-template-columns:38px 36px 1fr 36px;align-items:center;gap:10px;font-size:.68rem;display:grid}.play-button{color:#111;background:#f4f4ef;border:0;border-radius:50%;width:36px;height:36px;font-size:.72rem}.transport input,.volume input{accent-color:var(--accent);width:100%}.volume{width:min(100%,150px);color:var(--muted);justify-self:end;align-items:center;gap:8px;display:flex}@keyframes shimmer{to{background-position:-200%}}@media (width<=800px){.track-row{grid-template-columns:24px 42px minmax(120px,1fr) 48px}.track-album,.track-year{display:none}.player{grid-template-columns:1fr 1.4fr}.volume,.account>span{display:none}}@media (width<=560px){.auth-card{padding:30px 23px}.topbar{height:64px}.wordmark>span:last-child{display:none}.hero{padding-top:46px}.library-panel{border-left:0;border-right:0;border-radius:18px 18px 0 0;margin:0}.toolbar{flex-direction:column;align-items:stretch}.toolbar .secondary{align-self:flex-end}.track-row{gap:8px;padding-inline:2px}.track-number{display:none}.player{grid-template-columns:minmax(110px,1fr) 1.3fr;gap:10px;padding:10px 14px}.mini-art{width:42px;height:42px}.transport{grid-template-columns:36px 1fr}.transport span{display:none}.library-shell{padding-bottom:105px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}