.online{z-index:40;animation:.8s cubic-bezier(.16,1,.3,1) 1.1s both online-in;position:fixed;top:clamp(14px,3vh,26px);left:clamp(14px,3vw,30px)}@keyframes online-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.online__inner{color:#fdf7eef5;white-space:nowrap;text-shadow:0 1px 3px #1207038c;align-items:center;gap:7px;padding:7px 13px 7px 11px;font-size:11.5px;display:flex}.online__dot{background:#7ee08a;border-radius:999px;width:6px;height:6px;animation:2.4s ease-in-out infinite online-breathe;box-shadow:0 0 8px #7ee08ae6}@keyframes online-breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.82)}}.online__n{font-size:12px;font-weight:600}.online__label{font-family:var(--font-anek), sans-serif;color:#fdf7eec7}@media (prefers-reduced-motion:reduce){.online,.online__dot{animation:none}}
.toplinks{z-index:40;gap:8px;display:flex;position:fixed;top:clamp(14px,3vh,26px);right:clamp(14px,3vw,30px)}.toplinks__item{animation:.7s cubic-bezier(.16,1,.3,1) both toplink-in}@keyframes toplink-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.toplinks__a{letter-spacing:.01em;color:#fdf7eee6;white-space:nowrap;align-items:center;gap:6px;padding:8px 13px;font-size:11.5px;font-weight:500;text-decoration:none;display:flex}.toplinks__a svg{opacity:.6;transition:transform .24s cubic-bezier(.22,1,.36,1),opacity .24s}.toplinks__item:hover .toplinks__a svg{opacity:1;transform:translate(1.5px,-1.5px)}@media (max-width:560px){.toplinks{display:none}}
.player{left:50%;bottom:var(--console-gap);z-index:40;width:min(660px,100vw - 28px);animation:.9s cubic-bezier(.16,1,.3,1) .7s both player-in;position:fixed;transform:translate(-50%)}@keyframes player-in{0%{opacity:0;transform:translate(-50%)translateY(22px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.player__panel{width:100%}.player__inner{align-items:center;gap:16px;padding:14px 18px 14px 14px;display:flex}.player__art{cursor:pointer;background:0 0;border:0;border-radius:18px;flex:none;width:60px;height:60px;padding:0;transition:transform .22s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff4d,0 6px 18px #1408046b}.player__art:hover:not(:disabled){transform:scale(1.04)}.player__art:disabled{cursor:default}.player__art-img{object-fit:cover;width:100%;height:100%;display:block}.player__art-fallback{color:#fdf7eeb8;letter-spacing:.04em;background:radial-gradient(120% 100% at 22% 10%,#ffffff24,#0000 62%),linear-gradient(150deg,#6b1712b8,#26120ae6);place-items:center;width:100%;height:100%;font-size:17px;font-weight:700;display:grid;box-shadow:inset 0 0 0 1px #ffffff1a}.player__art[data-spinning=true]:after{content:"";border-radius:inherit;pointer-events:none;animation:3.4s ease-out infinite art-pulse;position:absolute;inset:0}@keyframes art-pulse{0%{box-shadow:0 0 #f2a22773}70%,to{box-shadow:0 0 0 14px #f2a22700}}.player__meta{flex-direction:column;flex:auto;min-width:0;display:flex;position:relative}.player__meta:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(115% 130% at 18%,#0e0703a8 0%,#0e07036b 46%,#0e07031f 78%,#0e070300 100%);border-radius:16px;position:absolute;inset:-7px -22px -5px -10px}.player__title,.player__sub{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.player__title{color:#fff9f0;text-shadow:0 0 1px #0c0502e6,0 1px 2px #0c0502d9,0 1px 6px #0a0402b3;font-size:16px;font-weight:600;line-height:1.3}.player__sub{color:#fffaf2eb;text-shadow:0 0 1px #0c0502e6,0 1px 2px #0c0502d9,0 1px 6px #0a0402b3;font-size:12.5px;line-height:1.35}.player__track{align-items:center;height:14px;margin-top:7px;display:flex;position:relative}.player__track:before{content:"";background:#ffffff57;border-radius:999px;height:4px;position:absolute;inset-inline:0;box-shadow:inset 0 1px 1px #0c0502bf,0 1px 2px #0c050273,0 1px #ffffff14}.player__fill{background:linear-gradient(to right, var(--marigold), #ffd98a);transform-origin:0;border-radius:999px;height:4px;transition:transform .22s linear;position:absolute;inset-inline:0;transform:scaleX(0);box-shadow:0 0 10px #f2a2278c}.player__thumb{pointer-events:none;background:#fff6e6;border-radius:999px;width:10px;height:10px;margin-left:-5px;transition:transform .18s cubic-bezier(.22,1,.36,1),left .22s linear;position:absolute;top:50%;transform:translateY(-50%)scale(0);box-shadow:0 1px 4px #14080499}.player__track:hover .player__thumb,.player__range:focus-visible+.player__thumb{transform:translateY(-50%)scale(1)}.player__range{opacity:0;cursor:pointer;appearance:none;background:0 0;width:100%;height:22px;margin:0;position:absolute;inset-inline:0}.player__range:disabled{cursor:default}.player__times{color:#fffaf2d6;text-shadow:0 0 1px #0c0502e6,0 1px 2px #0c0502d9,0 1px 6px #0a0402b3;margin-top:3px;font-size:10.5px}.player__transport{flex:none;align-items:center;gap:6px;display:flex}.player__ghost{color:#fdf7eee0;cursor:pointer;filter:drop-shadow(0 1px 2px #120703b3)drop-shadow(0 0 5px #0e060380);background:0 0;border:0;border-radius:999px;flex:none;place-items:center;width:40px;height:40px;transition:color .2s,background .2s,transform .16s;display:grid}.player__ghost--sm{color:#fdf7eec2;width:34px;height:34px}.player__ghost:hover:not(:disabled){color:#fff;background:#ffffff21}.player__ghost:active:not(:disabled){transform:scale(.92)}.player__ghost[data-on=true]{color:var(--marigold);background:#f2a22729}.player__ghost:disabled{color:#fdf7ee57;cursor:not-allowed}.nudge-right{margin-left:2px}.invite{display:inline-flex;position:relative}.is-inviting:after{content:"";pointer-events:none;z-index:5;border:1px solid #ffffff80;border-radius:999px;animation:2.6s cubic-bezier(.22,1,.36,1) infinite invite;position:absolute;inset:-6px}@keyframes invite{0%{opacity:0;transform:scale(.86)}35%{opacity:.75}to{opacity:0;transform:scale(1.22)}}.player__extras{border-left:1px solid #ffffff1f;flex:none;align-items:center;gap:2px;margin-left:2px;padding-left:4px;display:flex}.player__volume{align-items:center;display:flex}.player__vol-range{opacity:0;appearance:none;cursor:pointer;background:0 0;width:0;height:22px;margin:0;transition:width .32s cubic-bezier(.22,1,.36,1),opacity .24s,margin .32s cubic-bezier(.22,1,.36,1)}.player__volume:hover .player__vol-range,.player__vol-range:focus-visible{opacity:1;width:68px;margin-inline:4px 2px}.player__vol-range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--marigold) 0%, var(--marigold) var(--v,60%), #fff3 var(--v,60%), #fff3 100%);border-radius:999px;height:3px}.player__vol-range::-moz-range-track{background:#fff3;border-radius:999px;height:3px}.player__vol-range::-moz-range-progress{background:var(--marigold);border-radius:999px;height:3px}.player__vol-range::-webkit-slider-thumb{-webkit-appearance:none;background:#fff6e6;border-radius:999px;width:10px;height:10px;margin-top:-3.5px;box-shadow:0 1px 4px #14080499}.player__vol-range::-moz-range-thumb{background:#fff6e6;border:0;border-radius:999px;width:10px;height:10px;box-shadow:0 1px 4px #14080499}@media (max-width:860px){.player__extras{display:none}}@media (max-width:560px){.player{width:calc(100vw - 20px)}.player__inner{gap:12px;padding:11px 13px 11px 11px}.player__art{border-radius:16px;width:52px;height:52px}.player__title{font-size:14.5px}.player__sub{font-size:11.5px}.player__transport{gap:2px}.player__ghost{width:38px;height:38px}}@media (max-width:380px){.player__transport .player__ghost{display:none}}@media (prefers-reduced-motion:reduce){.player,.is-inviting:after,.player__art[data-spinning=true]:after{animation:none}}
.drawer__scrim{z-index:44;opacity:0;pointer-events:none;background:#0c050266;transition:opacity .38s;position:fixed;inset:0}.drawer__scrim[data-open=true]{opacity:1;pointer-events:auto}.drawer{right:clamp(14px,3vw,30px);bottom:calc(var(--console-gap) + var(--console-h) + 14px);max-height:min(64vh, calc(100dvh - var(--console-gap) - var(--console-h) - 84px));z-index:45;opacity:0;pointer-events:none;visibility:hidden;width:min(360px,100vw - 28px);transition:transform .52s cubic-bezier(.22,1,.36,1),opacity .32s,visibility 0s linear .52s;position:fixed;transform:translate(calc(100% + 40px))}.drawer[data-open=true]{opacity:1;pointer-events:auto;visibility:visible;transition:transform .52s cubic-bezier(.22,1,.36,1),opacity .32s,visibility;transform:translate(0)}.drawer__panel{max-height:100%}.drawer__inner{flex-direction:column;min-height:0;max-height:100%;padding:18px 6px 10px 18px;display:flex}.drawer__head{justify-content:space-between;align-items:flex-start;margin-bottom:14px;padding-right:12px;display:flex}.drawer__title{color:#fdf7ee;font-size:19px;font-weight:700;line-height:1.1}.drawer__count{color:#fdf7eead;margin-top:3px;font-size:10px}.drawer__close{color:#fdf7eecc;cursor:pointer;background:#ffffff1a;border:0;border-radius:999px;place-items:center;width:30px;height:30px;transition:background .2s,transform .16s;display:grid}.drawer__close:hover{background:#fff3}.drawer__close:active{transform:scale(.92)}.drawer__list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff38 transparent;flex:0 auto;min-height:0;margin:0;padding:0 12px 8px 0;list-style:none;overflow-y:auto}.drawer__list::-webkit-scrollbar{width:6px}.drawer__list::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:999px}.drawer__row{text-align:left;cursor:pointer;width:100%;color:inherit;background:0 0;border:0;border-radius:14px;align-items:center;gap:12px;padding:9px 10px;transition:background .2s;display:flex}.drawer__row:hover{background:#ffffff17}.drawer__row[data-current=true]{background:#f2a22726}.drawer__num{color:#fdf7ee8f;text-align:center;flex:none;width:22px;font-size:10.5px}.drawer__row[data-current=true] .drawer__num{color:var(--marigold)}.drawer__text{flex-direction:column;gap:1px;min-width:0;display:flex}.drawer__song{color:#fdf7eef0;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.drawer__artist{color:#fdf7eeb3;white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.drawer__bars{justify-content:center;align-items:flex-end;gap:2px;height:12px;display:inline-flex}.drawer__bars i{background:var(--marigold);border-radius:1px;width:2px;animation:.9s ease-in-out infinite bars}.drawer__bars i:first-child{height:60%;animation-delay:-200ms}.drawer__bars i:nth-child(2){height:100%;animation-delay:-500ms}.drawer__bars i:nth-child(3){height:45%;animation-delay:-80ms}@keyframes bars{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.drawer__empty{color:#fdf7eeb8;padding:26px 10px;font-size:13px;line-height:1.6}.drawer__empty code{font-family:var(--font-geist-mono), monospace;background:#ffffff1a;border-radius:5px;padding:2px 5px;font-size:11.5px}@media (max-width:560px){.drawer{width:auto;max-height:min(58vh, calc(100dvh - var(--console-gap) - var(--console-h) - 96px));left:12px;right:12px}}@media (prefers-reduced-motion:reduce){.drawer__bars i{animation:none}.drawer,.drawer[data-open=true]{transition-duration:1ms;transition-delay:0s}}