:root{--td-bg:#0b1c22;--td-primary:#1f8a80;--td-secondary:#ffc107;--td-on-bg:#e8f1f0;--td-footer-clearance:88px;--td-page-top-inset:24px;--td-page-max-width:52rem;--td-content-max-width:40rem;--td-footer-start:#0d3b3a;--td-footer-mid:#123d4a;--td-footer-end:#1a2f38;--td-cover-start:#0f4c4a;--td-cover-end:#1b3a45;--td-radius-md:.5rem;--td-radius-lg:1rem;--td-blur-header:10px;--td-cover-shadow:0 18px 40px #00000059;--td-motion-rise:10px;--td-motion-cover:8px;--td-border-opacity:.2}html,body,#root{height:100%;overflow:hidden}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--td-on-bg) 28%, transparent) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:color-mix(in srgb, var(--td-on-bg) 28%, transparent);border-radius:999px}::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb, var(--td-on-bg) 42%, transparent)}.tdmusic-app{background:radial-gradient(ellipse at top left, color-mix(in srgb, var(--td-primary) 18%, transparent), transparent 50%), radial-gradient(ellipse at bottom right, color-mix(in srgb, var(--td-secondary) 8%, transparent), transparent 45%), var(--td-bg);height:100%;max-height:100%;color:var(--td-on-bg);flex-direction:column;display:flex;overflow:hidden}.main-scroller{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--td-on-bg) 28%, transparent) transparent;min-height:0;padding-bottom:var(--td-footer-clearance);flex:auto;overflow:auto}.main-scroller>*{box-sizing:border-box;padding-top:var(--td-page-top-inset)}.page{max-width:var(--td-page-max-width)}.page-narrow{max-width:var(--td-content-max-width)}.cover-img{width:100%;height:100%;position:relative;overflow:hidden}.no-touch-callout{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.cover-img__media{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%;display:block}.cover-img__media--cover{object-fit:cover}.cover-img--busy{background:color-mix(in srgb, var(--td-on-bg) 8%, transparent)}.cover-img__busy{place-items:center;display:grid;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.cover-img__busy .MuiCircularProgress-root{animation:none}}@keyframes td-album-rise{0%{opacity:0;transform:translateY(var(--td-motion-rise))}to{opacity:1;transform:none}}
