@font-face{font-family:Gilroy;src:url(/Gilroy-Medium-1rdty312.ttf)format(truetype);font-weight:500;font-display:swap}@font-face{font-family:Gilroy;src:url(/Gilroy-Bold-003w1mkm.ttf)format(truetype);font-weight:700;font-display:swap}:root{--bg:#121315;--rail:#0f1012;--surface:#1b1c1e;--surface-2:#232426;--surface-3:#2c2d30;--line:#ffffff0d;--text:#fff;--muted:#8b8c8f;--faint:#56575b;--accent:#667bff;--accent-hover:#788bff;--accent-soft:#667bff24;--accent-line:#667bff99;--on-accent:#fff;--line-strong:#ffffff12;--danger:#ef5b5b;--danger-soft:#ef5b5b24;--success:#6fd98c;--success-soft:#6fd98c1f;--gold:#e8c26a;--silver:#c9ccd3;--bronze:#c98a5a;--warn:#f0b45a;--info:#47a4e1;--info-soft:#47a4e124;--violet:#8d61e5;--violet-soft:#8d61e524;--warn-soft:#f0b45a1f;--radius-lg:1.5rem;--radius-md:1rem;--radius-sm:.75rem;--gap:1rem;--font:"Gilroy",system-ui,-apple-system,"Segoe UI",sans-serif;--buncss-light: ;--buncss-dark:initial;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{font-size:clamp(16px,min(1.1vw,1.78vh),24px)}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;user-select:none;overflow:hidden;font-size:1rem;font-weight:500;line-height:1.4}h1,h2,p{margin:0}button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}img{-webkit-user-drag:none}.splash{display:grid;grid-template-columns:minmax(0,1fr);text-align:center;place-content: center;justify-items:center;gap:.75rem;height:100%;padding:1.5rem}.splash__title{font-size:1.25rem;font-weight:700}.splash__text{color:var(--muted);max-width:22.5rem}.spinner{border:.1875rem solid var(--surface-3);border-top-color:var(--accent);animation:.8s linear infinite spin;border-radius:50%;width:2rem;height:2rem}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}}.shell{display:grid;grid-template-columns:8.25rem minmax(0,1fr);height:100%}.rail{display:flex;background:var(--rail);border-right:1px solid var(--line);overflow-y:auto;scrollbar-width:none;flex-direction:column;gap:.5rem;padding:1.25rem .75rem}.rail__item{display:grid;grid-template-columns:minmax(0,1fr);border-radius:var(--radius-md);background:var(--surface);color:var(--faint);cursor:pointer;transition:var(--t-ui);border:0;justify-items:center;gap:.25rem;padding:.875rem .375rem .6875rem}.rail__item:hover{color:var(--muted)}.rail__item--active{color:var(--text);background:var(--surface-2)}.rail__icon{position:relative;display:inline-grid}.rail__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.8125rem}.content{overflow-y:auto;overscroll-behavior:contain;padding:2rem max(2rem,env(safe-area-inset-right))2rem max(2rem,env(safe-area-inset-left))}.page{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--gap);align-content: start;width:100%;max-width:112rem;margin:0 auto}.page--medium{max-width:72rem}.page--narrow{width:100%;max-width:40rem;margin:0 auto}.page__title{text-align:center;margin-bottom:.5rem;font-size:1.875rem;font-weight:700}@media (max-width:640px){.shell{grid-template-columns:minmax(0,1fr);grid-template-rows:1fr auto}.rail{padding:.5rem .75rem calc(.5rem + env(safe-area-inset-bottom));border-right:0;border-top:1px solid var(--line);padding:.375rem .5rem calc(.375rem + env(safe-area-inset-bottom));overflow:visible;flex-direction:row;order:2;gap:.25rem}.rail__item{background:0 0;flex:1;gap:2px;min-width:0;padding:.4375rem 0}.rail__item--active{background:var(--surface-2)}.rail__item .icon{width:1.5rem;height:1.5rem}.rail__label{letter-spacing:-.02em;font-size:.625rem}.rail--dense .rail__label{display:none}.rail--dense .rail__item{padding:.625rem 0}.content{padding:1rem max(1rem,env(safe-area-inset-right))1rem max(1rem,env(safe-area-inset-left))}.page__title{font-size:1.5rem}}:where(.panel){border-radius:var(--radius-lg);min-width:0;padding:1.5rem}:where(.panel--raised){background:var(--surface);border:1px solid var(--line)}:where(.panel--inset){background:var(--surface-2);border-radius:var(--radius-md);padding:1rem 1.25rem}:where(.panel--success){background:var(--success-soft);color:var(--success);border-radius:var(--radius-md);text-align:center;padding:1.125rem 1.25rem;font-size:1.125rem;font-weight:700}.panel__title{margin-bottom:.5rem;font-size:1.375rem;font-weight:700}.panel__text{color:var(--muted)}.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.chip{border-radius:var(--radius-sm);background:var(--surface-2);color:var(--muted);padding:.5rem .875rem;font-size:.875rem;font-weight:700}.button{display:inline-flex;border-radius:var(--radius-md);cursor:pointer;transition:var(--t-ui);border:0;justify-content:center;align-items: center;gap:.5rem;min-height:3.25rem;padding:0 1.5rem;font-weight:700}.button:disabled{cursor:default;opacity:.6}.button--primary{background:var(--accent);color:var(--on-accent)}.button--primary:not(:disabled):hover{background:var(--accent-hover)}.button--secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--line)}.button--secondary:not(:disabled):hover{background:var(--surface-3)}.button--ghost{color:var(--muted);background:0 0}.button--block{width:100%}.button--large{min-height:3.75rem;font-size:1.125rem}.button--busy{opacity:.7}.avatar{width:var(--avatar-size,2.5rem);height:var(--avatar-size,2.5rem);object-fit:cover;background:var(--surface-2);border-radius:50%;flex:none}.avatar--empty{display:inline-block;background:var(--surface-3)}.state{display:grid;grid-template-columns:minmax(0,1fr);text-align:center;justify-items:center;gap:.75rem;padding:3rem 1rem}.state__text{color:var(--muted);max-width:26.25rem}.icon{display:block;width:var(--icon-size,1.5rem);height:var(--icon-size,1.5rem);flex:none}.tabs{display:inline-flex;overflow-x:auto;scrollbar-width:none;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--line);gap:.25rem;max-width:100%;padding:.25rem}.tabs__item{display:inline-flex;border-radius:var(--radius-sm);color:var(--muted);cursor:pointer;transition:var(--t-ui);background:0 0;border:0;flex:none;align-items: center;gap:.5rem;height:2.5rem;padding:0 1.125rem;font-weight:700}.tabs__item:hover,.tabs__item--active{color:var(--text)}.slider-pill.tabs__pill{border-radius:var(--radius-sm);background:var(--surface-3)}.tabs__badge{display:inline-grid;background:var(--accent);color:var(--on-accent);border-radius:62.4375rem;place-items: center;min-width:1.25rem;height:1.25rem;padding:0 .375rem;font-size:.75rem;line-height:1}.field{display:grid;grid-template-columns:minmax(0,1fr);gap:.5rem}.field__label{color:var(--muted);font-size:.875rem}.field__input{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface-2);color:var(--text);font:inherit;outline:none;user-select:text;transition:border-color var(--dur-fast,.12s)ease;width:100%;min-width:0;height:3rem;padding:0 .875rem;font-size:1.0625rem;font-weight:700}.field__input:focus{border-color:var(--accent-line)}.field__input::placeholder{color:var(--faint);font-weight:500}.field--icon{display:flex;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface-2);color:var(--muted);align-items: center;gap:.625rem;padding:0 .875rem}.field--icon:focus-within{border-color:var(--accent-line)}.field--icon .field__input{background:0 0;border:0;border-radius:0;flex:1;align-self:stretch;height:auto;padding:0}.field--icon .field__input:focus-visible{outline:none}.field--icon:has(.field__input:focus-visible){border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field--icon .spinner{width:1.125rem;height:1.125rem}.pager{display:flex;justify-content:center;align-items: center;gap:.75rem;margin-top:1rem}.pager .button{min-height:2.5rem;padding:0 .75rem}.pager__label{color:var(--muted);font-variant-numeric:tabular-nums;font-weight:700}@media (max-width:640px){.tabs__item{height:2.25rem;padding:0 .6875rem;font-size:.875rem}}.button:not(:disabled){transition:var(--t-ui),transform .12s ease}.button:not(:disabled):active{transform:scale(.97)}:root{--ease-out:cubic-bezier(.22,1,.36,1);--ease-in:cubic-bezier(.55,0,.75,.2);--ease-in-out:cubic-bezier(.65,0,.35,1);--ease-spring:linear(0,.059,.2,.377,.557,.719,.852,.952,1.02,1.061,1.08,1.083,1.076,1.063,1.048,1.033,1.02,1.01,1.002,.997,.994,.993,.993,.994,.995,.996,.998,.999,1);--dur-fast:.14s;--dur:.22s;--dur-slow:.36s;--dur-slower:.56s;--stagger:36ms;--t-ui:background-color var(--dur-fast)var(--ease-out),color var(--dur-fast)var(--ease-out),border-color var(--dur-fast)var(--ease-out),box-shadow var(--dur)var(--ease-out),opacity var(--dur)var(--ease-out),filter var(--dur)var(--ease-out),scale var(--dur-fast)var(--ease-out)}@keyframes rise{0%{opacity:0;translate:0 .625rem}}@keyframes drop{0%{opacity:0;translate:0 -.5rem}}@keyframes pop{0%{opacity:0;scale:.92}}@keyframes fade{0%{opacity:0}}@keyframes grow-x{0%{scale:0 1}}@keyframes breathe{50%{opacity:1}}@keyframes win-glow{0%{box-shadow:0 0 0 0 var(--success-soft)}40%{box-shadow:0 0 0 .625rem var(--success-soft)}to{box-shadow:0 0 #0000}}@keyframes shake{20%{translate:-.25rem}40%{translate:.25rem}60%{translate:-.1875rem}80%{translate:2px}}@keyframes flash-up{0%{color:var(--success)}to{color:inherit}}@keyframes flash-down{0%{color:var(--danger)}to{color:inherit}}:where(button){transition:var(--t-ui)}:where(button:not(:disabled)):active{transition-duration:60ms;scale:.96}:where(button,input,[tabindex]):focus-visible{outline:2px solid var(--accent-line);outline-offset:2px}.shell{animation:fade var(--dur-slow)var(--ease-out)both}.splash{animation:fade var(--dur-slow)var(--ease-out).12s both}.content{view-transition-name:content}.rail__item--active{view-transition-name:rail-active}::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}::view-transition-group(*){animation-duration:var(--dur-slow);animation-timing-function:var(--ease-out)}::view-transition-old(content){animation:vt-out .15s var(--ease-in)both}::view-transition-new(content){animation:vt-in var(--dur-slow)var(--ease-out)both}html[data-motion=forward]::view-transition-old(content){animation-name:vt-out-left}html[data-motion=forward]::view-transition-new(content){animation-name:vt-in-right}html[data-motion=back]::view-transition-old(content){animation-name:vt-out-right}html[data-motion=back]::view-transition-new(content){animation-name:vt-in-left}@keyframes vt-out{to{opacity:0}}@keyframes vt-in{0%{opacity:0;translate:0 .75rem}}@keyframes vt-out-left{to{opacity:0;translate:-1.5rem}}@keyframes vt-in-right{0%{opacity:0;translate:2.5rem}}@keyframes vt-out-right{to{opacity:0;translate:1.5rem}}@keyframes vt-in-left{0%{opacity:0;translate:-2.5rem}}html[data-vt=off] .page{animation:rise var(--dur-slow)var(--ease-out)both}.stagger>*{animation:rise var(--dur-slow)var(--ease-out)both;animation-delay:calc(var(--i,0)*var(--stagger))}.stagger>:nth-child(2){--i:1}.stagger>:nth-child(3){--i:2}.stagger>:nth-child(4){--i:3}.stagger>:nth-child(5){--i:4}.stagger>:nth-child(6){--i:5}.stagger>:nth-child(7){--i:6}.stagger>:nth-child(8){--i:7}.stagger>:nth-child(9){--i:8}.stagger>:nth-child(10){--i:9}.stagger>:nth-child(11){--i:10}.stagger>:nth-child(n+12){--i:11}.motion-rise{animation:rise var(--dur-slow)var(--ease-out)both}.motion-pop{animation:pop var(--dur-slow)var(--ease-spring)both}.count--up{animation:flash-up var(--dur-slower)var(--ease-out)}.count--down{animation:flash-down var(--dur-slower)var(--ease-out)}.slider-host{position:relative;isolation:isolate}.slider-pill{position:absolute;z-index:-1;pointer-events:none;transition:translate var(--dur)var(--ease-out),width var(--dur)var(--ease-out),height var(--dur)var(--ease-out),opacity var(--dur-fast)var(--ease-out);top:0;left:0}.slider-pill--still{transition:none}.slider-pill--hidden{opacity:0}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}.shell,.splash,.stagger>*,.motion-rise,.motion-pop,html[data-vt=off] .page{animation:1ms both fade}.slider-pill{transition:none}:where(button:not(:disabled)):active{scale:none}}body{background:radial-gradient(56.25rem 32.5rem at 0% 0%,#ffffff09,transparent 70%),var(--bg)}.muted{color:var(--muted)}.list-panel{padding:.625rem}.empty-panel{color:var(--muted);text-align:center;padding:2.5rem 1.5rem}.person-list{display:grid;grid-template-columns:minmax(0,1fr);list-style:none;gap:2px;margin:0;padding:0}.person-row{display:grid;grid-template-columns:auto auto minmax(0,1fr)auto;border-radius:var(--radius-md);text-align:left;cursor:pointer;background:0 0;border:0;align-items: center;gap:.875rem;width:100%;padding:.625rem .875rem}.person-row:not(:has(.place)){grid-template-columns:auto minmax(0,1fr)auto}.person-row:hover{background:var(--surface-2)}.person-row--me,.person-row--me:hover{background:var(--accent-soft)}.person-row__text{display:grid;grid-template-columns:minmax(0,1fr);gap:.1875rem;min-width:0}.person-row__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.person-row__sub{color:var(--faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.8125rem}.person-row__value{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.place{display:grid;background:var(--surface-2);color:var(--muted);font-variant-numeric:tabular-nums;border-radius:.625rem;place-items: center;width:2.125rem;height:2.125rem;font-weight:700}.place--1{background:var(--gold);color:var(--bg)}.place--2{background:var(--silver);color:var(--bg)}.place--3{background:var(--bronze);color:var(--bg)}.pill{display:inline-flex;border:1px solid var(--line-strong);color:var(--muted);white-space:nowrap;border-radius:62.4375rem;align-items: center;gap:.375rem;height:1.75rem;padding:0 .6875rem;font-size:.8125rem;font-weight:700}.pill--lit{background:var(--accent-soft);color:var(--text);border-color:#0000}.pill--warn{background:var(--warn-soft);color:var(--warn);border-color:#0000}.pill--danger{background:var(--danger-soft);color:var(--danger);border-color:#0000}.badges{display:flex;flex-wrap:wrap;gap:.25rem;min-width:0}.badge{background:var(--surface-3);color:var(--text);border-radius:.375rem;padding:1px .5rem;font-size:.75rem;font-weight:700}.badge--lit{background:var(--warn-soft);color:var(--warn)}.badge--quiet{background:var(--surface-2);color:var(--muted)}.chip--button{cursor:pointer;border:1px solid #0000}.chip--button:hover{color:var(--text)}.chip--active,.chip--active:hover{border-color:var(--accent-line);background:var(--accent-soft);color:var(--text)}.select{border-radius:var(--radius-md);border:1px solid var(--line);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;height:3rem;padding:0 .875rem;font-weight:700}.stat-section{display:grid;grid-template-columns:minmax(0,1fr);border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface);align-content: start;gap:.875rem;min-width:0;padding:1.25rem}.stat-section--wide{grid-column:1/-1}.stat-section__title{display:flex;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;align-items: center;gap:.5rem;margin:0;font-size:.8125rem;font-weight:700}.stat-section__sub{color:var(--faint);letter-spacing:.06em;text-transform:uppercase;font-size:.75rem;font-weight:700}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(10.625rem,1fr));gap:.5rem}.stat{display:grid;grid-template-columns:minmax(0,1fr);border-radius:var(--radius-md);background:var(--surface-2);align-content: start;gap:.25rem;min-width:0;padding:.875rem 1rem}.stat--accent{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line)}.stat__label{display:flex;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;align-items: center;gap:.375rem;min-width:0;font-size:.8125rem}.stat__value{font-variant-numeric:tabular-nums;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.5rem;font-weight:700}.stat__hint{color:var(--faint);font-size:.75rem}.meters{display:grid;grid-template-columns:minmax(0,1fr);list-style:none;gap:.5rem;margin:0;padding:0}.meters__row{display:grid;grid-template-columns:minmax(0,7.5rem)minmax(0,1fr)6rem;align-items: center;gap:.75rem;font-size:.875rem}.meters__label{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meters__track{background:var(--surface-2);overflow:hidden;border-radius:.25rem;height:.5rem}.meters__fill{display:block;background:var(--accent);animation:grow-x var(--dur-slower)var(--ease-out)both;transform-origin:left;border-radius:.25rem;min-width:.25rem;height:100%}.meters__value{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.cards{display:grid;grid-template-columns:minmax(0,1fr);list-style:none;gap:.5rem;margin:0;padding:0}.card{display:grid;grid-template-columns:minmax(0,1fr);border-radius:var(--radius-md);background:var(--surface-2);gap:.375rem;padding:.875rem 1rem}.card--active{box-shadow:inset .1875rem 0 0 var(--warn)}.card__head{display:flex;justify-content:space-between;align-items: center;gap:.75rem}.card__title{font-weight:700}.card__text{color:var(--text);user-select:text}.card__meta{color:var(--faint);font-size:.8125rem}@media (max-width:640px){.person-row{gap:.625rem;padding:.5rem}.place{width:1.875rem;height:1.875rem;font-size:.875rem}.person-row__value{font-size:.875rem}.person-row .avatar{width:2.125rem;height:2.125rem}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat__value{font-size:1.25rem}.stat-row{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{padding:.75rem .875rem}.meters__row{grid-template-columns:minmax(0,5.25rem)minmax(0,1fr)5.25rem}}.badge--danger{background:var(--danger-soft);color:var(--danger)}.person-list--grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,28rem),1fr));column-gap:.5rem}.toaster{position:fixed;z-index:60;display:grid;pointer-events:none;gap:.5rem;width:min(26rem,100vw - 2rem);bottom:1.5rem;right:1.5rem}.toast{display:flex;border-radius:var(--radius-md);border:1px solid var(--line-strong);background:var(--surface-3);white-space:pre-line;animation:rise var(--dur-slow)var(--ease-out)both;align-items: flex-start;gap:.625rem;padding:.875rem 1rem;font-size:.9375rem;box-shadow:0 .75rem 2rem #00000073}.toast--success .icon{color:var(--success)}.toast--error .icon{color:var(--danger)}@media (max-width:640px){.toaster{right:1rem;bottom:calc(5rem + env(safe-area-inset-bottom))}}.person-item{display:flex;align-items: center;gap:.25rem}.person-item>.person-row{flex:1;min-width:0}.person-item__actions{flex:none}.rail__badge{position:absolute;display:grid;border:2px solid var(--rail);background:var(--accent);color:var(--on-accent);animation:pop var(--dur-fast)var(--ease-out);border-radius:.5625rem;place-items: center;min-width:1.125rem;height:1.125rem;padding:0 .3125rem;font-size:.6875rem;font-weight:700;top:-.375rem;right:-.625rem}@media (min-width:641px){.rail--dense{gap:.375rem}.rail--dense .rail__item{padding:.625rem .25rem .5rem}}@media (max-width:640px){.stat__label{white-space:normal;align-items: flex-start;line-height:1.25}.stat__label .icon{margin-top:.0625rem}.blacklists .person-row{grid-template-columns:auto minmax(0,1fr);align-items: start}.blacklists .person-row__value{grid-column:2;justify-self:start}.blacklists .person-row__sub,.blacklist__sub span{white-space:normal}}.tabs--more-right{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 2.5rem),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 2.5rem),#0000)}.tabs--more-left{-webkit-mask-image:linear-gradient(270deg,#000 calc(100% - 2.5rem),#0000);mask-image:linear-gradient(270deg,#000 calc(100% - 2.5rem),#0000)}.tabs--more-left.tabs--more-right{-webkit-mask-image:linear-gradient(90deg,#0000,#000 2.5rem calc(100% - 2.5rem),#0000);mask-image:linear-gradient(90deg,#0000,#000 2.5rem calc(100% - 2.5rem),#0000)}body{background:radial-gradient(60rem 36rem at 100% -10%,var(--accent-soft),transparent 70%),radial-gradient(48rem 30rem at 0% 0%,#ffffff08,transparent 70%),var(--bg)}.rail__item--active .rail__icon{color:var(--accent)}.live-banner{position:sticky;z-index:5;background:var(--warn-soft);color:var(--warn);text-align:center;border-radius:999px;max-width:30rem;margin:-1rem auto 1rem;padding:.5rem 1rem;font-size:.875rem;font-weight:700;top:-2rem}.empty{display:grid;grid-template-columns:minmax(0,1fr);text-align:center;justify-items:center;gap:.5rem;padding:2.5rem 1.5rem}.empty__icon{display:grid;background:var(--accent-soft);color:var(--accent);border-radius:50%;place-items: center;width:3.5rem;height:3.5rem;margin-bottom:.25rem}.empty__title{font-size:1.125rem;font-weight:700}.empty__text{color:var(--muted);max-width:28rem}.page-head{display:grid;justify-items:center;gap:.25rem}.page-head .page__title{margin:0}.page__hint{color:var(--muted);text-align:center}.page-tabs{display:flex;justify-content:center}.section-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;gap:.5rem;padding:0 .25rem .5rem}.section-title{display:flex;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;align-items: center;gap:.5rem;margin:0;padding:.25rem;font-size:.8125rem;font-weight:700}.list-panel .section-title{padding:.25rem .25rem .5rem}.list-more{text-align:center;padding:.75rem .75rem .25rem}.row-tools{display:flex;align-items: center;gap:.25rem}.tool{display:grid;border-radius:var(--radius-sm);background:var(--surface-2);color:var(--muted);cursor:pointer;transition:var(--t-ui);border:0;place-items: center;width:2.25rem;height:2.25rem}.tool:not(:disabled):hover{color:var(--text);background:var(--surface-3)}.tool:disabled{opacity:.4;cursor:default}.tool--lit{background:var(--accent-soft);color:var(--accent)}.tool--lit:not(:disabled):hover{background:var(--accent);color:var(--on-accent)}.tool--danger:not(:disabled):hover{background:var(--danger-soft);color:var(--danger)}.artwork{position:relative;display:grid;overflow:hidden;border-radius:var(--radius-sm);background:radial-gradient(120% 90% at 0% 0%,var(--accent-soft),transparent 60%),var(--surface-3);color:var(--muted);flex:none;place-items: center}.artwork--sm{border-radius:.625rem;width:2.75rem;height:2.75rem}.artwork--md{width:3.5rem;height:3.5rem}.artwork--lg{border-radius:var(--radius-lg);width:15rem;height:15rem;box-shadow:0 1.5rem 3rem #00000073}.artwork__image{object-fit:cover;width:100%;height:100%}.track-list{display:grid;grid-template-columns:minmax(0,1fr);list-style:none;gap:2px;margin:0;padding:0}.track-row{display:flex;border-radius:var(--radius-md);align-items: center;gap:.875rem;min-width:0;padding:.5rem .625rem}.track-row:hover{background:var(--surface-2)}.track-row--active,.track-row--active:hover{background:var(--accent-soft);box-shadow:inset .1875rem 0 0 var(--accent)}.track-row__index{color:var(--faint);font-variant-numeric:tabular-nums;text-align:center;flex:none;width:1.5rem;font-weight:700}.track-row__text{display:grid;flex:1;gap:.125rem;min-width:0}.track-row__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.track-row__sub{display:flex;color:var(--muted);overflow:hidden;white-space:nowrap;gap:.375rem;min-width:0;font-size:.8125rem}.track-row__sub>span{overflow:hidden;text-overflow:ellipsis}.track-row__sub>span+span:before{content:"·";color:var(--faint);margin-right:.375rem}.track-row__length{color:var(--faint);font-variant-numeric:tabular-nums;flex:none;font-size:.875rem}.track-row__actions{flex:none}.idle{display:grid;text-align:center;justify-items:center;gap:.875rem;padding:3rem 1.5rem}.idle__icon{display:grid;background:var(--accent-soft);color:var(--accent);border-radius:50%;place-items: center;width:5.5rem;height:5.5rem}.idle__title{font-size:1.75rem;font-weight:700}.idle__text{color:var(--muted);max-width:32rem}.now{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);overflow:hidden;align-items: center;gap:2rem;padding:1.75rem}.now__glow{position:absolute;background-color:var(--accent-soft);filter:blur(4rem)saturate(1.4);opacity:.35;pointer-events:none;background-position:50%;background-size:cover;inset:-40%}.now>:not(.now__glow){position:relative}.now__cover{display:grid;perspective:60rem}.now__cover .artwork{animation:cover-turn 1.1s var(--ease-out)both;transform-origin:center;backface-visibility:hidden}@keyframes cover-turn{0%{opacity:0;transform:rotateY(-75deg)scale(.92)}45%{opacity:1;transform:rotateY(24deg)scale(1.02)}72%{transform:rotateY(-8deg)scale(1)}88%{transform:rotateY(3deg)}to{transform:rotateY(0)}}@media (prefers-reduced-motion:reduce){.now__cover .artwork{animation:1ms both fade}}.now__body{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem;min-width:0}.now__titles{display:grid;gap:.375rem;min-width:0}.now__title{display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;-webkit-box-orient:vertical;font-size:1.875rem;font-weight:700;line-height:1.15}.now__author{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.0625rem}.now__requester{display:flex;color:var(--faint);align-items: center;gap:.5rem;font-size:.875rem}.seek{display:grid;gap:.375rem}.seek__range,.volume__range{--fill:0%;background:linear-gradient(to right,var(--accent)var(--fill),var(--surface-3)var(--fill));appearance:none;cursor:pointer;border-radius:999px;width:100%;height:.375rem;margin:0}.seek__range:disabled,.volume__range:disabled{cursor:default;opacity:.6}.seek__range::-webkit-slider-thumb{background:var(--text);appearance:none;border:0;border-radius:50%;width:.9375rem;height:.9375rem;box-shadow:0 .125rem .5rem #0006}.volume__range::-webkit-slider-thumb{background:var(--text);appearance:none;border:0;border-radius:50%;width:.9375rem;height:.9375rem;box-shadow:0 .125rem .5rem #0006}.seek__range::-moz-range-thumb{background:var(--text);border:0;border-radius:50%;width:.9375rem;height:.9375rem;box-shadow:0 .125rem .5rem #0006}.volume__range::-moz-range-thumb{background:var(--text);border:0;border-radius:50%;width:.9375rem;height:.9375rem;box-shadow:0 .125rem .5rem #0006}.seek__times{display:flex;color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:.8125rem}.controls{display:flex;justify-content:center;align-items: center;gap:.75rem}.control{display:grid;color:var(--text);cursor:pointer;transition:var(--t-ui),transform .12s ease;background:0 0;border:0;border-radius:50%;place-items: center;width:3rem;height:3rem}.control:not(:disabled):hover{background:var(--surface-2)}.control:not(:disabled):active{transform:scale(.94)}.control:disabled{opacity:.35;cursor:default}.control--dim{color:var(--muted)}.control--lit{color:var(--accent)}.control--main{background:var(--accent);color:var(--on-accent);box-shadow:0 .75rem 1.75rem var(--accent-soft);width:4rem;height:4rem}.control--main:not(:disabled):hover{background:var(--accent-hover)}.now__tools{display:flex;flex-wrap:wrap;align-items: center;gap:.75rem 1.25rem}.volume{display:flex;color:var(--muted);flex:1;align-items: center;gap:.625rem;min-width:12rem}.volume__value{color:var(--text);font-variant-numeric:tabular-nums;text-align:right;width:2.75rem;font-size:.875rem;font-weight:700}.bass{display:flex;background:var(--surface-2);color:var(--muted);border-radius:999px;align-items: center;gap:.25rem;padding:.25rem .25rem .25rem .625rem}.bass__item{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;width:2rem;height:2rem;font-weight:700}.bass__item:not(:disabled):hover{color:var(--text)}.bass__item--active,.bass__item--active:not(:disabled):hover{background:var(--accent);color:var(--on-accent)}.bass__item:disabled{cursor:default;opacity:.5}.now__stop{margin-left:auto}.listeners{display:flex;border-top:1px solid var(--line-strong);flex-wrap:wrap;justify-content:space-between;align-items: center;gap:.75rem;padding-top:1rem}.listeners__label{display:flex;color:var(--muted);align-items: center;gap:.5rem;font-size:.875rem;font-weight:700}.listeners__faces{display:flex}.listeners__faces>*{box-shadow:0 0 0 2px var(--surface);margin-left:-.375rem}.voice-notice{display:flex;border-radius:var(--radius-md);background:var(--accent-soft);color:var(--text);text-align:center;justify-content:center;align-items: center;gap:.5rem;margin:0;padding:.75rem 1rem;font-weight:700}.voice-notice--bad{background:var(--danger-soft);color:var(--danger)}.search-box{display:grid;gap:.875rem}.search-form{display:flex;gap:.5rem}.search-form__field{flex:1;height:3.25rem}.search-box__hint{font-size:.8125rem}.playlist-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;gap:.75rem;padding:.25rem .25rem .75rem}.playlist-head__title{display:flex;align-items: center;gap:.5rem;font-weight:700}.compact{display:grid;grid-template-columns:auto minmax(0,1fr)auto;align-items: center;gap:.875rem;height:100%;padding:.75rem 1rem}.compact--idle{display:flex;color:var(--muted);justify-content:center;font-weight:700}.compact__body{display:grid;gap:.25rem;min-width:0}.compact__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.compact__author,.compact__time{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem}.compact__bar{background:var(--surface-3);overflow:hidden;border-radius:999px;height:.25rem}.compact__bar>span{display:block;background:var(--accent);height:100%}.compact__controls{display:flex;gap:.25rem}.compact .control--main{width:3rem;height:3rem}@media (max-width:860px){.now{grid-template-columns:minmax(0,1fr);justify-items:center;gap:1.25rem;padding:1.25rem}.artwork--lg{width:min(16rem,70vw);height:min(16rem,70vw)}.now__body{width:100%}.now__titles{text-align:center}.now__requester{justify-content:center}}@media (max-width:640px){.now__title{font-size:1.375rem}.controls{gap:.25rem}.now__tools{justify-content:center}.now__stop{margin-left:0}.track-row{gap:.625rem;padding:.5rem}.track-row__length{display:none}.search-form{flex-direction:column}}.radio-hint{padding:0 .25rem .75rem;font-size:.8125rem}.stations{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));list-style:none;gap:.5rem;margin:0;padding:0}.station{display:flex;border-radius:var(--radius-md);background:var(--surface-2);align-items: center;gap:.75rem;min-width:0;padding:.625rem .625rem .625rem .75rem}.station__icon{display:grid;background:var(--accent-soft);color:var(--accent);border-radius:.625rem;flex:none;place-items: center;width:2.75rem;height:2.75rem}.station__text{display:grid;flex:1;gap:.125rem;min-width:0}.station__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.station__genre{color:var(--muted);font-size:.8125rem}
