:root{--color-bg:#060606;--color-surface:#101010;--color-overlay:#000c;--color-text:#c9c8c8;--color-text-bright:#fff;--color-text-muted:#a09f9f;--color-error:#ff9292;--color-danger-bg:#af0a0a;--color-border:#ffffff1a;--color-border-strong:#807f7f;--nav-bg:#06060633;--nav-border:#807f7f;--nav-blur:18.8px;--shadow-nav:0 4px 4px #00000040;--glass-bg:#ffffff12;--glass-hover:#ffffff0d;--glass-active:linear-gradient(#ffffff2b, #ffffff1a);--glass-shadow:inset 0 1px 0 #ffffff0f, 0 8px 24px #00000059;--glow-text:0 0 20.3px #efefefd4;--radius-pill:104px;--radius-panel:20px;--radius-md:12px;--radius-thumb:7px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-10:40px;--page-max:1728px;--page-pad:120px;--font-sans:"Google Sans Flex", "Inter", system-ui, -apple-system, sans-serif;--font-accent:"Unbounded", var(--font-sans);--font-nav:"Inter", var(--font-sans);--ease-out:cubic-bezier(.22, .61, .36, 1);--dur-fast:.2s;--dur-med:.4s}@media (width<=1280px){:root{--page-pad:64px}}@media (width<=768px){:root{--page-pad:20px}}*{box-sizing:border-box}.route-loading{color:#aaa;place-items:center;min-height:50vh;display:grid}html,body,#root{min-height:100%;margin:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scrollbar-gutter:stable;scroll-behavior:smooth;overflow-x:clip}body{background:radial-gradient(circle at 19% 22%, #1a1919 0%, #06060600 55%), var(--color-bg);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:inherit}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:200;color:#101010;background:#fff;border-radius:8px;padding:12px 18px;position:fixed;top:8px;left:16px;transform:translateY(-160%)}.skip-link:focus{transform:none}:focus-visible{outline-offset:4px;outline:2px solid #fff;scroll-margin-top:150px;scroll-margin-bottom:160px}main:focus{outline:none}.page-heading{color:var(--color-text-bright);margin:0;font-size:clamp(24px,3vw,32px);line-height:1.3}.page-feedback{text-align:center;padding:24px 0}.page-feedback .empty-state{min-height:260px}.page-action{border:1px solid var(--color-border-strong);background:var(--color-surface);min-height:44px;color:var(--color-text-bright);cursor:pointer;font:inherit;border-radius:999px;justify-content:center;align-items:center;padding:10px 20px;display:inline-flex}.page-action:hover{background:#292929}.page-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.not-found{text-align:center;min-height:70vh;padding-top:180px}[hidden]{display:none!important}.page-enter{animation:page-enter var(--dur-med) var(--ease-out) both}@keyframes page-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}.route-error{color:#fff;max-width:42rem;margin:12vh auto;padding:2rem}.route-error button,.route-error a{border-radius:999px;margin:.5rem .75rem .5rem 0;padding:.75rem 1rem;display:inline-block}.embed-dock{z-index:45;border:1px solid var(--color-border-strong);background:var(--color-surface);border-radius:16px;width:min(360px,100vw - 32px);position:fixed;top:140px;right:16px;overflow:hidden;box-shadow:0 16px 40px #00000080}.embed-dock__head{align-items:center;gap:12px;padding:10px 10px 10px 14px;display:flex}.embed-dock__title{min-width:0;color:var(--color-text-bright);white-space:nowrap;text-overflow:ellipsis;flex-direction:column;flex:1;font-size:14px;display:flex;overflow:hidden}.embed-dock__title small{color:var(--color-text-muted);text-overflow:ellipsis;font-size:12px;overflow:hidden}.embed-dock__close{width:44px;height:44px;color:var(--color-text);cursor:pointer;background:0 0;border:0;border-radius:999px;font-size:24px}.embed-dock__close:hover{background:var(--color-border-strong)}.embed-dock__frame{border:0;width:100%;height:166px;display:block}.embed-dock__frame--video{aspect-ratio:16/9;height:auto}@media (width<=1100px){.embed-dock{top:168px}}.toast-stack{z-index:200;pointer-events:none;flex-direction:column-reverse;gap:10px;max-width:min(400px,100vw - 40px);display:flex;position:fixed;bottom:20px;right:20px}.toast{pointer-events:auto;border:.5px solid var(--color-border-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--color-text);letter-spacing:-.01em;animation:toast-in .28s var(--ease-out) both;background:#101010f5;border-left-width:3px;border-radius:14px;align-items:center;gap:12px;padding:13px 14px 13px 16px;font-size:14px;display:flex;box-shadow:0 8px 28px #00000080}@keyframes toast-in{0%{opacity:0;transform:translate(24px)scale(.98)}to{opacity:1;transform:translate(0)scale(1)}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.toast__dot{background:currentColor;border-radius:50%;flex-shrink:0;width:8px;height:8px}.toast--success{border-left-color:#7ee08a}.toast--success .toast__dot{color:#7ee08a}.toast--error{border-left-color:var(--color-error)}.toast--error .toast__dot{color:var(--color-error)}.toast--info{border-left-color:var(--color-border-strong)}.toast--info .toast__dot{color:var(--color-text-muted)}.toast__msg{flex:1;min-width:0;line-height:1.35}.toast__action{border:.5px solid var(--color-text);color:var(--color-text-bright);cursor:pointer;background:0 0;border-radius:999px;flex-shrink:0;padding:6px 12px;font-size:13px;font-weight:600;transition:background .2s,color .2s}.toast__action:hover{background:var(--color-text);color:var(--color-bg)}.toast__action:disabled{opacity:.5;cursor:default}.toast__close{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:4px;transition:color .2s;display:inline-flex}.toast__close:hover{color:var(--color-text)}.toast__close svg{width:15px;height:15px}body:has(.cms) .toast-stack{flex-direction:column;width:max-content;inset:16px auto auto calc(232px + min(100vw - 232px,1280px)/2);transform:translate(-50%)}@media (width<=900px){body:has(.cms) .toast-stack{max-width:calc(100vw - 24px);left:50%}}@media (width<=600px){.toast-stack{max-width:none;bottom:12px;left:12px;right:12px}}.pill-nav{background:var(--glass-bg);border-radius:var(--radius-pill);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(var(--nav-blur));align-items:center;gap:4px;padding:8px;display:inline-flex}.pill-nav__link{color:var(--color-text-muted);font-family:var(--font-sans);border-radius:var(--radius-pill);white-space:nowrap;transition:color var(--dur-fast) ease, background-color var(--dur-fast) ease;padding:14px 28px;font-size:18px;line-height:1}.pill-nav__link:hover{color:var(--color-text);background-color:var(--glass-hover)}.pill-nav__link:focus-visible{outline-offset:2px;outline:2px solid #fff9}.pill-nav__link--active,.pill-nav__link--active:hover{color:var(--color-text-bright);background:var(--glass-active);box-shadow:inset 0 1px #ffffff1a}@media (width<=1100px){.pill-nav__link{padding:12px 20px;font-size:15px}}@media (width<=640px){.pill-nav{scrollbar-width:none;justify-content:space-between;justify-self:stretch;gap:2px;width:100%;padding:5px;overflow-x:auto}.pill-nav::-webkit-scrollbar{display:none}.pill-nav__link{padding:10px;font-size:13px}}@media (width<=410px){.pill-nav__link{padding:9px 7px;font-size:12px}}@media (width<=360px){.pill-nav__link{padding:8px 5px;font-size:11px}}.auth-menu{position:relative}.auth-menu__trigger{background:var(--glass-bg);width:62px;height:62px;box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(var(--nav-blur));color:var(--color-text-muted);cursor:pointer;transition:color .25s ease, background .25s ease, transform .25s var(--ease-out);border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.auth-menu__trigger svg{width:22px;height:22px}.auth-menu__trigger:hover{color:var(--color-text);background:#ffffff1c}.auth-menu__trigger--open{color:var(--color-text-bright);background:var(--glass-active)}.auth-menu__dot{background:#7ee08a;border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:9px;box-shadow:0 0 6px #7ee08ab3}.auth-menu__panel{border:.5px solid var(--nav-border);border-radius:var(--radius-md);min-width:180px;box-shadow:var(--shadow-nav);-webkit-backdrop-filter:blur(var(--nav-blur));z-index:60;animation:auth-menu-in .22s var(--ease-out) both;background:#060606e6;flex-direction:column;gap:4px;padding:8px;display:flex;position:absolute;top:calc(100% + 10px);right:0}@keyframes auth-menu-in{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-menu__item{width:100%;color:var(--color-text-muted);letter-spacing:-.02em;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;padding:11px 16px;font-family:inherit;font-size:14px;transition:color .2s,background .2s;display:block}.auth-menu__item:hover{color:var(--color-text);background:#ffffff0f}.auth-menu__item--primary{color:var(--color-text);font-weight:600}.auth-menu__item--primary:hover{color:var(--color-text-bright);text-shadow:var(--glow-text)}@media (width<=1100px){.auth-menu__trigger{width:55px;height:55px}}@media (width<=900px){.auth-menu__trigger{width:46px;height:46px}.auth-menu__trigger svg{width:20px;height:20px}}.notif{margin-right:12px}.notif__badge{background:var(--color-danger-bg);min-width:18px;height:18px;color:var(--color-text-bright);border-radius:999px;padding:0 5px;font-size:11px;font-weight:600;line-height:18px;position:absolute;top:8px;right:6px}.notif__panel{width:min(360px,100vw - 32px);max-height:min(480px,70vh);overflow-y:auto}.notif__title{color:var(--color-text-bright);margin:4px 8px 8px;font-weight:600}.notif__empty{color:var(--color-text-muted);margin:0 8px 8px;font-size:14px;line-height:1.5}.notif__list{margin:0;padding:0;list-style:none}.notif__item{width:100%;color:var(--color-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:flex-start;gap:10px;padding:10px 8px;font-size:14px;line-height:1.4;display:flex}.notif__item:hover,.notif__item:focus-visible{background:#ffffff0f}.notif__item--new{background:#ffffff0a}.notif__item em{color:var(--color-text-bright);font-style:normal}.notif__item time{color:var(--color-text-muted);margin-top:2px;font-size:12px;display:block}.notif__avatar{background:var(--color-border-strong);width:32px;height:32px;color:var(--color-bg);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}@media (width<=640px){.notif__panel{width:auto;position:fixed;top:80px;left:16px;right:16px}}.player-bar__volume{align-items:center;gap:8px;width:100px;display:flex}.player-bar__volume input{accent-color:#fff;width:76px}.player-bar__status{color:var(--color-text-muted);font-size:11px}@media (width<=900px){.player-bar__volume{display:none}}.player-bar{z-index:60;border-top:.5px solid var(--nav-border);-webkit-backdrop-filter:blur(var(--nav-blur));animation:player-bar-in var(--dur-med) var(--ease-out) both;background:#060606b8;padding:12px clamp(16px,4vw,40px);position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #00000073}@keyframes player-bar-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.player-bar__inner{max-width:var(--page-max);grid-template-columns:1fr minmax(0,620px) 1fr;align-items:center;gap:24px;margin:0 auto;display:grid}.player-bar__now{align-items:center;gap:14px;min-width:0;display:flex}.player-bar__cover{border-radius:var(--radius-thumb);object-fit:cover;background:var(--color-surface);flex-shrink:0;width:52px;height:52px}.player-bar__cover--empty{background:linear-gradient(135deg,#141414,#0a0a0a)}.player-bar__meta{flex-direction:column;min-width:0;display:flex}.player-bar__title{color:var(--color-text-bright);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.player-bar__artist{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.player-bar__center{flex-direction:column;align-items:center;gap:8px;display:flex}.player-bar__controls{align-items:center;gap:clamp(10px,2vw,20px);display:flex}.pbtn{width:36px;height:36px;color:var(--color-text-muted);cursor:pointer;transition:color var(--dur-fast) ease, transform var(--dur-fast) ease;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.pbtn svg{width:20px;height:20px}.pbtn:hover{color:var(--color-text-bright)}.pbtn--on{color:var(--color-text-bright);text-shadow:var(--glow-text)}.pbtn--sm svg{width:16px;height:16px}.pbtn--play{background:var(--color-text-bright);width:46px;height:46px;color:var(--color-bg)}.pbtn--play svg{width:22px;height:22px}.pbtn--play:hover{color:var(--color-bg);transform:scale(1.06)}.pbtn__badge{color:var(--color-text-bright);font-size:9px;font-weight:700;line-height:1;position:absolute;bottom:2px;right:2px}.player-bar__seek{align-items:center;gap:10px;width:100%;display:flex}.player-bar__time{color:var(--color-text-muted);font-variant-numeric:tabular-nums;text-align:center;min-width:34px;font-size:11px}.player-bar__range{appearance:none;background:linear-gradient(to right, var(--color-text) 0%, var(--color-text) var(--pct,0%), #ffffff24 var(--pct,0%), #ffffff24 100%);cursor:pointer;border-radius:999px;flex:1;height:4px}.player-bar__range::-webkit-slider-thumb{appearance:none;background:var(--color-text-bright);border-radius:50%;width:12px;height:12px;box-shadow:0 0 8px #efefef99}.player-bar__range::-moz-range-thumb{background:var(--color-text-bright);border:none;border-radius:50%;width:12px;height:12px}.player-bar__right{justify-content:flex-end;align-items:center;gap:2px;display:flex}@media (width<=900px){.player-bar__inner{grid-template-columns:1fr auto;gap:12px}.player-bar__center{order:3;grid-column:1/-1}.player-bar__right{order:2}}.player-bar__panel{max-width:var(--page-max);border:.5px solid var(--nav-border);border-radius:var(--radius-md);max-height:46vh;animation:player-bar-in var(--dur-fast) var(--ease-out) both;background:#101010f5;margin:0 auto 10px;overflow-y:auto;box-shadow:0 -8px 24px #0006}.pbpanel{padding:16px 18px}.pbpanel__head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.pbpanel__title{letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);margin:0 0 12px;font-size:14px}.pbpanel__link{color:var(--color-text-bright);cursor:pointer;background:0 0;border:none;font-size:13px;text-decoration:underline}.pbpanel__lyrics{font-family:var(--font-sans);color:var(--color-text);white-space:pre-wrap;margin:0;font-size:14px;line-height:1.7}.pbpanel__empty{color:var(--color-text-muted);margin:0;font-size:14px}.pbpanel__contrib{flex-direction:column;gap:8px;margin-top:12px;display:flex}.pbpanel__textarea{border:.5px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text);font-family:var(--font-sans);resize:vertical;background:#ffffff0a;outline:none;padding:10px 12px;font-size:14px}.pbpanel__textarea:focus{border-color:var(--color-border-strong)}.pbpanel__submit{background:var(--color-text-bright);color:var(--color-bg);cursor:pointer;border:none;border-radius:999px;align-self:flex-start;padding:9px 18px;font-size:14px;font-weight:600}.pbpanel__submit:disabled{opacity:.4;cursor:default}.pbpanel__comments{overflow-wrap:anywhere;gap:8px;max-height:240px;margin:0 0 12px;padding:0;list-style:none;display:grid;overflow-y:auto}.pbpanel__comments .pbpanel__link{margin-left:8px}.pbpanel__msg{color:var(--color-text);margin:10px 0 0;font-size:13px}.pbpanel__queue{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.pbq{border-radius:8px;align-items:center;gap:4px;display:flex}.pbq--cur{background:#ffffff0f}.pbq__main{min-width:0;color:inherit;cursor:pointer;text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:12px;padding:8px 10px;display:flex}.pbq__cover{object-fit:cover;background:var(--color-surface);border-radius:5px;flex-shrink:0;width:40px;height:40px}.pbq__cover--empty{background:linear-gradient(135deg,#141414,#0a0a0a)}.pbq__meta{flex-direction:column;flex:1;min-width:0;display:flex}.pbq__title{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.pbq--cur .pbq__title{color:var(--color-text-bright)}.pbq__artist{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.pbq__badge{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);flex-shrink:0;font-size:10px}.pbq__rm{width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.pbq__rm svg{width:16px;height:16px}.pbq__rm:hover{color:var(--color-text-bright)}.pbdev{border-radius:var(--radius-md);color:var(--color-text);align-items:center;gap:10px;margin-bottom:12px;padding:10px 12px;font-size:14px;display:flex}.pbdev--cur{background:#ffffff0d}.pbdev__icon{width:22px;height:22px;color:var(--color-text-bright)}.pbdev__dot{background:#2ecc71;border-radius:50%;width:8px;height:8px;margin-left:auto}@media (width<=640px){.player-bar{padding:10px 14px}.player-bar__cover{width:44px;height:44px}.player-bar__controls{gap:12px}.pbtn{width:38px;height:38px}.player-bar__right{gap:0}.pbtn--sm{width:34px;height:34px}}.pbpanel__confirm{color:var(--color-text-muted);margin-left:8px;font-size:13px}.layout{min-height:100dvh}.layout__bg{z-index:-1;pointer-events:none;opacity:.2;background-position:top;background-size:cover;position:fixed;inset:0}.layout__nav{z-index:50;pointer-events:none;isolation:isolate;background:linear-gradient(#090909 0%,#090909e6 65%,#0000);grid-template-columns:1fr auto 1fr;align-items:center;column-gap:16px;padding:50px 40px 12px;display:grid;position:fixed;top:0;left:0;right:0}.layout__nav>*{pointer-events:auto}.layout__brand{font-family:var(--font-accent);letter-spacing:-.05em;color:var(--color-text);white-space:nowrap;transition:text-shadow var(--dur-fast) ease;justify-self:start;font-size:24px;font-weight:600}.layout__brand:hover{text-shadow:var(--glow-text)}.pill-nav{justify-self:center}.layout__auth{justify-self:end;align-items:center;display:flex}.layout__main{max-width:var(--page-max);padding:0 var(--page-pad) var(--space-10);margin:0 auto}.layout--with-player .layout__main{padding-bottom:calc(var(--space-10) + 96px)}@media (width<=1100px){.layout__nav{padding:50px 20px 0}.layout__brand{font-size:18px}}@media (width<=900px){.layout__nav{padding-top:16px}.layout__main{padding-bottom:var(--space-8)}}@media (width<=1100px){.layout__nav{background:linear-gradient(#090909 82%,#09090900);grid-template-columns:1fr auto;grid-template-areas:"brand auth""pill pill";align-items:center;gap:12px 10px;padding:14px 16px 16px}.layout__brand{grid-area:brand;justify-self:start;font-size:20px}.pill-nav{grid-area:pill;justify-self:stretch}.layout__auth{grid-area:auth;justify-self:end}}.muted{color:var(--color-text-muted)}