:root{--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;--fs-xs:.75rem;--fs-sm:.85rem;--fs-md:.95rem;--fs-base:1rem;--fs-lg:1.15rem;--fs-xl:1.5rem;--fs-2xl:2rem;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-8:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:999px;--transition-fast:.12s ease;--transition:.18s ease;--z-header:20;--z-mini:30;--z-backdrop:40;--z-drawer:50;--z-menu:100;--z-modal:150;--z-toast:200;--header-height:56px;--drawer-width:240px;--mini-player-height:60px}:root,:root[data-theme=light]{--bg:#f4f6f9;--surface:#fff;--surface-2:#eef1f7;--surface-3:#e2e8f2;--text:#1a1d24;--text-muted:#5b6472;--text-faint:#8a92a3;--border:#dde2ec;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-contrast:#fff;--danger:#d64545;--danger-contrast:#fff;--success:#2e9e5b;--star:#f5a623;--overlay:#0006;--shadow-1:0 1px 2px #10182814, 0 1px 3px #1018281f;--shadow-2:0 8px 24px #1018282e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f1116;--surface:#171a21;--surface-2:#1f232d;--surface-3:#272c38;--text:#eef1f7;--text-muted:#9aa3b5;--text-faint:#6b7386;--border:#2a2f3b;--accent:#4f7cff;--accent-hover:#6b90ff;--accent-contrast:#fff;--danger:#ef5350;--danger-contrast:#fff;--success:#4ac47e;--star:#f5b942;--overlay:#0009;--shadow-1:0 1px 2px #0000004d, 0 1px 3px #0006;--shadow-2:0 8px 24px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0f1116;--surface:#171a21;--surface-2:#1f232d;--surface-3:#272c38;--text:#eef1f7;--text-muted:#9aa3b5;--text-faint:#6b7386;--border:#2a2f3b;--accent:#4f7cff;--accent-hover:#6b90ff;--accent-contrast:#fff;--danger:#ef5350;--danger-contrast:#fff;--success:#4ac47e;--star:#f5b942;--overlay:#0009;--shadow-1:0 1px 2px #0000004d, 0 1px 3px #0006;--shadow-2:0 8px 24px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-base);-webkit-font-smoothing:antialiased;line-height:1.5}button{font:inherit;cursor:pointer;color:inherit}a{color:inherit}:where(button,a,input,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-shell{grid-template-columns:1fr;grid-template-rows:var(--header-height) 1fr auto;grid-template-areas:"header""main""mini";height:100dvh;display:grid}.app-header{align-items:center;gap:var(--space-3);min-width:0;padding:0 var(--space-3);border-bottom:1px solid var(--border);background:var(--surface);z-index:var(--z-header);grid-area:header;display:flex}.app-header__menu{flex:none}.app-header__title{font-weight:var(--fw-bold);font-size:var(--fs-lg);letter-spacing:.02em}.app-main{min-width:0;padding:var(--space-4);padding-bottom:var(--space-5);grid-area:main;overflow-y:auto}.search-bar{flex:1;align-items:center;max-width:520px;margin-left:auto;display:flex;position:relative}.search-bar__icon{left:var(--space-3);color:var(--text-faint);pointer-events:none;position:absolute}.search-bar__input{width:100%;padding:var(--space-2) var(--space-3) var(--space-2) calc(var(--space-3) * 2 + 18px);border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface-2);color:var(--text);font:inherit;font-size:var(--fs-sm)}.search-bar__input::placeholder{color:var(--text-faint)}.search-bar__input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 30%, transparent);outline:none}.app-drawer{z-index:var(--z-drawer);background:var(--surface);border-right:1px solid var(--border);width:min(280px,82vw);box-shadow:var(--shadow-2);transition:transform var(--transition);flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-100%)}.app-drawer--open{transform:none}.app-drawer__header{gap:var(--space-1);padding:var(--space-5) var(--space-5) var(--space-4);border-bottom:1px solid var(--border);flex-direction:column;display:flex}.app-drawer__brand{font-weight:var(--fw-bold);font-size:var(--fs-xl);letter-spacing:.02em}.app-drawer__account{font-size:var(--fs-sm);color:var(--text-muted);flex-direction:column;display:flex}.app-drawer__account strong{color:var(--text);font-weight:var(--fw-semibold)}.app-drawer__account--muted{color:var(--text-faint)}.app-drawer__list{padding:var(--space-2);flex-direction:column;gap:2px;margin:0;list-style:none;display:flex}.app-drawer__link{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--fs-md);transition:background var(--transition-fast), color var(--transition-fast);text-decoration:none;display:flex}.app-drawer__link:hover{background:var(--surface-2);color:var(--text)}.app-drawer__link--active{background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--accent);font-weight:var(--fw-semibold)}.app-drawer__footer{padding:var(--space-2);border-top:1px solid var(--border);margin-top:auto}.app-drawer__toggle{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);border-radius:var(--radius-sm);color:var(--text-muted);font:inherit;font-size:var(--fs-md);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;display:flex}.app-drawer__toggle:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.app-drawer__toggle:disabled{opacity:.6;cursor:default}.app-drawer__toggle>span:first-of-type{text-align:left;flex:1}.switch{border-radius:var(--radius-full);background:var(--surface-3);width:36px;height:20px;transition:background var(--transition-fast);flex:none}.switch__thumb{border-radius:var(--radius-full);background:var(--surface);width:16px;height:16px;box-shadow:var(--shadow-1);transition:transform var(--transition-fast);margin:2px;display:block}.switch--on{background:var(--accent)}.switch--on .switch__thumb{transform:translate(16px)}.app-backdrop{z-index:var(--z-backdrop);background:var(--overlay);position:fixed;inset:0}.mini-player{align-items:center;gap:var(--space-2);min-width:0;height:var(--mini-player-height);padding:0 var(--space-2) 0 var(--space-3);background:var(--surface-2);border-top:1px solid var(--border);z-index:var(--z-mini);grid-area:mini;display:flex;position:relative}.mini-player__progress{background:var(--surface-3);height:3px;position:absolute;inset:0 0 auto;overflow:hidden}.mini-player__progress-fill{background:var(--accent);transform-origin:0;height:100%;display:block}.mini-player__info{align-items:center;gap:var(--space-3);min-width:0;color:var(--text);flex:1;text-decoration:none;display:flex}.mini-player__art{flex:none}.mini-player__meta{flex-direction:column;min-width:0;display:flex}.mini-player__title{text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-md);overflow:hidden}.mini-player__artist{text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);font-size:var(--fs-sm);overflow:hidden}.mini-player__controls{align-items:center;gap:var(--space-1);flex:none;display:flex}.page__title{margin:0 0 var(--space-2);font-size:var(--fs-xl);font-weight:var(--fw-bold)}.page__section-title{margin:var(--space-5) 0 var(--space-2);font-size:var(--fs-lg);font-weight:var(--fw-semibold)}.page__lead{margin:0 0 var(--space-2);color:var(--text)}.page__note{margin:var(--space-2) 0 0;color:var(--text-muted);font-size:var(--fs-sm)}.link{color:var(--accent);text-decoration:none}.link:hover{text-decoration:underline}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page__toolbar{margin-bottom:var(--space-2);align-items:center;display:flex}.form{gap:var(--space-4);flex-direction:column;max-width:480px;display:flex}.form__group{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin:0}.form__group legend{padding:0 var(--space-2);color:var(--text-muted);font-size:var(--fs-sm)}.form__row{align-items:center;gap:var(--space-2);padding:var(--space-1) 0;display:flex}.form__field{gap:var(--space-2);flex-direction:column;display:flex}.form__field>span{font-size:var(--fs-sm);color:var(--text-muted)}.form__field input,.form__field select{padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font:inherit}.form__field input:focus-visible,.form__field select:focus-visible{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 30%, transparent);outline:none}.form__field input:disabled{opacity:.5}.form__actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.form__hint{color:var(--text-muted);font-size:var(--fs-sm)}.pwa-toast{left:50%;bottom:calc(var(--mini-player-height) + var(--space-4));align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);box-shadow:var(--shadow-2);max-width:calc(100% - 32px);z-index:var(--z-toast);display:flex;position:fixed;transform:translate(-50%)}.pwa-toast__btn{padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-contrast)}.toast-region{left:50%;bottom:calc(var(--mini-player-height) + var(--space-4));gap:var(--space-2);width:max-content;max-width:calc(100% - 32px);z-index:var(--z-toast);pointer-events:none;flex-direction:column;display:flex;position:fixed;transform:translate(-50%)}.toast{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);box-shadow:var(--shadow-2);pointer-events:auto;border-left-width:3px;display:flex}.toast--error{border-left-color:var(--danger)}.toast--success{border-left-color:var(--accent)}.toast__icon{color:var(--text-muted);flex:none}.toast--error .toast__icon{color:var(--danger)}.toast__msg{font-size:var(--fs-sm)}.toast__close{padding:var(--space-1);color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex:none;display:inline-flex}.toast__close:hover{color:var(--text)}@media (width>=768px){.app-shell{grid-template-columns:var(--drawer-width) 1fr;grid-template-rows:var(--header-height) 1fr auto;grid-template-areas:"drawer header""drawer main""drawer mini"}.app-drawer{width:auto;box-shadow:none;grid-area:drawer;transition:none;position:static;transform:none}.app-header__menu,.app-header__title,.app-backdrop{display:none}}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-weight:var(--fw-semibold);font-size:var(--fs-md);background:var(--surface-2);color:var(--text);transition:background var(--transition-fast), border-color var(--transition-fast), opacity var(--transition-fast);border:1px solid #0000;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-3)}.btn:disabled{opacity:.5;cursor:default}.btn--primary{background:var(--accent);color:var(--accent-contrast)}.btn--primary:hover:not(:disabled){background:var(--accent-hover)}.btn--ghost{border-color:var(--border);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--surface-2)}.btn--danger{border-color:var(--danger);color:var(--danger);background:0 0}.btn--danger:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 12%, transparent)}.btn--block{width:100%}.icon-btn{border-radius:var(--radius-full);width:40px;height:40px;color:var(--text-muted);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.icon-btn:disabled{opacity:.4;cursor:default}.icon-btn--active{color:var(--accent)}.icon{vertical-align:middle;fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;display:inline-block}.icon--filled{fill:currentColor;stroke:none}.spinner{border:2px solid color-mix(in srgb, currentColor 25%, transparent);border-radius:var(--radius-full);border-top-color:currentColor;width:20px;height:20px;animation:.7s linear infinite spinner-spin;display:inline-block}.spinner--lg{border-width:3px;width:32px;height:32px}@keyframes spinner-spin{to{transform:rotate(360deg)}}.cover-art{border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-faint);flex:none;position:relative;overflow:hidden}.cover-art--fill{aspect-ratio:1;width:100%;height:auto}.cover-art--round{border-radius:var(--radius-full)}.cover-art__img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity var(--transition);display:block}.cover-art__img--loaded{opacity:1}.cover-art__placeholder{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.list-row{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:inherit;text-align:left;transition:background var(--transition-fast);background:0 0;border:none;text-decoration:none;display:flex}.list-row--interactive{cursor:pointer}.list-row--interactive:hover{background:var(--surface-2)}.list-row--active{background:color-mix(in srgb, var(--accent) 14%, transparent)}.list-row__main{align-items:center;gap:var(--space-3);min-width:0;color:inherit;font:inherit;text-align:left;background:0 0;border:none;flex:1;padding:0;display:flex}.list-row__lead{flex:none;justify-content:center;align-items:center;display:flex}.list-row__index{text-align:center;width:28px;color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:var(--fs-sm)}.list-row__body{flex-direction:column;flex:1;min-width:0;display:flex}.list-row__title{text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-md);overflow:hidden}.list-row__subtitle{text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);font-size:var(--fs-sm);overflow:hidden}.list-row__trail{align-items:center;gap:var(--space-1);color:var(--text-muted);flex:none;display:flex}.context-menu{display:inline-flex;position:relative}.context-menu__panel{top:calc(100% + var(--space-1));min-width:200px;padding:var(--space-1);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-2);z-index:var(--z-menu);margin:0;list-style:none;position:absolute;right:0}.context-menu__item{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--text);font-size:var(--fs-md);text-align:left;background:0 0;border:none;display:flex}.context-menu__item:hover:not(:disabled),.context-menu__item:focus-visible{background:var(--surface-2);outline:none}.context-menu__item:disabled{opacity:.4;cursor:default}.context-menu__item--danger{color:var(--danger)}.context-menu__separator{height:1px;margin:var(--space-1) var(--space-2);background:var(--border)}.state{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);text-align:center;color:var(--text-muted);flex-direction:column;display:flex}.state__icon{color:var(--text-faint)}.state__title{color:var(--text);font-size:var(--fs-lg);font-weight:var(--fw-semibold);margin:0}.state__message{max-width:40ch;font-size:var(--fs-md);margin:0}.state__actions{margin-top:var(--space-2)}.state--error .state__icon{color:var(--danger)}.status-badge{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--fs-sm);font-weight:var(--fw-medium);background:var(--surface-2);color:var(--text-muted);display:inline-flex}.status-badge__dot{border-radius:var(--radius-full);background:currentColor;width:8px;height:8px}.status-badge--connected{color:var(--success)}.status-badge--error{color:var(--danger)}.segmented{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);padding:2px;display:inline-flex}.segmented__option{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--fs-sm);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none}.segmented__option--active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-1)}.conn-card{gap:var(--space-3);max-width:480px;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);flex-direction:column;display:flex}.conn-card__server{gap:var(--space-1);font-size:var(--fs-sm);color:var(--text-muted);flex-direction:column;display:flex}.conn-card__server strong{color:var(--text);font-size:var(--fs-md)}.field-error{color:var(--danger);font-size:var(--fs-sm)}.conn-banner{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid color-mix(in srgb, var(--accent) 40%, var(--border));border-radius:var(--radius-md);background:color-mix(in srgb, var(--accent) 10%, var(--surface));color:var(--text);font-size:var(--fs-sm);text-decoration:none;display:flex}.conn-banner>span{flex:1}.conn-banner:hover{background:color-mix(in srgb, var(--accent) 16%, var(--surface))}.library-tabs{margin-bottom:var(--space-4)}.music-folder-select{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);display:inline-flex}.music-folder-select__label{font-size:var(--fs-sm);color:var(--text-muted)}.music-folder-select__input{padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);font-size:var(--fs-sm)}.album-shelf{margin-bottom:var(--space-5)}.album-shelf__title{margin:0 0 var(--space-3);font-size:var(--fs-lg);font-weight:var(--fw-semibold)}.album-shelf__track{gap:var(--space-4);padding-bottom:var(--space-2);scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.album-shelf__track .album-card{scroll-snap-align:start;flex:0 0 150px}.album-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.album-card{min-width:0;position:relative}.album-card__link{gap:var(--space-1);color:inherit;flex-direction:column;text-decoration:none;display:flex}.album-card__art{margin-bottom:var(--space-1);box-shadow:var(--shadow-1);transition:transform var(--transition-fast)}.album-card__link:hover .album-card__art{transform:translateY(-2px)}.album-card__title{text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-sm);font-weight:var(--fw-medium);overflow:hidden}.album-card__subtitle{text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);font-size:var(--fs-xs);overflow:hidden}.album-card__menu{top:var(--space-1);right:var(--space-1);opacity:0;transition:opacity var(--transition-fast);position:absolute}.album-card:hover .album-card__menu,.album-card:focus-within .album-card__menu{opacity:1}.album-card__menu .icon-btn{background:color-mix(in srgb, var(--surface) 80%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:32px;height:32px}@media (hover:none){.album-card__menu{opacity:1}}.skeleton{border-radius:var(--radius-sm);background:var(--surface-2);animation:1.4s ease-in-out infinite pulse;display:block}.skeleton--text{height:12px}.skeleton--circle{aspect-ratio:1;border-radius:50%}.skeleton-list{gap:var(--space-4);padding:var(--space-2) 0;flex-direction:column;display:flex}.skeleton-row{align-items:center;gap:var(--space-3);display:flex}.skeleton-row__art{flex:none;width:48px;height:48px}.skeleton-row__lines{gap:var(--space-2);flex-direction:column;flex:1;display:flex}@keyframes pulse{50%{opacity:.5}}.index-list{gap:var(--space-2);flex-direction:column;display:flex}.index-list__group{flex-direction:column;display:flex}.index-list__heading{margin:var(--space-3) 0 var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--text-muted);background:var(--bg);z-index:1;position:sticky;top:0}.detail-header{gap:var(--space-4);margin-bottom:var(--space-5);align-items:center;display:flex}.detail-header__art{flex:none;width:clamp(96px,30vw,128px)}.detail-header__art--album{width:clamp(140px,42vw,220px)}.detail-header__meta{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.detail-header__title{font-size:var(--fs-xl);font-weight:var(--fw-bold);margin:0}.detail-header__sub{color:var(--text-muted);font-size:var(--fs-md);margin:0}.detail-header__meta-line{color:var(--text-faint);font-size:var(--fs-sm);margin:0}.detail-header__actions{align-items:center;gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.song-list{flex-direction:column;display:flex}.song-row__duration{font-variant-numeric:tabular-nums;font-size:var(--fs-sm);color:var(--text-muted)}.song-row__downloaded{color:var(--success);flex:none}.rating-stars{align-items:center;display:inline-flex}.rating-stars__star{padding:var(--space-1);color:var(--text-faint);background:0 0;border:none;display:inline-flex}.rating-stars__star--on{color:var(--star)}.rating-stars__star:disabled{cursor:default}.modal-backdrop{z-index:var(--z-modal);padding:var(--space-4);background:var(--overlay);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);width:100%;max-width:440px;max-height:85vh;box-shadow:var(--shadow-2);flex-direction:column;display:flex;overflow:hidden}.modal__header{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);border-bottom:1px solid var(--border);display:flex}.modal__title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--fs-lg);font-weight:var(--fw-semibold);flex:1;margin:0;overflow:hidden}.modal__body{padding:var(--space-4);overflow-y:auto}.track-info{gap:var(--space-4);flex-direction:column;display:flex}.track-info__actions{align-items:center;gap:var(--space-3);display:flex}.track-info__grid{gap:var(--space-2);flex-direction:column;margin:0;display:flex}.track-info__row{gap:var(--space-3);font-size:var(--fs-sm);display:flex}.track-info__row dt{width:6.5rem;color:var(--text-muted);flex:none}.track-info__row dd{overflow-wrap:anywhere;min-width:0;margin:0}@media (width<=520px){.detail-header{flex-direction:column;align-items:flex-start}}.search-header__query{margin-left:var(--space-2);color:var(--text-muted);font-weight:var(--fw-regular)}.search-header__busy{width:14px;height:14px;margin-left:var(--space-2);vertical-align:middle;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:.7s linear infinite spinner-spin;display:inline-block}.search-results{gap:var(--space-5);flex-direction:column;display:flex}.search-section__title{margin:0 0 var(--space-2);font-size:var(--fs-lg);font-weight:var(--fw-semibold)}.now-playing__stage{gap:var(--space-4);max-width:460px;margin:0 auto var(--space-6);flex-direction:column;display:flex}.now-playing__art{border-radius:var(--radius-lg);width:min(72%,288px);box-shadow:var(--shadow-2);margin:0 auto}.now-playing__meta{text-align:center;min-width:0}.now-playing__title{font-size:var(--fs-xl);font-weight:var(--fw-semibold);overflow-wrap:anywhere;margin:0}.now-playing__artist{margin:var(--space-1) 0 0;color:var(--text-muted);font-size:var(--fs-md)}.now-playing__album{margin:var(--space-1) 0 0;color:var(--text-faint);font-size:var(--fs-sm)}.now-playing__encoding{margin:var(--space-2) 0 0;color:var(--text-muted);font-size:var(--fs-xs);font-variant-numeric:tabular-nums}.now-playing__encoding-row{justify-content:center;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin:2px 0 0;display:flex}.now-playing__encoding-label{padding:0 var(--space-1);border-radius:var(--radius-sm);background:var(--surface-3);color:var(--text-faint);flex:none;font-size:10px;line-height:1.6}.now-playing__pos{margin:var(--space-2) 0 0;color:var(--text-faint);font-size:var(--fs-xs)}.now-playing__controls{justify-content:center;align-items:center;gap:var(--space-1);flex-wrap:wrap;display:flex}.now-playing__play{background:var(--accent);width:64px;height:64px;color:var(--accent-contrast)}.volume-control{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-3);display:flex}.volume-control__slider{width:min(220px,60%);accent-color:var(--accent);cursor:pointer}.now-playing__play:hover:not(:disabled){background:var(--accent-hover);color:var(--accent-contrast)}.seek-bar{gap:var(--space-1);flex-direction:column;display:flex}.seek-bar__range{width:100%;accent-color:var(--accent);cursor:pointer}.seek-bar__range:disabled{cursor:default;opacity:.6}.seek-bar__times{color:var(--text-faint);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;justify-content:space-between;display:flex}.queue-panel{max-width:640px;margin:0 auto}.queue-panel__title{align-items:center;gap:var(--space-2);margin:0 0 var(--space-2);font-size:var(--fs-lg);font-weight:var(--fw-semibold);display:flex}.queue-list{margin:0;padding:0;list-style:none}.queue-row{align-items:center;gap:var(--space-2);padding:var(--space-1) 0;border-bottom:1px solid var(--border);background:var(--bg);touch-action:pan-y;display:flex}.queue-row--active{color:var(--accent)}.queue-row--dragging{opacity:.85;box-shadow:var(--shadow-1);border-radius:var(--radius-sm)}.queue-row__handle{width:36px;height:44px;color:var(--text-faint);cursor:grab;touch-action:none;background:0 0;border:none;flex:none;justify-content:center;align-items:center;display:inline-flex}.queue-row__handle:active{cursor:grabbing}.queue-row__body{align-items:center;gap:var(--space-3);min-width:0;padding:var(--space-1) 0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex:1;display:flex}.queue-row__meta{flex-direction:column;min-width:0;display:flex}.queue-row__song{text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-md);overflow:hidden}.queue-row__artist{text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);font-size:var(--fs-sm);overflow:hidden}.queue-row__duration{color:var(--text-faint);font-size:var(--fs-sm);font-variant-numeric:tabular-nums;flex:none}.page__header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.page__header .page__title{margin:0}.playlist-list{flex-direction:column;display:flex}.playlist-tracks{margin:0;padding:0;list-style:none}.add-to-playlist{gap:var(--space-3);flex-direction:column;display:flex}.add-to-playlist__lead{color:var(--text-muted);font-size:var(--fs-sm);margin:0}.add-to-playlist__new{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);border:1px dashed var(--border);border-radius:var(--radius-md);color:var(--accent);font:inherit;cursor:pointer;background:0 0;display:flex}.add-to-playlist__new:hover:not(:disabled){background:var(--surface-hover,var(--surface))}.add-to-playlist__new:disabled{opacity:.5;cursor:default}.add-to-playlist__list{max-height:45vh;margin:0;padding:0;list-style:none;overflow-y:auto}.add-to-playlist__empty{color:var(--text-muted);font-size:var(--fs-sm);margin:0}.confirm-dialog{gap:var(--space-4);flex-direction:column;display:flex}.confirm-dialog__message{color:var(--text);margin:0}.offline-banner{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid color-mix(in srgb, var(--text-muted) 30%, var(--border));border-radius:var(--radius-md);background:var(--surface-2);color:var(--text);font-size:var(--fs-sm);display:flex}.offline-banner>span{flex:1}.offline-banner__action{color:var(--accent);font:inherit;font-size:var(--fs-sm);font-weight:var(--fw-medium);cursor:pointer;background:0 0;border:none;flex:none}.offline-banner__action:hover{text-decoration:underline}.page__count{color:var(--text-muted);font-size:var(--fs-md);font-weight:var(--fw-regular)}.cache-card{gap:var(--space-3);max-width:560px;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);flex-direction:column;display:flex}.cache-card--row{align-items:center;gap:var(--space-4);flex-direction:row}.cache-toggle__label{margin:0 0 var(--space-1);font-weight:var(--fw-medium)}.switch-btn{cursor:pointer;background:0 0;border:none;flex:none;margin-left:auto;padding:0}.cache-meter{border-radius:var(--radius-full);background:var(--surface-3);height:8px;overflow:hidden}.cache-meter__fill{border-radius:var(--radius-full);background:var(--accent);height:100%;transition:width var(--transition);display:block}.cache-stats{gap:var(--space-2);flex-direction:column;margin:0;display:flex}.cache-stats>div{justify-content:space-between;gap:var(--space-4);font-size:var(--fs-sm);display:flex}.cache-stats dt{color:var(--text-muted)}.cache-stats dd{color:var(--text);text-align:right;font-variant-numeric:tabular-nums;margin:0}.cache-persist{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.segmented--wrap{flex-wrap:wrap}.download-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.download-task{align-items:center;gap:var(--space-1) var(--space-3);grid-template-columns:1fr auto;grid-template-areas:"title status""bar bar";display:grid}.download-task__title{text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-sm);grid-area:title;overflow:hidden}.download-task__status{font-size:var(--fs-xs);color:var(--text-muted);font-variant-numeric:tabular-nums;grid-area:status}.download-task__bar{border-radius:var(--radius-full);background:var(--surface-3);grid-area:bar;height:4px;overflow:hidden}.download-task__fill{background:var(--accent);height:100%;transition:width var(--transition-fast);display:block}.settings-group{gap:var(--space-4);flex-direction:column;max-width:560px;display:flex}.setting-field{gap:var(--space-2);flex-direction:column;display:flex}.setting-field__label{font-size:var(--fs-sm);color:var(--text-muted)}.settings-link{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);transition:background var(--transition-fast);text-decoration:none;display:flex}.settings-link:hover{background:var(--surface-2)}.settings-link>span{align-items:center;gap:var(--space-2);display:inline-flex}.settings-link>span svg{color:var(--text-muted)}