:root{--ground:#fff;--ground-2:#f5f5f7;--surface:#ffffffb3;--fill:#7676801f;--fill-strong:#76768033;--hairline:#3c3c4321;--text:#1d1d1f;--text-2:#3c3c4399;--text-3:#3c3c4359;--accent:#fa233b;--ambient-alpha:.5;--shade:0, 0, 0;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--ease:cubic-bezier(.22, 1, .36, 1);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px)}@media (prefers-color-scheme:dark){:root{--ground:#0a0a0c;--ground-2:#121214;--surface:#1c1c20b3;--fill:#7676803d;--fill-strong:#7676805c;--hairline:#ffffff1c;--text:#f5f5f7;--text-2:#ebebf599;--text-3:#ebebf54d;--accent:#fc3c44;--ambient-alpha:.62}}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{background:var(--ground);color:var(--text);font-family:var(--font);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.num{font-variant-numeric:tabular-nums}svg{display:block}.app{isolation:isolate;height:100dvh;position:relative;overflow:hidden}.app__layer{z-index:1;flex-direction:column;height:100%;min-height:0;display:flex;position:relative}@media (min-width:720px){body{background:var(--ground-2)}.app{width:min(460px,100vw);height:min(900px,100dvh);box-shadow:0 30px 80px -40px rgba(var(--shade), .6);border-radius:28px;margin:max(0px,50dvh - 450px) auto}}.ambient{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.ambient__layer{filter:blur(64px)saturate(2.2);opacity:0;background-position:50%;background-size:cover;transition:opacity 1.1s;position:absolute;inset:-30%;transform:scale(1.2)}.ambient__layer.is-front{opacity:var(--ambient-alpha)}.ambient__veil{background:linear-gradient(to bottom, rgba(var(--shade), .05), rgba(var(--shade), .35));position:absolute;inset:0}@media (prefers-color-scheme:light){.ambient__veil{background:linear-gradient(#ffffff59,#fff9)}}.views{flex:auto;min-height:0;position:relative}.views__base{-webkit-overflow-scrolling:touch;position:absolute;inset:0;overflow-y:auto}.views__overlay{z-index:3;-webkit-overflow-scrolling:touch;background:var(--ground);animation:overlay-in .28s var(--ease);position:absolute;inset:0;overflow-y:auto}@keyframes overlay-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.np{min-height:100%;padding:calc(var(--safe-top) + 14px) 26px 18px;flex-direction:column;display:flex}.np__grabber{background:var(--text-3);border-radius:3px;flex:none;width:36px;height:5px;margin:0 auto 18px}.np__artHold{place-items:center;padding:4px 0 28px;display:grid}.artwork{aspect-ratio:1;background:var(--fill);width:100%;max-width:360px;transition:transform .55s var(--ease), box-shadow .55s var(--ease);box-shadow:0 8px 20px -8px rgba(var(--shade), .5);border-radius:12px;position:relative;overflow:hidden;transform:scale(.82)}.artwork.is-playing{box-shadow:0 26px 46px -18px rgba(var(--shade), .62), 0 2px 8px rgba(var(--shade), .2);transform:scale(1)}.artwork__poster{background-position:50%;background-size:cover;position:absolute;inset:0}.srcBadge{z-index:3;-webkit-backdrop-filter:blur(14px)saturate(1.6);color:#ffffffe6;background:#0000006b;border-radius:100px;align-items:center;gap:5px;padding:4px 9px 4px 7px;font-size:10px;font-weight:600;display:flex;position:absolute;top:10px;right:10px}.srcBadge__yt{background:#f03;border-radius:3px;flex:none;place-items:center;width:15px;height:11px;display:grid}.srcBadge__yt:after{content:"";border-top:3px solid #0000;border-bottom:3px solid #0000;border-left:5px solid #fff;margin-left:1px}.np__head{justify-content:space-between;gap:14px;margin-bottom:20px;display:flex}.np__titles{min-width:0}.np__title{letter-spacing:-.028em;text-wrap:balance;margin:0 0 1px;font-size:22px;font-weight:640;line-height:1.22}.np__artist{letter-spacing:-.022em;color:var(--accent);margin:0;font-size:20px;font-weight:400;line-height:1.25}.np__actions{flex:none;align-items:center;gap:4px;margin-top:2px;display:flex}.iconBtn{width:34px;height:34px;color:var(--text-2);background:var(--fill);transition:color .15s, transform .15s var(--ease);border-radius:50%;place-items:center;display:grid}.iconBtn:hover{color:var(--text)}.iconBtn.is-on{color:var(--accent)}.iconBtn:active{transform:scale(.9)}.iconBtn:disabled{cursor:default}.np__scrub{margin-bottom:4px}.np__times{color:var(--text-3);justify-content:space-between;font-size:11.5px;font-weight:500;display:flex}.np__transport{justify-content:center;align-items:center;gap:34px;padding:18px 0 24px;display:flex}.np__volume{color:var(--text-3);align-items:center;gap:11px;padding-bottom:22px;display:flex}.np__foot{justify-content:center;align-items:center;gap:44px;margin-top:auto;padding-bottom:4px;display:flex}.tbtn{color:var(--text);transition:transform .15s var(--ease), opacity .15s;place-items:center;padding:4px;display:grid}.tbtn:active{opacity:.6;transform:scale(.9)}.tbtn:disabled{opacity:.3;cursor:default}.fbtn{color:var(--text-2);border-radius:8px;place-items:center;padding:6px;display:grid}.fbtn:hover{color:var(--text)}.fbtn.is-on{color:var(--accent)}.slider{cursor:pointer;touch-action:none;width:100%;padding:8px 0}.slider[aria-disabled=true]{opacity:.4;cursor:default}.slider--volume{flex:1;padding:6px 0}.slider__rail{background:var(--fill-strong);height:7px;transition:height .2s var(--ease);border-radius:4px;position:relative;overflow:hidden}.slider--volume .slider__rail{height:6px}.slider:hover .slider__rail,.slider.is-dragging .slider__rail{height:11px}.slider__fill{background:var(--text-2);border-radius:4px;position:absolute;inset:0 auto 0 0}.slider.is-dragging .slider__fill{background:var(--text)}.page{padding:calc(var(--safe-top) + 22px) 20px 24px}.page__head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.page__title{letter-spacing:-.032em;margin:0 0 16px;font-size:33px;font-weight:700}.sec-title{letter-spacing:-.025em;margin:26px 0 10px;font-size:21px;font-weight:660}.textAction{color:var(--accent);font-size:15px;font-weight:500}.bigAction{text-align:left;background:var(--fill);width:100%;color:var(--accent);border-radius:11px;margin-bottom:8px;padding:13px 14px;font-size:15px;font-weight:500}.bigAction:disabled{color:var(--text-3);cursor:default}.field{background:var(--fill);color:var(--text-3);border-radius:11px;align-items:center;gap:8px;margin-bottom:8px;padding:9px 12px;display:flex}.field input{letter-spacing:-.015em;min-width:0;color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:16px}.field input::placeholder{color:var(--text-3)}.field__action{color:var(--accent);flex:none;font-size:15px;font-weight:500}.field__action:disabled{color:var(--text-3);cursor:default}.hint{color:var(--text-2);margin:10px 2px 18px;font-size:13px;line-height:1.5}.hint--error{color:var(--accent)}.hint--foot{margin-top:26px}.list{flex-direction:column;display:flex}.row{border-radius:8px;align-items:center;display:flex}.row:hover{background:var(--fill)}.row__main{text-align:left;flex:1;align-items:center;gap:12px;min-width:0;padding:0;display:flex}.row__art{background-position:50%;background-size:cover;border-radius:6px;flex:none;width:48px;height:48px;margin:5px 0}.row__art--empty{background:var(--fill-strong)}.row__inner{border-top:1px solid var(--hairline);flex:1;align-items:center;gap:10px;min-width:0;padding:11px 8px 11px 0;display:flex}.row:first-child .row__inner,.row:hover .row__inner{border-color:#0000}.row__text{flex:1;min-width:0}.row__title,.row__sub{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.row__title{letter-spacing:-.015em;font-size:15.5px;font-weight:500}.row__sub{color:var(--text-2);margin-top:1px;font-size:13px}.row.is-current .row__title{color:var(--accent)}.row__end{color:var(--text-3);flex:none;font-size:12.5px}.row__action{width:32px;height:32px;color:var(--text-3);border-radius:50%;flex:none;place-items:center;margin-left:2px;transition:color .15s,background .15s;display:grid}.row__action:last-child{margin-right:4px}.row__action:hover{color:var(--accent);background:var(--fill)}.row__action.is-on{color:var(--accent)}.row__action:disabled{cursor:default}.backLink{color:var(--accent);margin-left:-2px;padding:0 0 10px;font-size:15.5px;font-weight:450}.eq{flex:none;align-items:flex-end;gap:2px;width:14px;height:13px;display:flex}.eq span{background:var(--accent);border-radius:1px;flex:1;height:30%;animation:1s ease-in-out infinite eq-bounce}.eq span:nth-child(2){animation-delay:.3s}.eq span:nth-child(3){animation-delay:.6s}@keyframes eq-bounce{0%,to{height:22%}50%{height:100%}}.list--nav{margin-top:4px}.navrow{text-align:left;align-items:center;width:100%;padding:0;display:flex}.navrow>.navrow__inner{flex:1}.navrow__main{text-align:left;flex:1;min-width:0;padding:0}.navrow__inner{border-top:1px solid var(--hairline);justify-content:space-between;align-items:center;gap:10px;padding:13px 4px 13px 0;display:flex}.navrow:first-child .navrow__inner{border-top:none}.navrow__text{min-width:0}.navrow__name{letter-spacing:-.018em;white-space:nowrap;text-overflow:ellipsis;font-size:16.5px;font-weight:450;display:block;overflow:hidden}.navrow__sub{color:var(--text-2);margin-top:1px;font-size:13px;display:block}.navrow__chevron{color:var(--text-3);flex:none;font-size:20px;line-height:1}.navrow__main:hover .navrow__name{color:var(--accent)}.navrow__delete{color:var(--text-3);flex:none;padding:8px;font-size:13px}.navrow__delete:hover{color:var(--accent)}.notice{z-index:20;background:var(--surface);-webkit-backdrop-filter:blur(28px)saturate(1.8);border:1px solid var(--hairline);text-align:left;box-shadow:0 12px 30px -14px rgba(var(--shade), .5);animation:overlay-in .24s var(--ease);border-radius:12px;padding:11px 14px;font-size:13.5px;position:absolute;bottom:12px;left:16px;right:16px}.barStack{z-index:4;background:var(--surface);-webkit-backdrop-filter:blur(28px)saturate(1.8);border-top:1px solid var(--hairline);padding-bottom:var(--safe-bottom);flex:none;position:relative}.mini{border-bottom:1px solid var(--hairline);align-items:center;gap:6px;padding:8px 12px 8px 10px;display:flex;position:relative}.mini__progress{background:var(--accent);height:2px;transition:width .25s linear;position:absolute;top:0;left:0}.mini__main{text-align:left;flex:1;align-items:center;gap:11px;min-width:0;padding:0;display:flex}.mini__art{background:var(--fill-strong);width:42px;height:42px;box-shadow:0 2px 8px -2px rgba(var(--shade), .4);background-position:50%;background-size:cover;border-radius:6px;flex:none}.mini__text{flex:1;min-width:0}.mini__title,.mini__sub{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.mini__title{letter-spacing:-.015em;font-size:14.5px;font-weight:500}.mini__sub{color:var(--text-2);font-size:12.5px}.tabs{grid-template-columns:repeat(4,1fr);display:grid}.tab{color:var(--text-3);flex-direction:column;align-items:center;gap:4px;padding:9px 4px 11px;font-size:10.5px;font-weight:500;transition:color .15s;display:flex}.tab:hover{color:var(--text-2)}.tab.is-active{color:var(--accent)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}