:root{--bg:#e9e7e4;--surface:#f6f5f3;--card:#fff;--card-2:#f0eeec;--line:#e3e0dc;--line-soft:#eceae7;--ink:#191817;--ink-2:#6e6c69;--ink-3:#a09d99;--accent:#f5821f;--accent-soft:#f5821f1f;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:22px;--shadow-sm:0 1px 2px #1918170a;--shadow-md:0 8px 28px #19181712;--shadow-lg:0 24px 60px #1918171f;--rail:232px;--player-h:84px;--tabbar-h:64px;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, monospace}@media (prefers-color-scheme:dark){:root[data-theme=auto]{--bg:#121211;--surface:#1a1918;--card:#221f1e;--card-2:#2a2725;--line:#302d2b;--line-soft:#272423;--ink:#f2f0ee;--ink-2:#a3a09c;--ink-3:#77746f;--shadow-md:0 8px 28px #0006;--shadow-lg:0 24px 60px #0000008c}}:root[data-theme=dark]{--bg:#121211;--surface:#1a1918;--card:#221f1e;--card-2:#2a2725;--line:#302d2b;--line-soft:#272423;--ink:#f2f0ee;--ink-2:#a3a09c;--ink-3:#77746f;--shadow-md:0 8px 28px #0006;--shadow-lg:0 24px 60px #0000008c}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}ul{margin:0;padding:0;list-style:none}h1,h2,h3,h4,p{margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.label{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);font-size:10px;font-weight:600}.accent{color:var(--accent)}.muted{color:var(--ink-2)}.tabular{font-variant-numeric:tabular-nums}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row{align-items:center;display:flex}.spacer{flex:1}.stack{flex-direction:column;display:flex}.shell{background:var(--bg);min-height:100vh;display:flex}.rail{width:var(--rail);padding:26px 16px calc(var(--player-h) + 24px);background:var(--surface);border-right:1px solid var(--line);z-index:30;flex-direction:column;gap:4px;display:flex;position:fixed;inset:0 auto 0 0}.rail__brand{align-items:center;gap:10px;padding:0 10px 24px;display:flex}.rail__mark{background:var(--ink);width:26px;height:26px;color:var(--surface);border-radius:7px;place-items:center;display:grid}.rail__name{letter-spacing:-.01em;font-size:15px;font-weight:700}.rail__group{padding:20px 10px 8px}.navlink{border-radius:var(--r-md);color:var(--ink-2);align-items:center;gap:12px;padding:10px 12px;font-size:13.5px;font-weight:500;transition:background .15s,color .15s;display:flex}.navlink:hover{background:var(--card-2);color:var(--ink)}.navlink--active{color:var(--accent);background:var(--accent-soft);font-weight:600}.navlink__badge{background:var(--accent);color:#fff;border-radius:9px;place-items:center;min-width:18px;height:18px;margin-left:auto;padding:0 5px;font-size:10px;font-weight:700;display:grid}.main{margin-left:var(--rail);padding-bottom:calc(var(--player-h) + 24px);flex:1;min-width:0}.content{max-width:1080px;margin:0 auto;padding:0 32px 40px}.topbar{z-index:20;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line-soft);align-items:center;gap:16px;height:64px;padding:0 32px;display:flex;position:sticky;top:0}.topbar__title{letter-spacing:.18em;text-transform:uppercase;font-size:11px;font-weight:700}.topbar__actions{align-items:center;gap:8px;margin-left:auto;display:flex}.iconbtn{width:36px;height:36px;color:var(--ink-2);border-radius:50%;place-items:center;transition:background .15s,color .15s;display:grid}.iconbtn:hover{background:var(--card-2);color:var(--ink)}.iconbtn--ring{border:1px solid var(--line)}.iconbtn--active{color:var(--accent)}.iconbtn__dot{background:var(--accent);border:2px solid var(--bg);border-radius:50%;width:7px;height:7px;position:absolute;transform:translate(10px,-10px)}.section{margin-top:34px}.section__head{justify-content:space-between;align-items:baseline;margin-bottom:14px;display:flex}.section__title{letter-spacing:-.015em;font-size:17px;font-weight:650}.section__link{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);font-size:10px;font-weight:600}.section__link:hover{color:var(--accent)}.hero{border-radius:var(--r-lg);background:var(--card-2);aspect-ratio:16/7;min-height:200px;box-shadow:var(--shadow-sm);align-items:flex-end;display:flex;position:relative;overflow:hidden}.hero__img{object-fit:cover;filter:grayscale()contrast(1.05);width:100%;height:100%;position:absolute;inset:0}.hero__scrim{background:linear-gradient(#14131200 30%,#141312b8 100%);position:absolute;inset:0}.hero__body{align-items:flex-end;gap:20px;width:100%;padding:26px 28px;display:flex;position:relative}.hero__meta{color:#fff;flex:1;min-width:0}.hero__kicker{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;font-size:10px;font-weight:700}.hero__title{letter-spacing:-.03em;margin-top:8px;font-size:30px;font-weight:680}.hero__sub{opacity:.78;margin-top:4px;font-size:13.5px}.hero__count{opacity:.6;margin-top:14px;font-size:11px}.playbtn{background:var(--card);width:48px;height:48px;color:var(--ink);box-shadow:var(--shadow-md);border-radius:50%;flex-shrink:0;place-items:center;transition:transform .15s;display:grid}.playbtn:hover{transform:scale(1.06)}.playbtn--accent{background:var(--accent);color:#fff}.playbtn--sm{width:34px;height:34px}.grid{gap:20px;display:grid}.grid--cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.grid--wide{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.card{text-align:left;min-width:0;display:block}.card__art{aspect-ratio:1;border-radius:var(--r-md);background:var(--card-2);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.card__art img{object-fit:cover;filter:grayscale();width:100%;height:100%}.card__art--round{border-radius:50%}.card__play{opacity:0;transition:opacity .18s,transform .18s;position:absolute;bottom:10px;right:10px;transform:translateY(6px)}.card:hover .card__play{opacity:1;transform:none}.card__title{letter-spacing:-.01em;margin-top:10px;font-size:13.5px;font-weight:560}.card__sub{color:var(--ink-2);margin-top:2px;font-size:11.5px}.rows{flex-direction:column;display:flex}.listrow{border-radius:var(--r-md);text-align:left;width:100%;color:inherit;align-items:center;gap:14px;padding:9px 10px;transition:background .14s;display:flex}.listrow:hover{background:var(--card-2)}.listrow--active .listrow__title{color:var(--accent)}.listrow__art{border-radius:var(--r-sm);object-fit:cover;filter:grayscale();background:var(--card-2);flex-shrink:0;width:46px;height:46px}.listrow__art--round{border-radius:50%}.listrow__body{flex:1;min-width:0}.listrow__title{letter-spacing:-.01em;font-size:13.5px;font-weight:550}.listrow__sub{color:var(--ink-2);margin-top:2px;font-size:11.5px}.listrow__end{flex-shrink:0;align-items:center;gap:6px;display:flex}.tracklist{flex-direction:column;display:flex}.trackrow{border-bottom:1px solid var(--line-soft);text-align:left;width:100%;color:inherit;grid-template-columns:28px 1fr auto auto;align-items:center;gap:14px;padding:11px 10px;transition:background .14s;display:grid}.trackrow:hover{background:var(--card-2)}.trackrow__no{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:11.5px}.trackrow__title{letter-spacing:-.01em;font-size:13.5px;font-weight:500}.trackrow--active .trackrow__title{color:var(--accent);font-weight:600}.trackrow__sub{color:var(--ink-2);margin-top:2px;font-size:11.5px}.trackrow__time{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:11.5px}.trackrow__more{opacity:0;transition:opacity .14s}.trackrow:hover .trackrow__more{opacity:1}.eq{align-items:flex-end;gap:2px;height:13px;display:flex}.eq span{background:var(--accent);border-radius:1px;width:2px;animation:.9s ease-in-out infinite eq}.eq span:first-child{height:40%;animation-delay:-300ms}.eq span:nth-child(2){height:90%;animation-delay:-150ms}.eq span:nth-child(3){height:60%}.eq span:nth-child(4){height:100%;animation-delay:-450ms}.eq--paused span{animation-play-state:paused}@keyframes eq{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.btn{letter-spacing:.01em;border:1px solid var(--line);background:var(--card);height:40px;color:var(--ink);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:12.5px;font-weight:600;transition:background .15s,border-color .15s,transform .1s;display:inline-flex}.btn:hover{border-color:var(--ink-3)}.btn:active{transform:scale(.98)}.btn--accent{background:var(--accent);border-color:var(--accent);color:#fff}.btn--accent:hover{filter:brightness(1.05)}.btn--ghost{background:0 0}.btn--sm{height:32px;padding:0 14px;font-size:11.5px}.btn--block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.chip{border:1px solid var(--line);letter-spacing:.08em;text-transform:uppercase;height:30px;color:var(--ink-2);background:0 0;border-radius:999px;align-items:center;padding:0 14px;font-size:11px;font-weight:600;display:inline-flex}.chip--active{background:var(--ink);border-color:var(--ink);color:var(--surface)}.tabs{border-bottom:1px solid var(--line);gap:26px;margin-bottom:20px;display:flex}.tab{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);border-bottom:2px solid #0000;margin-bottom:-1px;padding:0 0 12px;font-size:10.5px;font-weight:650}.tab--active{color:var(--ink);border-bottom-color:var(--accent)}.field{flex-direction:column;gap:7px;display:flex}.input{border-radius:var(--r-md);border:1px solid var(--line);background:var(--card);width:100%;height:44px;padding:0 14px;font-size:13.5px}.input:focus{border-color:var(--accent);outline:none}textarea.input{resize:vertical;height:auto;min-height:92px;padding:12px 14px}.searchbar{border-radius:var(--r-md);background:var(--card);border:1px solid var(--line);align-items:center;gap:10px;height:46px;padding:0 16px;display:flex}.searchbar input{background:0 0;border:0;outline:none;flex:1;font-size:13.5px}.searchbar input::placeholder{color:var(--ink-3)}.chartrow{border-bottom:1px solid var(--line-soft);text-align:left;width:100%;color:inherit;grid-template-columns:44px 30px 52px 1fr auto auto;align-items:center;gap:14px;padding:12px 10px;transition:background .14s;display:grid}.chartrow:hover{background:var(--card-2)}.chartrow__rank{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:19px;font-weight:680}.chartrow__move{font-variant-numeric:tabular-nums;align-items:center;gap:3px;font-size:10px;font-weight:700;display:flex}.move--up{color:#2f9e63}.move--down{color:#cf5340}.move--same{color:var(--ink-3)}.move--new{color:var(--accent)}.chartrow__art{border-radius:var(--r-sm);object-fit:cover;filter:grayscale();width:46px;height:46px}.chartrow__plays{color:var(--ink-2);font-variant-numeric:tabular-nums;text-align:right;font-size:11.5px}.bar{background:var(--card-2);border-radius:3px;height:6px;overflow:hidden}.bar__fill{background:var(--accent);border-radius:3px;height:100%}.player{left:var(--rail);z-index:40;height:var(--player-h);background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--line);align-items:center;gap:18px;padding:0 24px;display:flex;position:fixed;bottom:0;right:0}.player__now{align-items:center;gap:12px;width:260px;min-width:0;display:flex}.player__art{border-radius:var(--r-sm);object-fit:cover;filter:grayscale();width:48px;height:48px}.player__mid{flex-direction:column;flex:1;align-items:center;gap:7px;min-width:0;display:flex}.player__controls{align-items:center;gap:18px;display:flex}.player__end{justify-content:flex-end;align-items:center;gap:12px;width:260px;display:flex}.scrub{align-items:center;gap:10px;width:100%;max-width:520px;display:flex}.scrub__time{color:var(--ink-3);font-variant-numeric:tabular-nums;width:34px;font-size:10.5px}.scrub__track{background:var(--line);cursor:pointer;border-radius:2px;flex:1;height:3px;position:relative}.scrub__fill{background:var(--accent);border-radius:2px;position:absolute;inset:0 auto 0 0}.scrub__knob{background:var(--accent);opacity:0;border-radius:50%;width:10px;height:10px;transition:opacity .15s;position:absolute;top:50%;transform:translate(-50%,-50%)}.scrub:hover .scrub__knob{opacity:1}.volume{align-items:center;gap:8px;width:110px;display:flex}.volume__track{background:var(--line);cursor:pointer;border-radius:2px;flex:1;height:3px;position:relative}.volume__fill{background:var(--ink-2);border-radius:2px;position:absolute;inset:0 auto 0 0}.np{text-align:center;max-width:460px;margin:0 auto;padding:8px 0 40px}.np__title{letter-spacing:-.02em;font-size:22px;font-weight:650}.np__artist{color:var(--ink-2);margin-top:5px;font-size:13.5px}.np__quality{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-top:14px;font-size:10px}.np__controls{justify-content:center;align-items:center;gap:14px;margin-top:26px;display:flex}.np__pad{border-radius:var(--r-lg);background:var(--card);border:1px solid var(--line);width:108px;height:74px;color:var(--ink);box-shadow:var(--shadow-sm);place-items:center;transition:transform .1s,background .15s;display:grid}.np__pad:hover{background:var(--card-2)}.np__pad:active{transform:scale(.97)}.np__pad--main{color:var(--accent)}.np__footer{border-top:1px solid var(--line-soft);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);justify-content:space-between;align-items:center;margin-top:28px;padding-top:16px;font-size:10.5px;display:flex}.jog{touch-action:none;width:300px;height:300px;margin:26px auto 0;position:relative}.jog__ring{background:radial-gradient(circle at 50% 42%, var(--card) 0%, var(--card-2) 74%, var(--line-soft) 100%);box-shadow:var(--shadow-md), inset 0 1px 0 #ffffffb3;cursor:grab;border-radius:50%;position:absolute;inset:0}.jog__ring:active{cursor:grabbing}.jog__hub{background:var(--card);border:1px solid var(--line);border-radius:50%;place-items:center;width:108px;height:108px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 2px 6px #1918170d}.jog__dot{background:var(--ink-3);border-radius:50%;width:5px;height:5px}.jog__tick{background:var(--accent);transform-origin:50% 144px;border-radius:1px;width:2px;height:12px;position:absolute;top:6px;left:50%}.jog__cardinal{letter-spacing:.14em;color:var(--ink-3);text-transform:uppercase;font-size:9px;font-weight:700;position:absolute}.jog__label{letter-spacing:.14em;color:var(--ink-2);text-transform:uppercase;align-items:center;gap:5px;font-size:9px;font-weight:700;display:flex;position:absolute}.jog__label i{background:var(--accent);border-radius:50%;width:6px;height:6px;display:block}.jog__pm{width:26px;height:26px;color:var(--ink-2);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.jog__pm:hover{background:var(--card-2);color:var(--ink)}.jog__value{letter-spacing:.04em;color:var(--ink);font-variant-numeric:tabular-nums;font-size:12px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.eqpanel{grid-template-columns:repeat(5,1fr);gap:16px;padding:18px 6px;display:grid}.eqband{flex-direction:column;align-items:center;gap:10px;display:flex}.eqband__slider{background:var(--card-2);cursor:pointer;border-radius:2px;width:4px;height:150px;position:relative}.eqband__fill{background:var(--accent);border-radius:2px;position:absolute;bottom:0;left:0;right:0}.eqband__knob{background:var(--card);border:1px solid var(--line);width:18px;height:18px;box-shadow:var(--shadow-sm);border-radius:50%;position:absolute;left:50%;transform:translate(-50%,50%)}.eqband__hz{letter-spacing:.1em;color:var(--ink-3);font-size:9px;font-weight:700}.eqband__db{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:10px}.msgs{height:calc(100vh - 64px - var(--player-h));grid-template-columns:300px 1fr;gap:0;display:grid}.msgs__list{border-right:1px solid var(--line);padding:10px;overflow-y:auto}.msgs__thread{flex-direction:column;min-width:0;display:flex}.msgs__head{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:14px 22px;display:flex}.msgs__body{flex-direction:column;flex:1;gap:10px;padding:22px;display:flex;overflow-y:auto}.msgs__composer{border-top:1px solid var(--line);gap:10px;padding:14px 22px;display:flex}.bubble{background:var(--card);border:1px solid var(--line);border-radius:16px;align-self:flex-start;max-width:66%;padding:10px 14px;font-size:13.5px;line-height:1.45}.bubble--mine{background:var(--accent);border-color:var(--accent);color:#fff;align-self:flex-end}.bubble__time{opacity:.6;margin-top:5px;font-size:9.5px;display:block}.bubble__track{border-radius:var(--r-sm);background:#0000000f;align-items:center;gap:10px;margin-top:8px;padding:8px;display:flex}.bubble--mine .bubble__track{background:#ffffff29}.presence{background:var(--ink-3);border-radius:50%;width:8px;height:8px}.presence--on{background:#2f9e63}.typing{align-items:center;gap:3px;padding:6px 2px;display:flex}.typing span{background:var(--ink-3);border-radius:50%;width:5px;height:5px;animation:1.2s infinite typing}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.auth{background:var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.auth__card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);width:100%;max-width:380px;box-shadow:var(--shadow-lg);padding:34px}.auth__brand{justify-content:center;align-items:center;gap:10px;margin-bottom:8px;display:flex}.auth__title{letter-spacing:-.02em;text-align:center;font-size:21px;font-weight:680}.auth__sub{color:var(--ink-2);text-align:center;margin-top:6px;margin-bottom:26px;font-size:13px}.auth__error{border-radius:var(--r-sm);color:#b8412f;background:#cf53401a;margin-bottom:14px;padding:10px 12px;font-size:12.5px}.auth__switch{text-align:center;color:var(--ink-2);margin-top:20px;font-size:12.5px}.auth__demo{border-top:1px solid var(--line);color:var(--ink-2);text-align:center;margin-top:22px;padding-top:18px;font-size:11.5px}.profile__head{align-items:center;gap:24px;padding:28px 0 8px;display:flex}.profile__avatar{object-fit:cover;filter:grayscale();border-radius:50%;width:108px;height:108px}.profile__name{letter-spacing:-.03em;font-size:30px;font-weight:680}.profile__stats{gap:22px;margin-top:12px;display:flex}.profile__stat b{font-size:15px;font-weight:680}.profile__stat span{color:var(--ink-2);margin-left:5px;font-size:11px}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px}.empty{text-align:center;color:var(--ink-3);padding:60px 20px;font-size:13px}.skeleton{background:linear-gradient(90deg, var(--card-2) 25%, var(--line-soft) 50%, var(--card-2) 75%);border-radius:var(--r-sm);background-size:200% 100%;animation:1.4s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.sheet{z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#19181766;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.sheet__card{background:var(--surface);border-radius:var(--r-xl);width:100%;max-width:400px;box-shadow:var(--shadow-lg);max-height:80vh;padding:24px;overflow-y:auto}.toast{left:50%;bottom:calc(var(--player-h) + 24px);z-index:70;background:var(--ink);color:var(--surface);box-shadow:var(--shadow-lg);border-radius:999px;padding:11px 20px;font-size:12.5px;font-weight:500;animation:.22s toast-in;position:fixed;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}.tabbar{display:none}@media (width<=860px){:root{--rail:0px}.rail{display:none}.main{padding-bottom:calc(var(--player-h) + var(--tabbar-h) + 12px);margin-left:0}.content{padding:0 18px 30px}.topbar{height:56px;padding:0 18px}.player{left:0;bottom:var(--tabbar-h);gap:10px;height:64px;padding:0 12px}.player__now{flex:1;width:auto;min-width:0}.player__mid{flex:none}.player__end,.player .scrub{display:none}.player__controls{gap:6px}.player__controls>.iconbtn:first-child,.player__controls>.iconbtn:last-child{display:none}.tabbar{z-index:50;height:var(--tabbar-h);background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar__item{color:var(--ink-3);letter-spacing:.12em;text-transform:uppercase;flex-direction:column;flex:1;align-items:center;gap:5px;font-size:8.5px;font-weight:700;display:flex}.tabbar__item--active{color:var(--accent)}.msgs{grid-template-columns:1fr;height:auto}.msgs__list{border-right:0}.hero{aspect-ratio:4/3}.hero__title{font-size:22px}.grid--cards{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:14px}.profile__head{text-align:center;flex-direction:column}.chartrow{grid-template-columns:34px 26px 42px 1fr auto;gap:10px}.chartrow__plays{display:none}.jog{width:min(300px,78vw);height:min(300px,78vw)}}.mark{display:block;overflow:visible}.mark__bar{transform-origin:50% 26px;transition:transform .3s}.mark--draw .mark__bar{animation:.56s cubic-bezier(.2,.9,.25,1) backwards mark-rise}.mark--draw .mark__bar--3,.mark--draw .mark__bar--4{animation-delay:0s}.mark--draw .mark__bar--2,.mark--draw .mark__bar--5{animation-delay:80ms}.mark--draw .mark__bar--1,.mark--draw .mark__bar--6{animation-delay:.16s}@keyframes mark-rise{0%{opacity:0;transform:scaleY(0)}60%{opacity:1;transform:scaleY(1.15)}to{opacity:1;transform:scaleY(1)}}.mark--playing .mark__bar--1{animation:.82s ease-in-out -.1s infinite mark-eq}.mark--playing .mark__bar--2{animation:.64s ease-in-out -.35s infinite mark-eq}.mark--playing .mark__bar--3{animation:.94s ease-in-out -.55s infinite mark-eq}.mark--playing .mark__bar--4{animation:.7s ease-in-out -.25s infinite mark-eq}.mark--playing .mark__bar--5{animation:.88s ease-in-out -.6s infinite mark-eq}.mark--playing .mark__bar--6{animation:.76s ease-in-out -.05s infinite mark-eq}@keyframes mark-eq{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.mark__bar{animation:none!important}}.logo{align-items:center;gap:10px;display:inline-flex}.logo__badge{background:var(--ink);width:28px;height:28px;color:var(--surface);border-radius:9px;flex-shrink:0;place-items:center;display:grid}.logo__word{letter-spacing:-.015em;font-size:15px;font-weight:700}.splash{z-index:200;background:var(--bg);color:var(--ink);flex-direction:column;justify-content:center;align-items:center;gap:22px;animation:.26s splash-in;display:flex;position:fixed;inset:0}.splash__mark{background:var(--ink);width:104px;height:104px;color:var(--surface);box-shadow:var(--shadow-lg);border-radius:26px;place-items:center;animation:.7s cubic-bezier(.2,.9,.25,1) splash-pop;display:grid}.splash__word{letter-spacing:.34em;text-transform:uppercase;font-size:13px;font-weight:700;animation:.7s .26s backwards splash-fade}.splash__bar{background:var(--line);border-radius:2px;width:120px;height:2px;overflow:hidden}.splash__bar i{background:var(--accent);height:100%;animation:1.1s ease-in-out infinite splash-load;display:block}@keyframes splash-in{0%{opacity:0}}@keyframes splash-pop{0%{opacity:0;transform:scale(.82)}}@keyframes splash-fade{0%{opacity:0;transform:translateY(6px)}}@keyframes splash-load{0%{width:0;transform:translate(0)}60%{width:100%;transform:translate(0)}to{width:100%;transform:translate(100%)}}.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);flex-direction:column;gap:6px;padding:18px 20px;display:flex}.stat__value{letter-spacing:-.035em;font-variant-numeric:tabular-nums;font-size:27px;font-weight:700}.stat__label{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);font-size:10px;font-weight:600}.stat__delta{color:var(--ink-2);font-size:11px}.grid--stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.badge{letter-spacing:.1em;text-transform:uppercase;border-radius:999px;align-items:center;gap:5px;height:21px;padding:0 9px;font-size:9.5px;font-weight:700;display:inline-flex}.badge--published{color:#2f7d55;background:#2f9e6324}.badge--pending{background:var(--accent-soft);color:var(--accent)}.badge--rejected{color:#b8412f;background:#cf534024}.badge--admin{background:var(--ink);color:var(--surface)}.badge--artist{color:#4a54c4;background:#5a64dc24}.badge--listener{background:var(--card-2);color:var(--ink-2)}.badge--suspended{color:#b8412f;background:#cf534024}.table{border-collapse:collapse;width:100%}.table th{text-align:left;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid var(--line);padding:0 12px 10px;font-size:9.5px;font-weight:700}.table td{border-bottom:1px solid var(--line-soft);vertical-align:middle;padding:12px;font-size:13px}.table tr:hover td{background:var(--card-2)}.table__scroll{overflow-x:auto}.drop{border:1.5px dashed var(--line);border-radius:var(--r-lg);text-align:center;background:var(--card);cursor:pointer;padding:34px 20px;transition:border-color .15s,background .15s}.drop:hover,.drop--over{border-color:var(--accent);background:var(--accent-soft)}.drop__title{font-size:14px;font-weight:600}.drop__hint{color:var(--ink-2);margin-top:6px;font-size:11.5px}.drop__file{color:var(--accent);margin-top:12px;font-size:12.5px;font-weight:600}.progress{background:var(--card-2);border-radius:2px;height:4px;margin-top:14px;overflow:hidden}.progress__fill{background:var(--accent);height:100%;transition:width .2s}.spark{align-items:flex-end;gap:3px;height:78px;display:flex}.spark__col{background:var(--accent);opacity:.85;border-radius:2px 2px 0 0;flex:1;min-height:2px}.spark__col:hover{opacity:1}.radiochip{background:var(--accent-soft);height:26px;color:var(--accent);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;align-items:center;gap:7px;padding:0 12px;font-size:10px;font-weight:700;display:inline-flex}.radiochip i{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}.card__moodlabel{letter-spacing:-.01em;color:#fff;background:linear-gradient(#14131200 0%,#141312c7 100%);padding:26px 12px 11px;font-size:13px;font-weight:700;position:absolute;inset:auto 0 0}.hero__img{display:block;position:absolute;inset:0}.facts-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;display:grid}.facts-grid>div{flex-direction:column;gap:4px;display:flex}.facts-grid b{letter-spacing:-.01em;font-size:13.5px;font-weight:600}.lyrics{text-align:left;max-height:320px;overflow-y:auto}.lyrics p{white-space:pre-line;font-size:15px;line-height:1.85}.chip:disabled{opacity:.45;cursor:not-allowed}.rail__surface{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:-18px 0 22px 10px;font-size:9.5px;font-weight:700;display:block}.lp{--device-rim:transparent;--stage-h:620px;--px:0;--py:0;--sp:0;background:var(--paper,var(--bg));min-height:100vh;color:var(--ink);position:relative;overflow-x:clip}.lp:before{content:"";filter:blur(30px);pointer-events:none;z-index:0;background:radial-gradient(48% 38% at 22% 18%,#f5821f21,#0000 70%),radial-gradient(42% 34% at 82% 72%,#f5821f17,#0000 70%);animation:26s ease-in-out infinite alternate lp-drift;position:fixed;inset:-20%}@keyframes lp-drift{0%{transform:translate(-2%,-1%)scale(1)}to{transform:translate(3%,2%)scale(1.08)}}.lp>*{z-index:1;position:relative}.lp__bar{justify-content:space-between;align-items:center;padding:22px clamp(18px,5vw,56px);animation:.7s both lp-fade;display:flex}.lp__brand{letter-spacing:-.02em;align-items:center;gap:11px;font-size:16px;font-weight:700;display:flex}.lp__brandbadge{background:var(--ink);width:30px;height:30px;color:var(--surface);border-radius:9px;place-items:center;display:grid}.lp__nav{align-items:center;gap:22px;display:flex}.lp__nav a{color:var(--ink-2);font-size:12.5px;font-weight:600;text-decoration:none}.lp__nav a:hover{color:var(--ink)}.lp__signin{border:1px solid var(--line);background:var(--card);height:36px;color:var(--ink);border-radius:999px;padding:0 18px;font-size:12.5px;font-weight:650;transition:border-color .2s,transform .12s}.lp__signin:hover{border-color:var(--ink-3)}.lp__signin:active{transform:scale(.97)}.lp__pin{--ds:1;--dy:0;--dx:0;--amb:1;--fit:1;height:460vh;position:relative}.lp__viewport{height:100svh;position:sticky;top:0;overflow:hidden}.lp__stage{perspective:1400px;z-index:1;place-items:center;display:grid;position:absolute;inset:0}.lp__ribbon{pointer-events:none;pointer-events:none;width:190vw;height:240px;opacity:calc(var(--amb) * 1);z-index:0;animation:1.1s 1.05s backwards lp-fade;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,26%)}.lp__wave{fill:none;stroke:url(#ribbonFade);stroke-width:3px;stroke-linecap:round}.lp__ribbonrun{animation:9s linear infinite lp-ribbon}@keyframes lp-ribbon{to{transform:translate(-800px)}}.lp__orbit{pointer-events:none;z-index:1;opacity:var(--amb);--sleeve:linear-gradient(150deg, #2b2825 0%, #171514 55%, #221f1d 100%);--sleeve-warm:linear-gradient(150deg, #3a2a18 0%, #1b1613 60%);--sleeve-cool:linear-gradient(150deg, #262320 0%, #141211 60%);--sleeve-rim:#ffffff12;--groove:#ffffff0f;position:absolute;inset:0}.lp__cover{aspect-ratio:1;background:var(--sleeve);width:clamp(76px,8vw,112px);box-shadow:0 0 0 1px var(--sleeve-rim), 0 1px 0 #ffffff0f inset, 0 26px 50px #19181742;opacity:0;animation:lp-eject 1.15s var(--delay) cubic-bezier(.16,.84,.3,1) forwards, lp-float var(--float) calc(var(--delay) + 1.15s) ease-in-out infinite alternate;border-radius:15px;margin:calc(clamp(76px,8vw,112px)/-2);position:absolute;top:50%;left:50%;transform:translate(0,0)scale(.2)}.lp__cover:after{content:"";background:repeating-radial-gradient(circle at 50% 50%, var(--groove) 0 1px, transparent 1px 5px);border-radius:50%;position:absolute;inset:14%}.lp__cover--b:after,.lp__cover--e:after{background:repeating-linear-gradient(90deg,#f5821f80 0 3px,#0000 3px 9px);border-radius:4px;height:32%;inset:auto 16% 16%}.lp__cover--d{background:var(--sleeve-warm)}.lp__cover--f{background:var(--sleeve-cool)}@keyframes lp-eject{0%{opacity:0;transform:translate(0,0)scale(.2)rotate(0)}60%{opacity:1}to{opacity:1;transform:translate3d(var(--tx), var(--ty), 0) scale(1) rotate(var(--rot))}}@keyframes lp-float{0%{transform:translate3d(var(--tx), var(--ty), 0) scale(1) rotate(var(--rot))}to{transform:translate3d(var(--tx), calc(var(--ty) - 16px), 0) scale(1.02) rotate(calc(var(--rot) * -.65))}}.lp__device{width:min(320px,26vw + 90px);box-shadow:0 0 0 1px var(--device-rim), 0 2px 0 #ffffff12 inset, 0 40px 90px #1918176b, 0 8px 24px #19181747;transform:translateX(calc(var(--dx) * 1px)) scale(calc(var(--ds) * var(--fit))) translateY(calc(var(--dy) * 1%));transform-origin:50%;z-index:2;will-change:transform;background:linear-gradient(168deg,#262320 0%,#171514 58%,#211e1c 100%);border-radius:40px;padding:18px 18px 22px;animation:1.1s cubic-bezier(.16,.84,.3,1) .1s backwards lp-rise;position:relative}@keyframes lp-rise{0%{opacity:0;transform:translateY(46px)scale(.94)}}.lp__screen{background:linear-gradient(#f7f6f4 0%,#eceae7 100%);border-radius:24px;flex-direction:column;gap:3px;padding:20px 18px 18px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #00000059,inset 0 14px 24px #00000047}.lp__screen:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000 40%,#ffffff80 50%,#0000 60%);height:120%;animation:7s ease-in-out 2s infinite lp-sheen;position:absolute;inset:-60% -10% auto;transform:translateY(-40%)}@keyframes lp-sheen{0%,72%{opacity:0;transform:translate(-30%,-40%)}78%{opacity:.9}to{opacity:0;transform:translate(30%,40%)}}.lp__nowlabel{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3);font-size:8.5px;font-weight:700}.lp__track{letter-spacing:-.02em;color:#191817;margin-top:4px;font-size:17px;font-weight:680}.lp__artist{color:#6e6c69;font-size:12px}.lp__progress{background:#1918171f;border-radius:2px;height:3px;margin:14px 0 12px;display:block;overflow:hidden}.lp__progress i{background:var(--accent);border-radius:2px;height:100%;animation:24s linear 1.1s infinite lp-progress;display:block}@keyframes lp-progress{0%{width:4%}to{width:100%}}.lp__meter{align-items:flex-end;gap:3px;height:34px;margin:0 -34px 2px -18px;display:flex}.lp__meter b{background:linear-gradient(180deg, var(--accent), #f5821f6b);transform-origin:50% 100%;min-width:3px;height:40%;animation:.9s ease-in-out infinite alternate lp-meter;animation-delay:calc(var(--i) * -110ms);border-radius:2px 2px 0 0;flex:1}.lp__meter b:nth-child(n+11){opacity:.55}@keyframes lp-meter{0%{transform:scaleY(.28)}to{transform:scaleY(1.5)}}.lp__badges{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.lp__badges em{letter-spacing:.12em;text-transform:uppercase;color:#6e6c69;border:1px solid #19181724;border-radius:999px;padding:3px 8px;font-size:8px;font-style:normal;font-weight:700}.lp__badges .is-accent{color:var(--accent);border-color:#f5821f6b}.lp__wheel{aspect-ratio:1;background:radial-gradient(circle at 50% 38%,#35312d 0%,#201d1b 70%,#171514 100%);border-radius:50%;width:62%;margin:20px auto 4px;animation:14s linear infinite lp-spin;position:relative;box-shadow:inset 0 1px #ffffff14,0 12px 26px #0006}@keyframes lp-spin{to{transform:rotate(360deg)}}.lp__wheeltick{background:var(--accent);border-radius:2px;width:3px;height:11px;margin-left:-1.5px;position:absolute;top:7px;left:50%}.lp__wheelcue,.lp__wheelloop{letter-spacing:.16em;text-transform:uppercase;color:#f6f5f380;font-size:7px;font-weight:700;position:absolute;top:50%;transform:translateY(-50%)}.lp__wheelcue{left:11%}.lp__wheelloop{right:11%}.lp__hub{aspect-ratio:1;background:radial-gradient(circle at 50% 40%,#2c2926,#191716);border-radius:50%;width:34%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 2px 8px #00000080}.lp__captions{z-index:4;pointer-events:none;max-width:1400px;margin:0 auto;padding:0 clamp(18px,5vw,56px);position:absolute;inset:0}.lp__caption{will-change:opacity;flex-direction:column;justify-content:center;width:min(540px,46vw);margin:0;display:flex;position:absolute;top:50%;right:clamp(18px,5vw,56px);transform:translateY(-50%)}.lp__caption>*{pointer-events:auto}.lp__caption h1,.lp__caption h2{letter-spacing:-.035em;text-wrap:balance;margin-top:14px;font-size:clamp(30px,3.6vw,50px);font-weight:700;line-height:1.04}.lp__caption--lead h1{letter-spacing:-.04em;font-size:clamp(36px,5vw,68px)}.lp__caption p{max-width:44ch;color:var(--ink-2);margin-top:18px;font-size:clamp(15px,1.25vw,17px);line-height:1.6}.lp__eyebrow,.lp__kicker{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);font-size:10.5px;font-weight:700}.lp__cta{flex-wrap:wrap;align-items:center;gap:18px;margin-top:30px;display:flex}.lp__primary{background:var(--accent);color:#fff;letter-spacing:-.01em;border:0;border-radius:999px;height:52px;padding:0 30px;font-size:14.5px;font-weight:700;transition:transform .14s,box-shadow .22s;box-shadow:0 12px 26px #f5821f52}.lp__primary:hover{transform:translateY(-2px);box-shadow:0 18px 34px #f5821f66}.lp__primary--lg{height:58px;padding:0 40px;font-size:16px}.lp__secondary{color:var(--ink);font-size:14px;font-weight:650;text-decoration:none}.lp__secondary:hover{color:var(--accent)}.lp__beats{gap:7px;display:flex;position:absolute;bottom:42px;left:clamp(18px,5vw,56px)}.lp__beats span{background:var(--accent);border-radius:2px;width:26px;height:3px;transition:opacity .3s}.lp__swipe{opacity:calc(var(--o0,1) * .9);pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:34px;right:clamp(18px,5vw,56px)}.lp__swipe em{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-3);font-size:9px;font-style:normal;font-weight:700}.lp__swipe i{border:1.5px solid var(--line);border-radius:12px;width:21px;height:33px;position:relative}.lp__swipe i:after{content:"";background:var(--accent);border-radius:2px;width:3px;height:7px;margin-left:-1.5px;animation:1.8s ease-in-out infinite lp-swipe;position:absolute;top:7px;left:50%}@keyframes lp-swipe{0%,to{opacity:1;transform:translateY(0)}60%{opacity:.15;transform:translateY(11px)}}[data-reveal]{opacity:0;transition:opacity .7s cubic-bezier(.2,.7,.3,1),transform .7s cubic-bezier(.2,.7,.3,1);transform:translateY(24px)}[data-reveal].is-in{opacity:1;transform:none}.lp__copy [data-reveal]:nth-child(2){transition-delay:60ms}.lp__copy [data-reveal]:nth-child(3){transition-delay:.12s}.lp__copy [data-reveal]:nth-child(4){transition-delay:.18s}.lp__section{border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:clamp(24px,3vw,44px);max-width:1240px;margin:0 auto;padding:clamp(50px,8vw,110px) clamp(18px,5vw,56px);display:grid}.lp__feature h2{letter-spacing:-.03em;text-wrap:balance;margin-top:12px;font-size:clamp(21px,2.1vw,27px);font-weight:680}.lp__feature p{color:var(--ink-2);margin-top:12px;font-size:14.5px;line-height:1.65}.lp__kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-size:10px;font-weight:700}.lp__charts{max-width:1240px;margin:0 auto;padding:clamp(40px,6vw,80px) clamp(18px,5vw,56px)}.lp__chartshead h2{letter-spacing:-.035em;margin-top:10px;font-size:clamp(24px,3vw,38px);font-weight:700}.lp__bars{align-items:flex-end;gap:clamp(6px,1.1vw,14px);height:clamp(140px,20vw,230px);margin-top:36px;display:flex}.lp__bars span{background:linear-gradient(180deg, var(--accent) 0%, #f5821f47 100%);height:var(--h);transform-origin:50% 100%;transition:transform .85s cubic-bezier(.2,.8,.25,1);transition-delay:calc(var(--i) * 55ms);border-radius:8px 8px 3px 3px;flex:1;transform:scaleY(0)}.lp__charts.is-in .lp__bars span{transform:scaleY(1)}.lp__bars span:nth-child(2n){opacity:.62}.lp__apps{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;max-width:1240px;margin:0 auto;padding:clamp(30px,5vw,60px) clamp(18px,5vw,56px) clamp(50px,8vw,100px);display:grid}.lp__app{color:inherit;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:26px;text-decoration:none;transition:transform .3s cubic-bezier(.2,.7,.3,1),box-shadow .3s,border-color .3s;display:block}.lp__app:hover{border-color:#f5821f6b;transform:translateY(-6px);box-shadow:0 22px 44px #1918171f}.lp__apphost{font-family:var(--mono);color:var(--ink-3);font-size:11px}.lp__app h3{letter-spacing:-.03em;margin-top:12px;font-size:22px;font-weight:700}.lp__app p{color:var(--ink-2);margin-top:8px;font-size:13.5px;line-height:1.6}.lp__appgo{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-top:18px;font-size:11px;font-weight:700;transition:transform .25s;display:inline-block}.lp__app:hover .lp__appgo{transform:translate(5px)}.lp__end{text-align:center;border-top:1px solid var(--line);padding:clamp(60px,10vw,130px) clamp(18px,5vw,56px) 50px}.lp__end h2{letter-spacing:-.04em;text-wrap:balance;margin-bottom:30px;font-size:clamp(30px,5vw,60px);font-weight:700}.lp__foot{border-top:1px solid var(--line);max-width:1240px;color:var(--ink-3);flex-wrap:wrap;justify-content:space-between;gap:12px;margin:clamp(50px,8vw,90px) auto 0;padding-top:24px;font-size:12px;display:flex}.lp__auth{z-index:90;background:color-mix(in srgb, var(--paper,var(--bg)) 86%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:.3s both lp-fade;position:fixed;inset:0;overflow-y:auto}.lp__authclose{z-index:91;border:1px solid var(--line);background:var(--card);width:40px;height:40px;color:var(--ink-2);border-radius:50%;font-size:15px;position:fixed;top:20px;right:24px}.lp__authclose:hover{color:var(--ink);border-color:var(--ink-3)}@keyframes lp-fade{0%{opacity:0}to{opacity:1}}@media (width<=940px){.lp__pin{height:420vh}.lp__device{width:min(72vw,292px)}.lp__orbit{transform:scale(.42)}.lp__cover{border-radius:22px;width:clamp(74px,21vw,104px);margin:calc(clamp(74px,21vw,104px)/-2)}.lp__ribbon{width:320vw;opacity:calc(var(--amb) * .7);top:0;transform:translate(-50%,30%)}.lp__stage{align-items:start;padding-top:9svh}.lp__captions{padding:0}.lp__caption{width:auto;padding:120px clamp(20px, 6vw, 30px) calc(84px + env(safe-area-inset-bottom));background:linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--bg) 70%, transparent) 40%, var(--bg) 66%);justify-content:flex-end;inset:auto 0 0;transform:none}.lp__caption h1,.lp__caption h2{font-size:clamp(28px,8vw,40px)}.lp__caption--lead h1{font-size:clamp(32px,9.4vw,46px)}.lp__caption p{margin-top:12px;font-size:14.5px}.lp__cta{gap:10px;margin-top:20px}.lp__primary{width:100%}.lp__secondary{text-align:center;width:100%}.lp__beats{bottom:22px;left:20px}.lp__swipe{bottom:16px;right:20px}.lp__bar{padding:16px 18px}.lp__nav{gap:14px}.lp__nav a{display:none}.lp__brand{font-size:15px}.lp__signin{background:var(--ink);border-color:var(--ink);color:var(--surface)}.lp__apps{grid-template-columns:1fr}.lp__foot{text-align:center;justify-content:center}[data-reveal]{transform:translateY(34px)}}@media (width>=941px) and (width<=1200px){.lp__orbit{transform:scale(.78)}}@media (width>=941px){.lp__stage{justify-items:start;padding-left:clamp(40px,12vw,190px)}}@media (prefers-reduced-motion:reduce){.lp *,.lp :before,.lp :after{transition:none!important;animation:none!important}.lp__pin{height:auto}.lp__viewport{height:auto;padding-block:40px;position:static;overflow:visible}.lp__stage{height:420px;padding:0;position:relative;inset:auto}.lp__device{transform:none}.lp__captions{gap:40px;padding:40px clamp(18px,5vw,56px);display:grid;position:static}.lp__caption{background:0 0;width:auto;padding:0;position:static;transform:none;opacity:1!important}.lp__cover{opacity:1;transform:translate3d(var(--tx), var(--ty), 0) rotate(var(--rot))}.lp__beats,.lp__swipe{display:none}.lp__ribbon{opacity:1}.lp__bars span{transform:scaleY(1)}[data-reveal]{opacity:1;transform:none}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .lp{--device-rim:#ffffff1a}:root:not([data-theme=light]) .lp__orbit{--sleeve:linear-gradient(150deg, #454039 0%, #2a2724 55%, #383430 100%);--sleeve-warm:linear-gradient(150deg, #6b4a24 0%, #302620 60%);--sleeve-cool:linear-gradient(150deg, #3d3833 0%, #24211f 60%);--sleeve-rim:#ffffff24;--groove:#ffffff1c}}:root[data-theme=dark] .lp{--device-rim:#ffffff1a}:root[data-theme=dark] .lp__orbit{--sleeve:linear-gradient(150deg, #454039 0%, #2a2724 55%, #383430 100%);--sleeve-warm:linear-gradient(150deg, #6b4a24 0%, #302620 60%);--sleeve-cool:linear-gradient(150deg, #3d3833 0%, #24211f 60%);--sleeve-rim:#ffffff24;--groove:#ffffff1c}