@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--font-ui:"IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "Cascadia Code", Consolas, monospace;--fs-2xs:.6875rem;--fs-xs:.75rem;--fs-sm:.8125rem;--fs-base:.9375rem;--fs-md:1.0625rem;--fs-lg:1.25rem;--fs-xl:1.625rem;--fs-2xl:2.25rem;--lh-tight:1.2;--lh-normal:1.5;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:3px;--radius-md:6px;--radius-lg:10px;--radius-full:999px;--row-h:34px;--row-h-comfortable:48px;--bar-h:88px;--sidebar-w:236px;--queue-w:320px;--shadow-sm:0 1px 2px #00000029;--shadow-md:0 4px 16px -4px #00000052, 0 1px 3px #0003;--shadow-lg:0 16px 48px -12px #0000007a;--ease:cubic-bezier(.2, .7, .3, 1);--dur-fast:.11s;--dur-base:.18s;--bg:#f4f2ee;--surface:#fff;--surface-raised:#faf8f4;--surface-hover:#eeece6;--surface-selected:#e9e2d4;--border:#ddd8cd;--border-strong:#c7c0b0;--text:#201c14;--text-muted:#635c4c;--text-faint:#938972;--accent:#9c6a1e;--accent-strong:#7a5217;--accent-contrast:#fffaf0;--accent-wash:#f2e4c8;--ok:#3d7a4f;--ok-wash:#e2efe3;--warn:#92680f;--warn-wash:#f5ecd4;--danger:#a23b30;--danger-wash:#f6e0dc;--focus-ring:#9c6a1e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#131210;--surface:#1b1916;--surface-raised:#211f1b;--surface-hover:#29261f;--surface-selected:#362d1e;--border:#322e26;--border-strong:#464034;--text:#eeeae0;--text-muted:#a89e8c;--text-faint:#756c5c;--accent:#e0a140;--accent-strong:#f0b862;--accent-contrast:#1c1509;--accent-wash:#332711;--ok:#6fbf8b;--ok-wash:#16301f;--warn:#d8a94a;--warn-wash:#332913;--danger:#e5786c;--danger-wash:#3a1e1b;--focus-ring:#e0a140;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#131210;--surface:#1b1916;--surface-raised:#211f1b;--surface-hover:#29261f;--surface-selected:#362d1e;--border:#322e26;--border-strong:#464034;--text:#eeeae0;--text-muted:#a89e8c;--text-faint:#756c5c;--accent:#e0a140;--accent-strong:#f0b862;--accent-contrast:#1c1509;--accent-wash:#332711;--ok:#6fbf8b;--ok-wash:#16301f;--warn:#d8a94a;--warn-wash:#332913;--danger:#e5786c;--danger-wash:#3a1e1b;--focus-ring:#e0a140;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:var(--fs-base);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}::selection{background:var(--accent-wash);color:var(--accent-strong)}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.tabular{font-variant-numeric:tabular-nums}.mono{font-family:var(--font-mono)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-raised);font-size:var(--fs-sm);transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);white-space:nowrap;font-weight:500;display:inline-flex}.btn:hover{background:var(--surface-hover)}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.btn--primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.btn--danger{color:var(--danger);border-color:var(--danger)}.btn--danger:hover{background:var(--danger-wash)}.btn--ghost{background:0 0;border-color:#0000}.btn--ghost:hover{background:var(--surface-hover)}.btn--sm{padding:var(--space-1) var(--space-3);font-size:var(--fs-xs)}.btn--icon{padding:var(--space-2);border-radius:var(--radius-full);border-color:#0000}.btn--icon:hover{background:var(--surface-hover)}.field{gap:var(--space-2);display:grid}.field>span{font-size:var(--fs-xs);color:var(--text-muted);font-weight:500}.field input,.field textarea{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--fs-base)}.field input:focus,.field textarea:focus{border-color:var(--accent)}.badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--fs-2xs);letter-spacing:.02em;text-transform:uppercase;border:1px solid #0000;font-weight:600;display:inline-flex}.badge--ok{background:var(--ok-wash);color:var(--ok)}.badge--warn{background:var(--warn-wash);color:var(--warn)}.badge--danger{background:var(--danger-wash);color:var(--danger)}.badge--neutral{background:var(--surface-hover);color:var(--text-muted)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.state{padding:var(--space-8) var(--space-4);color:var(--text-muted);text-align:center;font-size:var(--fs-sm)}.state--error{color:var(--danger)}.skeleton{background:linear-gradient(90deg, var(--surface-hover) 25%, var(--surface-raised) 37%, var(--surface-hover) 63%);border-radius:var(--radius-md);background-size:400% 100%;animation:1.4s infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:100%}to{background-position:0}}.console-shell{flex-direction:column;height:100vh;display:flex}.console-body{flex:1;min-height:0;display:flex}.console-main{flex:1;min-width:0;overflow-y:auto}.sidebar{width:var(--sidebar-w);border-right:1px solid var(--border);background:var(--surface);flex-direction:column;flex:none;min-height:0;display:flex}.sidebar__brand{padding:var(--space-5) var(--space-5) var(--space-4)}.sidebar__logo{font-family:var(--font-mono);font-weight:600;font-size:var(--fs-sm);letter-spacing:.14em;color:var(--accent)}.sidebar__nav{padding:0 var(--space-3);flex-direction:column;gap:1px;display:flex}.sidebar__nav--scroll{max-height:220px;overflow-y:auto}.sidebar__link{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--fs-sm);color:var(--text-muted);align-items:center;min-width:0;display:flex}.sidebar__link:hover{background:var(--surface-hover);color:var(--text)}.sidebar__link--active{background:var(--accent-wash);color:var(--accent-strong);font-weight:500}.sidebar__section{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border);flex-direction:column;min-height:0;display:flex}.sidebar__section-head{padding:0 var(--space-3) var(--space-2);font-size:var(--fs-2xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);justify-content:space-between;align-items:center;font-weight:600;display:flex}.sidebar__section-head a{color:inherit}.sidebar__empty{padding:var(--space-2) var(--space-3);font-size:var(--fs-xs);color:var(--text-faint)}.sidebar__footer{padding:var(--space-3);border-top:1px solid var(--border);gap:var(--space-2);flex-direction:column;margin-top:auto;display:flex}.sidebar__admin-link{font-size:var(--fs-xs);color:var(--warn);padding:var(--space-1) var(--space-2);font-weight:600}.sidebar__user{align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-md);min-width:0;display:flex}.sidebar__user:hover{background:var(--surface-hover)}.sidebar__avatar{border-radius:var(--radius-full);background:var(--accent);width:26px;height:26px;color:var(--accent-contrast);font-size:var(--fs-xs);flex:none;place-items:center;font-weight:700;display:grid}.sidebar__logout{justify-content:flex-start}.queue-panel{width:var(--queue-w);border-left:1px solid var(--border);background:var(--surface);padding:var(--space-4);flex:none;overflow-y:auto}.queue-panel__head{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.queue-panel__head h3{font-size:var(--fs-sm);margin:0;font-weight:600}.queue-panel__section{margin-bottom:var(--space-4)}.queue-panel__label{font-size:var(--fs-2xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);margin:0 0 var(--space-2);font-weight:600}.queue-row{align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-md);cursor:pointer;display:flex}.queue-row:hover{background:var(--surface-hover)}.queue-row--active{background:var(--accent-wash);cursor:default}.queue-row__art{border-radius:var(--radius-sm);object-fit:cover;flex:none;width:36px;height:36px}.queue-row__art--empty{background:var(--surface-hover)}.queue-row__text{min-width:0;font-size:var(--fs-xs);flex:1}.queue-row__artist{color:var(--text-muted)}.queue-row__time{font-size:var(--fs-2xs);color:var(--text-faint);flex:none}.playerbar{height:var(--bar-h);border-top:1px solid var(--border);background:var(--surface);align-items:center;gap:var(--space-4);padding:0 var(--space-5);flex:none;grid-template-columns:1fr minmax(320px,640px) 1fr;display:grid}.playerbar--empty{color:var(--text-faint);font-size:var(--fs-sm);justify-content:center;align-items:center;display:flex}.playerbar__now{align-items:center;gap:var(--space-3);min-width:0;display:flex}.playerbar__art{border-radius:var(--radius-md);object-fit:cover;width:52px;height:52px;box-shadow:var(--shadow-sm);flex:none}.playerbar__text{min-width:0}.playerbar__title{font-size:var(--fs-sm);font-weight:500}.playerbar__artist{font-size:var(--fs-xs);color:var(--text-muted);display:block}.playerbar__title--link{display:block}.playerbar__title--link:hover{text-decoration:underline}.playerbar__center{align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.playerbar__buttons{align-items:center;gap:var(--space-2);display:flex}.playerbar__seek{align-items:center;gap:var(--space-2);width:100%;font-size:var(--fs-2xs);color:var(--text-faint);display:flex}.seek-track{border-radius:var(--radius-full);background:var(--surface-hover);cursor:pointer;flex:1;height:4px;position:relative}.seek-track__fill{background:var(--accent);border-radius:var(--radius-full);position:absolute;inset:0 auto 0 0}.playerbar__meta{justify-content:flex-end;align-items:center;gap:var(--space-4);display:flex}.playerbar__harmonic{align-items:center;gap:var(--space-2);font-size:var(--fs-xs);color:var(--text-muted);display:flex}.playerbar__volume{align-items:center;gap:var(--space-1);display:flex}.playerbar__volume input[type=range]{width:84px}.icon-btn{border-radius:var(--radius-full);width:30px;height:30px;color:var(--text-muted);transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);place-items:center;display:grid}.icon-btn:hover{background:var(--surface-hover);color:var(--text)}.icon-btn--on{color:var(--accent)}.icon-btn--play{background:var(--text);width:36px;height:36px;color:var(--bg)}.icon-btn--play:hover{background:var(--text);opacity:.9}.star-btn{padding:var(--space-1);color:var(--text-faint);border-radius:var(--radius-full);place-items:center;display:grid}.star-btn:hover,.star-btn[aria-pressed=true]{color:var(--accent)}.page{max-width:1400px;padding:var(--space-6) var(--space-8) var(--space-12);margin:0 auto}.page--narrow{max-width:640px}.page__header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.page__header h1{font-size:var(--fs-xl);letter-spacing:-.01em;margin:0;font-weight:600}.page__controls{gap:var(--space-2);display:flex}.page__hint{font-size:var(--fs-xs);color:var(--text-faint);margin:0 0 var(--space-2)}.section-title{font-size:var(--fs-sm);margin:var(--space-6) 0 var(--space-3);font-weight:600}.section-title:first-child{margin-top:0}.select{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--fs-sm)}.grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.grid--row{padding-bottom:var(--space-2);grid-auto-columns:160px;grid-auto-flow:column;overflow-x:auto}.grid-card{text-align:left;min-width:0;display:block}.grid-card--round .grid-card__art{border-radius:var(--radius-full)}.grid-card__art{aspect-ratio:1;border-radius:var(--radius-md);background:var(--surface-raised);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.grid-card__art img{object-fit:cover;width:100%;height:100%;display:block}.grid-card__art--empty{background:var(--surface-hover);width:100%;height:100%}.grid-card__art--playlist{color:var(--text-faint);place-items:center;display:grid}.grid-card__play{inset:auto var(--space-2) var(--space-2) auto;border-radius:var(--radius-full);background:var(--accent);width:36px;height:36px;color:var(--accent-contrast);opacity:0;transition:opacity var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);box-shadow:var(--shadow-md);place-items:center;display:grid;position:absolute;transform:translateY(4px)}.grid-card:hover .grid-card__play{opacity:1;transform:translateY(0)}.grid-card__title{margin:var(--space-2) 0 0;font-size:var(--fs-sm);font-weight:500}.grid-card__meta{font-size:var(--fs-xs);color:var(--text-muted);margin:2px 0 0}.shelf__track{width:100%}.genre-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.genre-chip{padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);justify-content:space-between;align-items:center;display:flex}.genre-chip:hover{border-color:var(--accent)}.genre-chip__count{color:var(--text-faint);font-size:var(--fs-xs)}.shelf{margin-bottom:var(--space-8)}.shelf__title{font-size:var(--fs-md);margin:0 0 var(--space-3);font-weight:600}.shelf__row{gap:var(--space-4);padding-bottom:var(--space-2);display:flex;overflow-x:auto}.shelf__row>*{flex:none;width:160px}.detail-header{gap:var(--space-6);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.detail-header__art{border-radius:var(--radius-lg);background:var(--surface-raised);width:220px;height:220px;box-shadow:var(--shadow-md);flex:none;overflow:hidden}.detail-header__art img{object-fit:cover;width:100%;height:100%}.detail-header__art--round{border-radius:var(--radius-full)}.detail-header__art--upload{cursor:pointer;border:none;padding:0;position:relative}.detail-header__art-hint{padding:var(--space-2);color:#fff;font-size:var(--fs-2xs);text-align:center;opacity:0;transition:opacity var(--dur-fast) var(--ease);background:#0009;position:absolute;inset:auto 0 0}.detail-header__art--upload:hover .detail-header__art-hint{opacity:1}.detail-header__info{flex-direction:column;justify-content:flex-end;min-width:0;display:flex}.detail-header__eyebrow{font-size:var(--fs-2xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);margin:0;font-weight:600}.detail-header__info h1{font-size:var(--fs-2xl);letter-spacing:-.02em;margin:var(--space-1) 0;overflow-wrap:anywhere;font-weight:700}.detail-header__meta,.detail-header__desc{color:var(--text-muted);font-size:var(--fs-sm);margin:0 0 var(--space-4)}.detail-header__artist-link:hover,.artist-credit-link:hover{text-decoration:underline}.detail-header__actions{align-items:center;gap:var(--space-3);display:flex}.track-table{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}.track-table th{text-align:left;font-size:var(--fs-2xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);font-weight:600}.track-table__num{width:40px;text-align:center!important}.track-table__actions{width:140px}.track-row{height:var(--row-h);border-radius:var(--radius-sm)}.track-row:hover{background:var(--surface-hover)}.track-row--active{color:var(--accent)}.track-row--active .track-row__artist{color:var(--accent);opacity:.8}.track-row--over{box-shadow:inset 0 2px 0 var(--accent)}.track-row td{padding:0 var(--space-3);cursor:pointer;vertical-align:middle}.track-row__title{font-weight:500}.track-row__artist{font-size:var(--fs-xs);color:var(--text-muted);display:block}.track-row__actions{opacity:0;transition:opacity var(--dur-fast) var(--ease);align-items:center;gap:2px;display:flex}.track-row:hover .track-row__actions{opacity:1}.track-row__playing{align-items:flex-end;gap:2px;height:12px;display:inline-flex}.track-row__playing span{background:var(--accent);width:2px;animation:.9s ease-in-out infinite eq}.track-row__playing span:nth-child(2){animation-delay:.2s}.track-row__playing span:nth-child(3){animation-delay:.4s}@keyframes eq{0%,to{height:3px}50%{height:12px}}@media (width<=900px){.track-table__hide-sm{display:none}}.add-to-menu{display:inline-block;position:relative}.add-to-menu__backdrop{z-index:40;position:fixed;inset:0}.add-to-menu__panel{z-index:41;width:220px;max-height:280px;padding:var(--space-2);position:absolute;top:calc(100% + 4px);right:0;overflow-y:auto}.add-to-menu__title{font-size:var(--fs-2xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);padding:var(--space-1) var(--space-2);margin:0;font-weight:600}.add-to-menu__item{width:100%;padding:var(--space-2);border-radius:var(--radius-sm);font-size:var(--fs-sm);text-align:left;justify-content:space-between;align-items:center;display:flex}.add-to-menu__item:hover{background:var(--surface-hover)}.add-to-menu__item--new{color:var(--accent);border-bottom:1px solid var(--border);margin-bottom:var(--space-1);padding-bottom:var(--space-2);border-radius:0;font-weight:500}.search-box{align-items:center;gap:var(--space-3);width:100%;max-width:480px;padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:var(--text-faint);display:flex}.search-box input{font-size:var(--fs-md);color:var(--text);background:0 0;border:none;flex:1}.search-box input:focus{outline:none}.search-box__spinner{border-radius:var(--radius-full);border:2px solid var(--border);border-top-color:var(--accent);width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.tabs{gap:var(--space-1);background:var(--surface-hover);border-radius:var(--radius-md);padding:2px;display:flex}.tabs__item{padding:var(--space-1) var(--space-4);border-radius:var(--radius-sm);font-size:var(--fs-xs);color:var(--text-muted);font-weight:500}.tabs__item--active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.auth-screen{min-height:100vh;padding:var(--space-4);background:var(--bg);place-items:center;display:grid}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:min(380px,100%);padding:var(--space-8);gap:var(--space-4);box-shadow:var(--shadow-lg);display:grid}.auth-card__logo{font-family:var(--font-mono);letter-spacing:.16em;color:var(--accent);margin:0;font-weight:700}.auth-card__subtitle{margin:0 0 var(--space-2);color:var(--text-muted);font-size:var(--fs-sm)}.auth-card__hint{font-size:var(--fs-xs);color:var(--text-faint);text-align:center;margin:0}.admin-shell{background:var(--bg);min-height:100vh}.admin-shell__header{align-items:center;gap:var(--space-6);padding:var(--space-3) var(--space-6);border-bottom:1px solid var(--border);background:var(--surface);z-index:10;display:flex;position:sticky;top:0}.admin-shell__brand{align-items:center;gap:var(--space-2);font-family:var(--font-mono);letter-spacing:.1em;font-weight:700;display:flex}.admin-nav{gap:var(--space-1);flex:1;display:flex}.admin-nav__link{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--fs-sm);color:var(--text-muted)}.admin-nav__link:hover{background:var(--surface-hover)}.admin-nav__link--active{background:var(--accent-wash);color:var(--accent-strong);font-weight:500}.admin-shell__actions{align-items:center;gap:var(--space-3);font-size:var(--fs-sm);display:flex}.admin-shell__user{color:var(--text-muted)}.admin-shell__main{padding:var(--space-6)}.admin-page{max-width:1200px;margin:0 auto}.admin-page__header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.admin-page__header h1{font-size:var(--fs-xl);margin:0}.admin-page__hint{color:var(--text-muted);font-size:var(--fs-sm);margin:0}.tscroll{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;min-width:720px;font-size:var(--fs-sm)}.admin-table th{text-align:left;padding:var(--space-3) var(--space-4);font-size:var(--fs-2xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);background:var(--surface-raised);border-bottom:1px solid var(--border);font-weight:600}.admin-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);vertical-align:middle}.admin-table tr:last-child td{border-bottom:0}.admin-table__actions{gap:var(--space-1);flex-wrap:wrap;display:flex}.admin-table__limit{color:var(--text-faint)}.admin-invite-reveal{padding:var(--space-4);margin-bottom:var(--space-5);border-left:3px solid var(--accent)}.admin-invite-reveal p{margin:0 0 var(--space-3);font-size:var(--fs-sm)}.admin-invite-reveal__link{align-items:center;gap:var(--space-2);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);display:flex}.admin-invite-reveal__link code{font-size:var(--fs-xs);flex:1}.stat-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.stat-card{padding:var(--space-4)}.stat-card__label{font-size:var(--fs-xs);color:var(--text-muted);margin:0 0 var(--space-2)}.stat-card__value{font-size:var(--fs-2xl);margin:0;font-weight:700}.stat-card__sub{font-size:var(--fs-xs);color:var(--text-faint);margin:var(--space-1) 0 0}.upload-drop{border:2px dashed var(--border-strong);border-radius:var(--radius-lg);padding:var(--space-12);text-align:center;color:var(--text-muted);cursor:pointer;transition:border-color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease)}.upload-drop:hover,.upload-drop--active{border-color:var(--accent);background:var(--accent-wash)}.upload-drop svg{margin-bottom:var(--space-2)}.upload-drop__hint{font-size:var(--fs-xs);color:var(--text-faint);margin-top:var(--space-1)}.upload-results{margin-top:var(--space-5);gap:var(--space-2);display:grid}.upload-result{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);font-size:var(--fs-sm);display:flex}.upload-result--ok{border-color:var(--ok);color:var(--ok)}.upload-result--fail{border-color:var(--danger);color:var(--danger)}.upload-result__detail{color:var(--text-muted);font-size:var(--fs-xs);margin-left:auto}.stats-top-section{margin-top:var(--space-8)}.stats-top-section__tabs{margin-bottom:var(--space-4)}.ranked-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.ranked-list__row{display:block}.ranked-list__link{align-items:center;gap:var(--space-4);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);text-align:left;display:flex}.ranked-list__link:hover{background:var(--surface-hover)}.ranked-list__rank{width:1.75rem;color:var(--text-faint);font-size:var(--fs-sm);flex:none}.ranked-list__art{border-radius:var(--radius-sm);background:var(--surface-hover);flex:none;width:40px;height:40px;overflow:hidden}.ranked-list__art img{object-fit:cover;width:100%;height:100%}.ranked-list__art--empty{width:100%;height:100%;display:block}.ranked-list__text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ranked-list__name{font-size:var(--fs-sm);font-weight:500}.ranked-list__subtitle{font-size:var(--fs-xs);color:var(--text-muted)}.ranked-list__bar{border-radius:var(--radius-full);background:var(--surface-hover);height:3px;margin-top:2px;display:block;overflow:hidden}.ranked-list__bar-fill{background:var(--accent);border-radius:var(--radius-full);height:100%;display:block}.ranked-list__plays{font-size:var(--fs-sm);color:var(--text-muted);flex:none}.settings-block{padding:var(--space-5);margin-bottom:var(--space-4)}.settings-block h2{font-size:var(--fs-md);margin:0 0 var(--space-4)}.settings-grid{gap:var(--space-2) var(--space-4);grid-template-columns:auto 1fr;margin:0;display:grid}.settings-grid dt{color:var(--text-faint);font-size:var(--fs-xs)}.settings-grid dd{font-size:var(--fs-sm);margin:0}.settings-form{gap:var(--space-3);max-width:320px;display:grid}.settings-note{font-size:var(--fs-xs);color:var(--text-faint);margin:0}.capitalize{text-transform:capitalize}.session-list{margin:0;padding:0;list-style:none}.session-row{padding:var(--space-3) 0;border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.session-row:last-child{border-bottom:0}.session-row p{font-size:var(--fs-sm);align-items:center;gap:var(--space-2);margin:0;display:flex}.session-row__meta{color:var(--text-faint);font-size:var(--fs-xs)!important}.quiet-placeholder{justify-content:center;align-items:center;gap:var(--space-3);text-align:center;min-height:100vh;padding:var(--space-8);background:var(--bg);color:var(--text);flex-direction:column;display:flex}.quiet-placeholder__eyebrow{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0}.quiet-placeholder h1{font-size:var(--fs-2xl);margin:0;font-weight:700}.quiet-placeholder p{color:var(--text-muted);max-width:40ch;margin:0}