.dialog-scrim{z-index:var(--z-dialog);background:var(--bg-scrim);animation:dialog-scrim-in var(--dur-2) var(--ease-out);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog-panel{gap:var(--space-4);min-width:var(--panel-w-sm);max-width:min(var(--dialog-w-default), calc(100vw - var(--space-8)));max-height:calc(100vh - var(--space-8));padding:var(--space-5);border-radius:var(--radius-lg);background:var(--bg-raised);box-shadow:var(--elev-3);animation:dialog-panel-in var(--dur-3) var(--ease-out);flex-direction:column;display:flex;overflow:auto}.dialog-panel--lg{max-width:min(var(--dialog-w-lg), calc(100vw - var(--space-8)))}.dialog-panel:focus-visible{outline:none}.dialog-panel__header{justify-content:space-between;align-items:center;gap:var(--space-4);color:var(--fg-primary);display:flex}@keyframes dialog-scrim-in{0%{opacity:0}}@keyframes dialog-panel-in{0%{opacity:0;transform:scale(.97) translateY(var(--space-2))}}.icon-btn{border-radius:var(--radius-sm);color:var(--fg-secondary);cursor:pointer;transition:background-color var(--dur-1) var(--ease-out), color var(--dur-1) var(--ease-out), border-color var(--dur-1) var(--ease-out);background:0 0;border:1px solid #0000;flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-btn--sm{width:var(--control-h-sm);height:var(--control-h-sm)}.icon-btn--md{width:var(--control-h-md);height:var(--control-h-md)}.icon-btn--lg{width:var(--control-h-lg);height:var(--control-h-lg)}.icon-btn--ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--fg-primary)}.icon-btn--ghost:active:not(:disabled){background:var(--bg-active)}.icon-btn--ghost.icon-btn--active{background:var(--accent-subtle);color:var(--accent-text)}.icon-btn--secondary{background:var(--bg-raised);border-color:var(--border-default);color:var(--fg-primary)}.icon-btn--secondary:hover:not(:disabled){border-color:var(--border-strong);background:var(--bg-hover)}.icon-btn--primary{background:var(--accent-500);color:var(--fg-on-accent)}.icon-btn--primary:hover:not(:disabled){background:var(--accent-400)}.icon-btn--danger{background:var(--danger-subtle);color:var(--danger-500)}.icon-btn--danger:hover:not(:disabled){background:var(--danger-500);color:var(--fg-on-accent)}.icon-btn:disabled{color:var(--fg-disabled);cursor:not-allowed}.switch{align-items:center;gap:var(--space-3);cursor:pointer;color:var(--fg-primary);display:inline-flex}.switch--disabled{cursor:not-allowed;color:var(--fg-disabled)}.switch input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.switch__track{width:36px;height:var(--space-5);border-radius:var(--radius-full);background:var(--bg-hover);border:1px solid var(--border-default);transition:background-color var(--dur-1) var(--ease-out), border-color var(--dur-1) var(--ease-out);flex:none;position:relative}.switch__thumb{border-radius:var(--radius-full);background:var(--fg-secondary);width:16px;height:16px;transition:transform var(--dur-2) var(--ease-inout), background-color var(--dur-1) var(--ease-out);position:absolute;top:1px;left:1px}.switch input:checked+.switch__track{background:var(--accent-500);border-color:var(--accent-500)}.switch input:checked+.switch__track .switch__thumb{background:var(--fg-on-accent);transform:translate(16px)}.switch input:focus-visible+.switch__track{box-shadow:var(--focus-ring)}.switch input:disabled+.switch__track{opacity:.6}.select{align-items:center;display:inline-flex;position:relative}.select__input{appearance:none;width:100%;height:var(--control-h-md);padding:0 var(--space-8) 0 var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--bg-raised);color:var(--fg-primary);cursor:pointer;transition:border-color var(--dur-1) var(--ease-out)}.select__input:hover{border-color:var(--border-strong)}.select__input:focus-visible{box-shadow:var(--focus-ring);outline:none}.select--disabled .select__input{color:var(--fg-disabled);cursor:not-allowed}.select__chevron{right:var(--space-3);color:var(--fg-tertiary);pointer-events:none;position:absolute}.number-stepper{align-items:center;gap:var(--space-2);height:var(--control-h-md);padding:0 var(--space-1);border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--bg-raised);display:inline-flex}.number-stepper__value{text-align:center;min-width:2.5ch;color:var(--fg-primary)}.number-stepper__unit{color:var(--fg-tertiary)}.sidebar-rail{width:var(--rail-w);border-right:1px solid var(--border-subtle);background:var(--bg-surface);flex-direction:column;flex:none;justify-content:space-between;display:flex;overflow:hidden}.sidebar-rail__list{align-items:center;gap:var(--space-2);padding:var(--space-3) 0;flex-direction:column;margin:0;list-style:none;display:flex}.sidebar-rail__item{border-radius:var(--radius-md);width:40px;height:40px;color:var(--fg-secondary);cursor:pointer;transition:background-color var(--dur-1) var(--ease-out), color var(--dur-1) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:relative}.sidebar-rail__item:hover{background:var(--bg-hover);color:var(--fg-primary)}.sidebar-rail__item--active{background:var(--accent-subtle);color:var(--accent-text)}.sidebar-rail__item--active:before{content:"";width:2px;height:var(--space-5);border-radius:var(--radius-full);background:var(--accent-500);position:absolute;top:50%;left:-8px;transform:translateY(-50%)}.sidebar-rail__footer{padding:var(--space-3) 0;justify-content:center;display:flex}.chip{align-items:center;gap:var(--space-1);height:var(--control-h-sm);padding:0 var(--space-2) 0 var(--space-3);border-radius:var(--radius-full);border:1px solid var(--border-default);background:var(--bg-raised);color:var(--fg-primary);white-space:nowrap;display:inline-flex}.chip--accent{background:var(--accent-subtle);color:var(--accent-text);border-color:#0000}.chip__remove{width:var(--space-5);height:var(--space-5);border-radius:var(--radius-full);color:inherit;cursor:pointer;transition:background-color var(--dur-1) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.chip__remove:hover{background:var(--bg-active)}.chip__remove:focus-visible{box-shadow:var(--focus-ring)}.checkbox{align-items:center;gap:var(--space-2);cursor:pointer;color:var(--fg-primary);display:inline-flex}.checkbox--disabled{cursor:not-allowed;color:var(--fg-disabled)}.checkbox input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.checkbox__box{width:var(--space-4);height:var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-raised);color:var(--fg-on-accent);transition:background-color var(--dur-1) var(--ease-out), border-color var(--dur-1) var(--ease-out);flex:none;justify-content:center;align-items:center;display:flex;position:relative}.checkbox input:checked+.checkbox__box,.checkbox input:indeterminate+.checkbox__box{background:var(--accent-500);border-color:var(--accent-500)}.checkbox input:focus-visible+.checkbox__box{box-shadow:var(--focus-ring)}.checkbox input:disabled+.checkbox__box{opacity:.6}.checkbox__box svg{opacity:0;transition:opacity var(--dur-1) var(--ease-out), transform var(--dur-1) var(--ease-out);transform:scale(.6)}.checkbox input:checked+.checkbox__box svg,.checkbox input:indeterminate+.checkbox__box svg{opacity:1;transform:scale(1)}.kbd{min-width:var(--space-5);height:var(--space-5);padding:0 var(--space-1);border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--bg-hover);color:var(--fg-secondary);font-family:var(--font-mono);border-bottom-width:2px;justify-content:center;align-items:center;display:inline-flex}.search-field{align-items:center;min-width:0;display:flex;position:relative}.search-field__icon{left:var(--space-3);color:var(--fg-tertiary);pointer-events:none;display:flex;position:absolute}.search-field__input{width:100%;height:var(--control-h-lg);padding:0 var(--space-8) 0 var(--space-10);border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-raised);color:var(--fg-primary);transition:border-color var(--dur-1) var(--ease-out)}.search-field__input::placeholder{color:var(--fg-tertiary)}.search-field__input:hover{border-color:var(--border-strong)}.search-field__input:focus-visible{border-color:var(--accent-400);box-shadow:var(--focus-ring);outline:none}.search-field__end{right:var(--space-2);align-items:center;gap:var(--space-1);display:flex;position:absolute}.search-field__clear{width:var(--space-6);height:var(--space-6);border-radius:var(--radius-sm);color:var(--fg-tertiary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.search-field__clear:hover{background:var(--bg-hover);color:var(--fg-primary)}.search-field__hint{color:var(--fg-disabled)}.shortcut-sheet{gap:var(--space-6);padding:var(--space-4);width:calc(var(--tile-w) * 2 + var(--space-8));flex-direction:column;max-width:100%;max-height:70vh;display:flex;overflow-y:auto}.shortcut-sheet__section-title{color:var(--fg-secondary);margin:0 0 var(--space-3) 0}.shortcut-sheet__list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.shortcut-sheet__row{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.shortcut-sheet__desc{color:var(--fg-primary)}.shortcut-sheet__keys{align-items:center;gap:var(--space-1);color:var(--fg-tertiary);flex:none;display:flex}.alert-dialog{gap:var(--space-4);flex-direction:column;display:flex}.alert-dialog__description{color:var(--fg-secondary)}.alert-dialog__actions{justify-content:flex-end;gap:var(--space-2);display:flex}.sheet-scrim{background:var(--bg-scrim);z-index:var(--z-overlay);display:flex;position:fixed;inset:0}.sheet-scrim--right{justify-content:flex-end}.sheet-scrim--bottom{align-items:flex-end}.sheet-panel{background:var(--bg-raised);box-shadow:var(--elev-3);min-height:0;animation:sheet-enter var(--dur-4) var(--ease-out);flex-direction:column;display:flex}.sheet-panel:focus{outline:none}.sheet-panel--right{width:min(88vw, calc(var(--sidebar-w) * 1.3));border-left:1px solid var(--border-default);height:100%}.sheet-panel--bottom{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);border-top:1px solid var(--border-default);width:100%;max-height:82vh}@keyframes sheet-enter{0%{transform:translateX(var(--sheet-enter-x,0)) translateY(var(--sheet-enter-y,0));opacity:0}to{opacity:1;transform:translate(0)translateY(0)}}.sheet-panel--right{--sheet-enter-x:var(--space-16)}.sheet-panel--bottom{--sheet-enter-y:var(--space-16)}@media (prefers-reduced-motion:reduce){.sheet-panel{animation:none}}.sheet-panel__header{padding:var(--space-4);border-bottom:1px solid var(--border-subtle);flex:none;justify-content:space-between;align-items:center;display:flex}.sheet-panel__body{flex:1;min-height:0;overflow-y:auto}.toolbar{align-items:center;gap:var(--space-3);min-height:var(--control-h-lg);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);flex-wrap:wrap;flex:none;display:flex}.toolbar__spacer{min-width:var(--space-4);flex:1}.toolbar__group{align-items:center;gap:var(--space-2);flex:none;display:flex}.segmented-control{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);gap:2px;padding:2px;display:inline-flex}.segmented-control__option{appearance:none;color:var(--fg-secondary);font:inherit;font-size:var(--fs-meta-size);font-weight:var(--fs-meta-weight);line-height:var(--fs-meta-lh);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--dur-1) var(--ease-out), color var(--dur-1) var(--ease-out);background:0 0;border:none}.segmented-control__option:hover:not(:disabled):not(.segmented-control__option--active){background:var(--bg-hover);color:var(--fg-primary)}.segmented-control__option--active{background:var(--accent-500);color:var(--fg-on-accent)}.segmented-control__option:disabled{color:var(--fg-disabled);cursor:not-allowed}.segmented-control__option:focus-visible{box-shadow:var(--focus-ring);outline:none}.popover-root{display:inline-flex;position:relative}.popover-panel{bottom:calc(100% + var(--space-2));z-index:var(--z-dropdown);background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--radius-lg);min-width:220px;box-shadow:var(--elev-3);padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex;position:absolute}.popover-panel--start{left:0}.popover-panel--end{right:0}.popover-panel:focus{outline:none}.progress-bar{gap:var(--space-1);flex-direction:column;width:100%;display:flex}.progress-bar__track{border-radius:var(--radius-full);background:var(--bg-hover);width:100%;height:6px;position:relative;overflow:hidden}.progress-bar__fill{background:var(--info-500);border-radius:var(--radius-full);width:0;transition:width var(--dur-2) var(--ease-out);position:absolute;inset:0}.progress-bar__track--indeterminate .progress-bar__fill{width:40%;animation:progress-bar-indeterminate 1.1s var(--ease-inout) infinite}@keyframes progress-bar-indeterminate{0%{transform:translate(-100%)}to{transform:translate(250%)}}.progress-bar__detail{color:var(--fg-tertiary)}@media (prefers-reduced-motion:reduce){.progress-bar__track--indeterminate .progress-bar__fill{opacity:.5;width:100%;animation:none}}.toast-region{right:var(--space-4);bottom:var(--space-4);z-index:var(--z-toast);gap:var(--space-2);width:min(360px, calc(100vw - var(--space-8)));pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--bg-raised);border:1px solid var(--border-default);box-shadow:var(--elev-2);pointer-events:auto;animation:toast-in var(--dur-3) var(--ease-out);display:flex}.toast--leaving{animation:toast-leave var(--dur-2) var(--ease-out) forwards}.toast--success .toast__icon{color:var(--ok-500)}.toast--info .toast__icon{color:var(--info-500)}.toast--error .toast__icon{color:var(--danger-500)}.toast__icon{flex:none;margin-top:2px}.toast__body{flex:1;min-width:0}.toast__title{color:var(--fg-primary)}.toast__description{color:var(--fg-secondary)}.toast__action{flex:none}@keyframes toast-in{0%{opacity:0;transform:translateY(var(--space-2))}}@keyframes toast-leave{to{opacity:0;transform:translateY(var(--space-2))}}@media (prefers-reduced-motion:reduce){.toast,.toast--leaving{animation:none}}.login-screen{min-height:100%;padding:var(--space-4);justify-content:center;align-items:center;display:flex}.login-dialog{width:100%;max-width:var(--login-page-w);gap:var(--space-5);padding:var(--space-8) var(--space-6);background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--elev-3);flex-direction:column;display:flex}.login-dialog__heading{gap:var(--space-1);text-align:center;flex-direction:column;display:flex}.login-dialog__title{color:var(--fg-primary)}.login-dialog__subtitle{color:var(--fg-secondary)}.login-dialog__form{gap:var(--space-4);flex-direction:column;display:flex}.library-screen{gap:var(--space-2);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.library-action-bar{border-top:none;padding-top:0}.library-banner-slot{gap:var(--space-2);min-height:var(--space-12);flex-direction:column;display:flex}.library-body{gap:var(--space-4);min-height:0;padding:0 var(--space-4) var(--space-4);flex:1;display:flex}.library-facet-col{width:var(--sidebar-w);contain:paint;border-right:1px solid var(--border-subtle);min-height:0;padding-right:var(--space-4);flex:none;overflow-y:auto}.library-content-col{gap:var(--space-3);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.library-skeleton-list{gap:var(--space-2);padding:var(--space-2) 0;flex-direction:column;display:flex}.library-results-wrap{contain:paint;flex-direction:column;flex:1;min-height:0;display:flex}.library-results{padding:var(--space-1) 0}.library-load-more{align-items:center;gap:var(--space-2);padding:var(--space-3) 0;flex-direction:column;flex:none;display:flex}.song-tile{gap:var(--space-2);border-radius:var(--radius-md);cursor:pointer;outline:none;flex-direction:column;display:flex}.song-tile--selected .song-tile__thumb{outline:2px solid var(--accent-500);outline-offset:-2px}.song-tile__thumb{width:100%;aspect-ratio:var(--tile-media-ratio);border-radius:var(--radius-md);background:var(--bg-raised);position:relative;overflow:hidden}.song-tile__poster{object-fit:cover;width:100%;height:100%;display:block}.song-tile__poster--placeholder{color:var(--fg-disabled);justify-content:center;align-items:center;display:flex}.song-tile__scrub{pointer-events:none;background-repeat:no-repeat;background-size:900% 100%;position:absolute;inset:0}.song-tile__preview-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.song-tile__checkbox{top:var(--space-2);left:var(--space-2);opacity:0;transition:opacity var(--dur-1);position:absolute}.song-tile__checkbox--visible,.song-tile:hover .song-tile__checkbox,.song-tile:focus-within .song-tile__checkbox{opacity:1}.song-tile__badge{bottom:var(--space-2);padding:2px var(--space-1);border-radius:var(--radius-sm);background:var(--bg-scrim);color:var(--fg-primary);position:absolute}.song-tile__badge--duration{right:var(--space-2)}.song-tile__badge--lyrics{left:var(--space-2);align-items:center;display:flex}.song-tile__meta{flex-direction:column;min-width:0;display:flex}.song-tile__title{color:var(--fg-primary)}.song-tile__artist{color:var(--fg-tertiary)}.song-row{grid-template-columns:var(--space-6) calc(var(--row-h-comfortable) * 16 / 9) 1fr auto;align-items:center;gap:var(--space-3);height:var(--row-h-comfortable);padding:0 var(--space-3) 0 var(--space-2);border-radius:var(--radius-sm);cursor:pointer;outline:none;display:grid;position:relative}.song-row--dense{grid-template-columns:var(--space-5) calc(var(--row-h-compact) * 16 / 9) 1fr auto;height:var(--row-h-compact);gap:var(--space-2)}.song-row:hover{background:var(--bg-hover)}.song-row:active{background:var(--bg-active)}.song-row--selected{background:var(--accent-subtle)}.song-row__checkbox{opacity:0;transition:opacity var(--dur-1)}.song-row__checkbox--visible,.song-row:hover .song-row__checkbox,.song-row:focus-within .song-row__checkbox{opacity:1}.song-row__thumb{aspect-ratio:16/9;border-radius:var(--radius-sm);background:var(--bg-raised);object-fit:cover;width:100%;display:block}.song-row__thumb--placeholder{color:var(--fg-disabled);justify-content:center;align-items:center;display:flex}.song-row__meta{flex-direction:column;min-width:0;display:flex}.song-row__title{color:var(--fg-primary)}.song-row__artist{color:var(--fg-tertiary)}.song-row__end{align-items:center;gap:var(--space-2);color:var(--fg-tertiary);display:flex}.facet-panel{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.facet-panel__header{justify-content:space-between;align-items:center;display:flex}.facet-panel__groups{gap:var(--space-1);flex-direction:column;display:flex}.facet-group__header{align-items:center;gap:var(--space-1);width:100%;padding:var(--space-2) 0;color:var(--fg-primary);cursor:pointer;text-align:left;background:0 0;border:none;display:flex}.facet-group__label{flex:1}.facet-group__active-count{color:var(--accent-text)}.facet-group__body{gap:var(--space-2);padding-bottom:var(--space-2);flex-direction:column;display:flex}.facet-group__inner-search{align-items:center;gap:var(--space-2);display:flex}.facet-group__inner-search-field{flex:1}.facet-group__select-all{color:var(--accent-text);cursor:pointer;font:inherit;background:0 0;border:none;flex:none}.facet-group__values{gap:var(--space-1);flex-direction:column;max-height:260px;display:flex;overflow-y:auto}.facet-group__values li{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.facet-group__count{color:var(--fg-tertiary)}.facet-group__no-match{color:var(--fg-tertiary);padding:var(--space-1) 0}.active-filter-bar{align-items:center;gap:var(--space-2);padding:0 var(--space-4);flex-wrap:wrap;display:flex}.active-filter-bar__clear{color:var(--accent-text);cursor:pointer;font:inherit;background:0 0;border:none}.result-summary{align-items:baseline;gap:var(--space-3);padding:0 var(--space-4);color:var(--fg-tertiary);display:flex}.result-summary__notice{color:var(--accent-text)}.density-toggle{gap:2px;display:flex}.singer-picker{gap:var(--space-3);flex-direction:column;min-width:320px;display:flex}.singer-picker__hint{color:var(--danger-500);margin:0}.singer-picker__list{flex-direction:column;gap:2px;max-height:220px;display:flex;overflow-y:auto}.singer-picker__row{width:100%;padding:var(--space-2);border-radius:var(--radius-sm);color:var(--fg-primary);text-align:left;cursor:pointer;background:0 0;border:none}.singer-picker__row:hover{background:var(--bg-hover)}.singer-picker__actions{justify-content:flex-end;gap:var(--space-2);display:flex}.virtual-scroll{flex:1;min-height:0;overflow:hidden auto}.virtual-scroll__spacer{width:100%;position:relative}.virtual-scroll__window{position:absolute;top:0;left:0;right:0}.virtual-scroll__item{overflow:hidden}.virtual-scroll__row{gap:var(--space-3);align-items:start;display:grid}.guest-page{background:var(--bg-canvas);height:100%;min-height:0;color:var(--fg-primary);flex-direction:column;display:flex}.guest-page__venue{padding:var(--space-2) var(--space-4);color:var(--fg-tertiary);border-bottom:1px solid var(--border-subtle);flex:none}.guest-page__message{padding:var(--space-3) var(--space-4) 0;flex:none}.guest-page__gate{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.guest-page__gate-form{gap:var(--space-3);width:100%;max-width:var(--panel-w-sm);margin-top:var(--space-2);flex-direction:column;display:flex}.guest-search{flex-direction:column;flex:1;min-height:0;display:flex}.guest-search__bar{z-index:var(--z-sticky);padding:var(--space-3) var(--space-4);background:var(--bg-canvas);border-bottom:1px solid var(--border-subtle);position:sticky;top:0}.guest-search__results{flex:1;min-height:0;overflow-y:auto}.guest-search__skeletons{gap:var(--space-2);padding:var(--space-3) var(--space-4);flex-direction:column;display:flex}.guest-song-list{padding:var(--space-2) var(--space-3);gap:var(--space-1);flex-direction:column;margin:0;list-style:none;display:flex}.guest-song-row{align-items:center;gap:var(--space-3);width:100%;min-height:var(--control-h-lg);padding:var(--space-2);border-radius:var(--radius-md);color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;display:flex}.guest-song-row:hover{background:var(--bg-hover)}.guest-song-row:active{background:var(--bg-active)}.guest-song-row__thumb{width:calc(var(--control-h-lg) * 16 / 9);aspect-ratio:var(--tile-media-ratio);border-radius:var(--radius-sm);background:var(--bg-raised);object-fit:cover;flex:none}.guest-song-row__thumb--placeholder{color:var(--fg-disabled);justify-content:center;align-items:center;display:flex}.guest-song-row__meta{flex-direction:column;flex:1;min-width:0;display:flex}.guest-song-row__title{color:var(--fg-primary)}.guest-song-row__artist{color:var(--fg-tertiary)}.guest-song-row__end{color:var(--fg-tertiary);flex:none}.request-sheet{gap:var(--space-4);padding:var(--space-4);flex-direction:column;display:flex}.request-sheet__artist{margin:calc(var(--space-3) * -1) 0 0;color:var(--fg-tertiary)}.request-sheet__key{justify-content:center;display:flex}.queue-position-card{z-index:var(--z-sticky);align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-surface);border-top:1px solid var(--border-subtle);flex:none;display:flex;position:sticky;bottom:0}.queue-position-card__icon{flex:none;display:flex}.queue-position-card__icon--live{color:var(--accent-500)}.queue-position-card__icon--ok{color:var(--ok-500)}.queue-position-card__icon--danger{color:var(--danger-500)}.queue-position-card__icon--info{color:var(--info-500)}.queue-position-card__body{flex-direction:column;min-width:0;display:flex}.queue-position-card__title{color:var(--fg-primary)}.queue-position-card__detail{color:var(--fg-secondary)}.queue-position-card__hint,.queue-position-card__age{color:var(--fg-tertiary)}.queue-position-card__dismiss{flex:none;margin-left:auto}.rate-limit-notice__countdown{margin-top:var(--space-1);color:inherit;display:block}.settings-screen{min-height:0;padding:var(--space-4);gap:var(--space-6);flex-direction:column;flex:1;display:flex;overflow:auto}.settings-screen__loading{gap:var(--space-2);flex-direction:column;display:flex}.settings-screen__section{gap:var(--space-3);flex-direction:column;display:flex}.settings-screen__section-header{justify-content:space-between;align-items:center;display:flex}.settings-screen__row{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-2) 0;border-bottom:1px solid var(--border-subtle);display:flex}.settings-screen__row:last-child{border-bottom:none}.settings-screen__row-control{align-items:center;gap:var(--space-2);flex:none;display:flex}.settings-screen__hidden-input{display:none}.app-shell{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.app-shell__body{flex:1;min-height:0;display:flex}.app-shell__content{gap:var(--space-2);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.skip-link{top:var(--space-2);left:var(--space-2);z-index:var(--z-toast);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--bg-raised);color:var(--fg-primary);box-shadow:var(--elev-2);transition:transform var(--dur-2) var(--ease-out);position:fixed;transform:translateY(-200%)}.skip-link:focus-visible{box-shadow:var(--focus-ring);outline:none;transform:translateY(0)}.app-loading{justify-content:center;align-items:center;gap:var(--space-2);flex-direction:column;flex:1;height:100%;display:flex}:root{--bg-canvas:#0b0c0f;--bg-surface:#131519;--bg-raised:#1b1e24;--bg-hover:#242830;--bg-active:#2e333c;--bg-scrim:#0009;--fg-primary:#f1f3f7;--fg-secondary:#aeb6c2;--fg-tertiary:#8d96a5;--fg-disabled:#5a6270;--fg-on-accent:#17120a;--border-subtle:#ffffff12;--border-default:#ffffff24;--border-strong:#ffffff42;--accent-500:#f2a413;--accent-400:#ffbb3d;--accent-600:#c77f06;--accent-subtle:#f2a41324;--accent-text:#ffbb3d;--danger-500:#ff5c5c;--danger-subtle:#ff5c5c24;--ok-500:#35d07f;--ok-subtle:#35d07f24;--info-500:#58aeff;--info-subtle:#58aeff24;--font-ui:"Inter var", "Inter", system-ui, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans Thai", "Noto Sans JP", "Noto Sans SC", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "Cascadia Mono", "SF Mono", Consolas, monospace;--font-stage:"Inter var", "Inter", system-ui, "Noto Sans Thai", "Noto Sans JP", "Noto Sans SC", sans-serif;--fs-label-size:11px;--fs-label-lh:16px;--fs-label-weight:650;--fs-label-tracking:.06em;--fs-meta-size:12px;--fs-meta-lh:16px;--fs-meta-weight:500;--fs-meta-tracking:.01em;--fs-dense-size:13px;--fs-dense-lh:18px;--fs-dense-weight:400;--fs-body-size:15px;--fs-body-lh:22px;--fs-body-weight:400;--fs-subtitle-size:17px;--fs-subtitle-lh:24px;--fs-subtitle-weight:600;--fs-subtitle-tracking:-.005em;--fs-heading-size:21px;--fs-heading-lh:28px;--fs-heading-weight:650;--fs-heading-tracking:-.01em;--fs-title-size:27px;--fs-title-lh:34px;--fs-title-weight:700;--fs-title-tracking:-.015em;--fs-display-size:34px;--fs-display-lh:40px;--fs-display-weight:700;--fs-display-tracking:-.02em;--space-0:0px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-24:96px;--row-h-comfortable:44px;--row-h-compact:34px;--tile-w:188px;--tile-media-ratio:16 / 9;--control-h-sm:28px;--control-h-md:36px;--control-h-lg:44px;--rail-w:56px;--sidebar-w:264px;--inspector-w:340px;--header-h:52px;--statusbar-h:28px;--tile-meta-h:58px;--panel-w-sm:320px;--dialog-w-default:560px;--dialog-w-lg:800px;--lyric-editor-w:720px;--lyric-editor-label-min-w:160px;--lyric-editor-field-basis:200px;--lyric-editor-lines-max-h:320px;--login-page-w:360px;--player-popover-w:236px;--scrubbar-marker-h:6px;--queue-thumb-size:40px;--queue-col-position:64px;--queue-col-key:44px;--queue-col-eta:72px;--accent-indicator-w:2px;--operator-preview-w:380px;--operator-alert-min-w:240px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--elev-0:none;--elev-1:0 1px 2px #00000052;--elev-2:0 6px 16px -4px #00000070;--elev-3:0 20px 48px -12px #00000094;--z-base:0;--z-sticky:100;--z-dropdown:200;--z-overlay:300;--z-dialog:400;--z-toast:500;--z-tooltip:600;--bp-sm:480;--bp-md:768;--bp-lg:1024;--bp-xl:1440;--bp-2xl:1920;--bp-sm-px:480px;--bp-md-px:768px;--bp-lg-px:1024px;--bp-xl-px:1440px;--bp-2xl-px:1920px;--dur-1:90ms;--dur-2:.15s;--dur-3:.22s;--dur-4:.32s;--dur-5:.48s;--dur-loading-delay:.25s;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in:cubic-bezier(.64, 0, .78, 0);--ease-inout:cubic-bezier(.65, 0, .35, 1);--ease-emphasis:cubic-bezier(.34, 1.4, .64, 1);--ease-linear:linear;--focus-ring:0 0 0 2px var(--bg-canvas), 0 0 0 4px var(--accent-400);--focus-ring-inset:inset 0 0 0 2px var(--accent-400);--stage-bg:#000;--stage-text-idle:#fff;--stage-text-sung:#f2a413;--stage-text-next:#ffffff9e;--stage-outline:#000;--stage-shadow:0 2px 10px #000000d9;--stage-safe-inset:5%;--stage-panel:#0b0c0fd1;--fs-stage-lyric:clamp(44px, 6.2vh, 96px);--fs-stage-lyric-next:calc(var(--fs-stage-lyric) * .72);--fs-stage-title:clamp(24px, 3.2vh, 52px);--fs-stage-singer:clamp(28px, 3.8vh, 60px);--fs-stage-marquee:clamp(20px, 2.6vh, 40px);--fs-stage-attract:clamp(28px, 4vh, 72px);--fs-stage-countdown:calc(var(--fs-stage-attract) * 1.6);--fs-stage-label:12px;--fs-stage-detail:16px;--fs-stage-lyric-preview:15px;--fs-stage-lyric-next-preview:11px;--fs-stage-title-preview:14px}[data-stage-theme=cyan]{--stage-text-sung:#3dc9ff}[data-stage-theme=lime]{--stage-text-sung:#a8e442}[data-stage-theme=rose]{--stage-text-sung:#ff6fa5}[data-stage-theme=high_contrast]{--stage-text-sung:#cc8000}[data-theme=light]{--bg-canvas:#fff;--bg-surface:#f6f7f9;--bg-raised:#fff;--bg-hover:#edeff3;--bg-active:#e2e6ec;--bg-scrim:#0a0c1070;--fg-primary:#12141a;--fg-secondary:#4b5361;--fg-tertiary:#5f6775;--fg-disabled:#9aa1ac;--fg-on-accent:#17120a;--border-subtle:#0a0c1014;--border-default:#0a0c1029;--border-strong:#0a0c1057;--accent-500:#f2a413;--accent-text:#8a5800;--accent-400:#c77f06;--accent-600:#a96a00;--accent-subtle:#f2a41329;--danger-500:#c42121;--ok-500:#0a7c48;--info-500:#0b62c4}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{background:var(--bg-canvas);color:var(--fg-primary);font-family:var(--font-ui);font-size:var(--fs-body-size);line-height:var(--fs-body-lh);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}img,video{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--info-500)}:focus{outline:none}:focus-visible{box-shadow:var(--focus-ring);border-radius:inherit;outline:none}.text-label{font-size:var(--fs-label-size);line-height:var(--fs-label-lh);font-weight:var(--fs-label-weight);letter-spacing:var(--fs-label-tracking);text-transform:uppercase}.text-meta{font-size:var(--fs-meta-size);line-height:var(--fs-meta-lh);font-weight:var(--fs-meta-weight);letter-spacing:var(--fs-meta-tracking)}.text-dense{font-size:var(--fs-dense-size);line-height:var(--fs-dense-lh);font-weight:var(--fs-dense-weight)}.text-body{font-size:var(--fs-body-size);line-height:var(--fs-body-lh);font-weight:var(--fs-body-weight)}.text-subtitle{font-size:var(--fs-subtitle-size);line-height:var(--fs-subtitle-lh);font-weight:var(--fs-subtitle-weight);letter-spacing:var(--fs-subtitle-tracking)}.text-heading{font-size:var(--fs-heading-size);line-height:var(--fs-heading-lh);font-weight:var(--fs-heading-weight);letter-spacing:var(--fs-heading-tracking)}.text-title{font-size:var(--fs-title-size);line-height:var(--fs-title-lh);font-weight:var(--fs-title-weight);letter-spacing:var(--fs-title-tracking)}.text-display{font-size:var(--fs-display-size);line-height:var(--fs-display-lh);font-weight:var(--fs-display-weight);letter-spacing:var(--fs-display-tracking)}.tabular-nums{font-variant-numeric:tabular-nums}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.btn{justify-content:center;align-items:center;gap:var(--space-2);height:var(--control-h-md);padding:0 var(--space-4);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--dur-1) var(--ease-out), border-color var(--dur-1) var(--ease-out), color var(--dur-1) var(--ease-out), opacity var(--dur-1) var(--ease-out);white-space:nowrap;background:0 0;border:1px solid #0000;display:inline-flex}.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;color:var(--fg-disabled)}.btn--sm{height:var(--control-h-sm);padding:0 var(--space-3)}.btn--lg{height:var(--control-h-lg);padding:0 var(--space-5)}.btn--full{width:100%}.btn--primary{background:var(--accent-500);color:var(--fg-on-accent)}.btn--primary:hover:not(:disabled){background:var(--accent-400)}.btn--primary:active:not(:disabled){background:var(--accent-600)}.btn--primary:disabled{background:var(--bg-hover)}.btn--secondary{background:var(--bg-raised);border-color:var(--border-default);color:var(--fg-primary)}.btn--secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-strong)}.btn--secondary:active:not(:disabled){background:var(--bg-active)}.btn--ghost{color:var(--fg-primary)}.btn--ghost:hover:not(:disabled){background:var(--bg-hover)}.btn--ghost:active:not(:disabled){background:var(--bg-active)}.btn--danger{background:var(--danger-subtle);color:var(--danger-500)}.btn--danger:hover:not(:disabled){background:var(--danger-500);color:var(--fg-on-accent)}.btn__spinner{display:inline-flex}.field{gap:var(--space-1);flex-direction:column;display:flex}.field__label{color:var(--fg-secondary)}.field__input{height:var(--control-h-md);padding:0 var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--bg-raised);color:var(--fg-primary);transition:border-color var(--dur-1) var(--ease-out)}.field__input::placeholder{color:var(--fg-tertiary)}.field__input:hover{border-color:var(--border-strong)}.field__input[aria-invalid=true]{border-color:var(--danger-500)}.field__error{color:var(--danger-500)}.spinner{animation:.8s linear infinite spinner-spin;display:inline-block}@keyframes spinner-spin{to{transform:rotate(360deg)}}.skeleton{background:var(--bg-hover);border-radius:var(--radius-sm);opacity:0;animation:skeleton-pulse 1.4s var(--ease-inout) var(--dur-loading-delay) infinite}@keyframes skeleton-pulse{0%,to{opacity:.55}50%{opacity:.9}}.skeleton--text{border-radius:var(--radius-sm);height:1em}.skeleton--row{height:var(--row-h-comfortable);border-radius:var(--radius-md)}.state-panel{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-16);text-align:center;color:var(--fg-secondary);flex-direction:column;display:flex}.state-panel__icon{color:var(--fg-tertiary)}.state-panel--error .state-panel__icon{color:var(--danger-500)}.state-panel__title{color:var(--fg-primary)}.state-panel__description{max-width:44ch}.state-panel--compact{padding:var(--space-4);gap:var(--space-2)}.inline-alert{align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);display:flex}.inline-alert--info{background:var(--info-subtle);color:var(--info-500)}.inline-alert--ok{background:var(--ok-subtle);color:var(--ok-500)}.inline-alert--danger{background:var(--danger-subtle);color:var(--danger-500)}.inline-alert--accent{background:var(--accent-subtle);color:var(--accent-text)}.inline-alert__icon{flex:none;margin-top:2px}.inline-alert__text{color:var(--fg-primary)}.badge{height:var(--space-5);padding:0 var(--space-2);border-radius:var(--radius-sm);background:var(--bg-hover);color:var(--fg-secondary);white-space:nowrap;align-items:center;display:inline-flex}.app-header{height:var(--header-h);padding:0 var(--space-4);border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);flex:none;justify-content:space-between;align-items:center;display:flex}.app-header__brand{align-items:center;gap:var(--space-2);color:var(--fg-primary);display:flex}.app-header__dot{width:var(--space-2);height:var(--space-2);background:var(--accent-500);border-radius:50%}.app-header__actions{align-items:center;gap:var(--space-3);display:flex}.app-header__user{color:var(--fg-secondary)}.status-bar{height:var(--statusbar-h);padding:0 var(--space-4);border-top:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--fg-tertiary);flex:none;justify-content:space-between;align-items:center;display:flex}.connection-indicator{align-items:center;gap:var(--space-2);display:flex}.connection-indicator__dot{width:var(--space-2);height:var(--space-2);transition:background-color var(--dur-2) var(--ease-out), opacity var(--dur-2) var(--ease-out);border-radius:50%}.connection-indicator__dot--ok{background:var(--ok-500)}.connection-indicator__dot--amber{background:var(--accent-500)}.connection-indicator__dot--red{background:var(--danger-500)}.connection-indicator__dot--neutral{background:var(--fg-disabled)}.connection-indicator__dot--info{background:var(--info-500)}.connection-indicator__label{color:var(--fg-tertiary)}