.app-shell{min-height:100vh;padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom))}.app-shell--playing{padding-bottom:var(--bottom-stack-height)}.app-shell--settings:not(.app-shell--playing){padding-bottom:var(--space-10)}.app-shell--settings.app-shell--playing{padding-bottom:var(--mini-player-height)}.app-shell--settings .mini-player{bottom:var(--space-0)}.page{width:min(100%, var(--content-max-width));padding:var(--space-6) var(--space-4) var(--space-10);margin-inline:auto}.page-header{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-8);display:flex}.page-header__eyebrow{color:var(--color-accent);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase}.page-header__title{margin-top:var(--space-1);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.icon-button{width:var(--tap-target-size);height:var(--tap-target-size);padding:var(--space-0);border-radius:var(--radius-round);color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast);background:0 0;place-items:center;display:inline-grid}.icon-button:hover{background:var(--color-surface);color:var(--color-text)}.section{margin-top:var(--space-8)}.library-search{margin-top:var(--space-6)}.library-sort{margin-top:var(--space-3)}.library-search-results{gap:var(--space-8);display:grid}.library-search-results__group{gap:var(--space-3);display:grid}.library-search-results__group .section__heading{margin-bottom:var(--space-0)}.library-search-results__empty{padding:var(--space-4) var(--space-1);color:var(--color-text-muted);font-size:var(--font-size-sm)}.home-section{margin-top:var(--space-8)}.home-section__header{justify-content:space-between;align-items:baseline;display:flex}.home-section__header .section__heading{margin-bottom:var(--space-3)}.home-track-list,.home-playlist-list{border-top:var(--border-width) solid var(--color-border);display:grid;overflow:hidden}.home-track-row{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-1);border-bottom:var(--border-width) solid var(--color-border);display:flex}.home-track-row__main{align-items:center;gap:var(--space-3);min-width:0;padding:var(--space-1) var(--space-0);color:inherit;cursor:pointer;text-align:left;background:0 0;flex:1;display:flex}.home-track-row__details{gap:var(--space-1);flex:1;min-width:0;display:grid}.home-track-row__title,.home-track-row__artist{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.home-track-row__title{font-weight:var(--font-weight-medium)}.home-track-row__artist,.home-track-row__duration,.home-playlist-row__meta{color:var(--color-text-muted);font-size:var(--font-size-sm)}.home-track-row__duration{flex:none}.home-playlist-row{min-height:var(--space-12);align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-1);border-bottom:var(--border-width) solid var(--color-border);color:inherit;cursor:pointer;text-align:left;background:0 0;display:flex}.home-playlist-row:hover{background:var(--color-surface)}.home-playlist-row__icon{width:var(--space-10);height:var(--space-10);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-accent);flex:none;place-items:center;display:grid}.home-playlist-row__details{gap:var(--space-1);flex:1;min-width:0;display:grid}.home-playlist-row__name{font-weight:var(--font-weight-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.track-list{border-top:var(--border-width) solid var(--color-border);overflow:hidden}.track-list__item{min-height:var(--space-12);align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-1);border-bottom:var(--border-width) solid var(--color-border);color:inherit;cursor:pointer;text-align:left;transition:background var(--transition-fast);background:0 0;grid-template-columns:minmax(0,1fr) auto;display:grid}.track-list__item:hover{background:var(--color-surface)}.track-list__details{gap:var(--space-1);flex:1;min-width:0;display:grid;overflow:hidden}.track-list__main{align-items:center;gap:var(--space-3);width:100%;min-width:0;padding:var(--space-0);color:inherit;cursor:pointer;text-align:left;background:0 0;flex:1;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.track-list__title,.track-list__artist{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.track-list__title{font-weight:var(--font-weight-medium)}.track-list__artist,.track-list__duration{color:var(--color-text-muted);font-size:var(--font-size-sm)}.track-list__duration{flex:none}.track-list__actions{gap:var(--space-1);flex:none;display:flex}.track-actions-menu{position:relative}.track-actions-menu__popover{z-index:10;top:calc(100% + var(--space-2));min-width:12rem;padding:var(--space-1);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);box-shadow:var(--shadow-raised);display:grid;position:absolute;right:0}.track-actions-menu__popover button,.track-actions-menu__popover a{min-height:var(--tap-target-size);align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;text-align:left;background:0 0;border:0;text-decoration:none;display:flex}.track-actions-menu__popover button:hover,.track-actions-menu__popover a:hover{background:var(--color-surface-hover)}.track-actions-menu__popover svg{flex:none;width:1rem;height:1rem}.icon-button--active{color:var(--color-accent)}.artist-list{border-top:var(--border-width) solid var(--color-border);display:grid;overflow:hidden}.artist-list__item{min-height:var(--tap-target-size);justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-1);border-bottom:var(--border-width) solid var(--color-border);color:inherit;cursor:pointer;text-align:left;background:0 0;display:flex}.artist-list__item:hover{background:var(--color-surface)}.artist-list__name{font-weight:var(--font-weight-medium)}.artist-list__count{color:var(--color-text-muted);font-size:var(--font-size-sm)}.playlist-create__fields{gap:var(--space-3);display:flex}.playlist-create__fields .text-input{flex:1;min-width:0}.playlist-list{border-top:var(--border-width) solid var(--color-border);display:grid;overflow:hidden}.playlist-list__item{min-height:var(--space-12);align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-1);border-bottom:var(--border-width) solid var(--color-border);color:inherit;cursor:pointer;text-align:left;background:0 0;display:flex}.playlist-list__item:hover{background:var(--color-surface)}.playlist-list__icon{width:var(--space-10);height:var(--space-10);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-accent);flex:none;place-items:center;display:grid}.playlist-list__details{gap:var(--space-1);min-width:0;display:grid}.playlist-list__name{font-weight:var(--font-weight-medium)}.playlist-list__count{color:var(--color-text-muted);font-size:var(--font-size-sm)}.playlist-detail-header{margin-bottom:var(--space-5)}.playlist-detail-actions{align-items:center;gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.playlist-track-list{border-top:var(--border-width) solid var(--color-border);overflow:hidden}.playlist-track-list__item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-1);border-bottom:var(--border-width) solid var(--color-border);display:flex}.playlist-track-list__item .track-list__main{min-height:var(--space-12)}.playlist-add-tracks{gap:var(--space-4);padding:var(--space-5);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);display:grid}.playlist-add-tracks__list{gap:var(--space-2);max-height:22rem;display:grid;overflow-y:auto}.playlist-add-tracks__item{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-0);border-bottom:var(--border-width) solid var(--color-border);display:flex}.playlist-add-tracks__meta{gap:var(--space-1);min-width:0;display:grid}.playlist-add-tracks__title{font-weight:var(--font-weight-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.secondary-button--active{border-color:var(--color-accent);color:var(--color-accent)}.detail-header,.edit-panel__header{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.edit-panel{gap:var(--space-5);padding:var(--space-5);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);display:grid}.library-notice{margin-top:var(--space-4)}.section__heading{margin-bottom:var(--space-4);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.empty-state{min-height:22rem;padding:var(--space-10) var(--space-5);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);text-align:center;place-items:center;display:grid}.empty-state__content{justify-items:center;gap:var(--space-4);max-width:25rem;display:grid}.empty-state__icon{width:var(--space-12);height:var(--space-12);border-radius:var(--radius-round);background:var(--color-surface-raised);color:var(--color-accent);place-items:center;display:grid}.empty-state__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.empty-state__description{color:var(--color-text-muted);font-size:var(--font-size-sm)}.primary-button{min-height:var(--tap-target-size);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-accent-contrast);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background var(--transition-fast)}.primary-button:hover{background:var(--color-accent-strong)}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.5}.bottom-nav{z-index:20;right:var(--space-0);bottom:var(--space-0);left:var(--space-0);height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom));padding:var(--space-2) max(var(--space-3), env(safe-area-inset-left)) env(safe-area-inset-bottom) max(var(--space-3), env(safe-area-inset-right));border-top:var(--border-width) solid var(--color-border);background:color-mix(in srgb, var(--color-background) 96%, transparent);-webkit-backdrop-filter:blur(var(--space-3));backdrop-filter:blur(var(--space-3));position:fixed}.bottom-nav__items{width:min(100%, var(--content-max-width));grid-template-columns:repeat(4,1fr);height:100%;margin-inline:auto;display:grid}.bottom-nav__item{min-width:var(--tap-target-size);min-height:var(--tap-target-size);padding:var(--space-1);place-items:center;gap:var(--space-1);border-radius:var(--radius-md);color:var(--color-text-subtle);cursor:pointer;font-size:var(--font-size-xs);background:0 0;display:grid}.bottom-nav__item--active{color:var(--color-accent)}.mini-player{z-index:21;right:var(--space-0);bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom));left:var(--space-0);height:var(--mini-player-height);border-top:var(--border-width) solid var(--color-border);border-bottom:var(--border-width) solid var(--color-border);background:var(--color-surface);position:fixed}.mini-player__inner{width:min(100%, var(--content-max-width));align-items:center;gap:var(--space-3);height:100%;padding-inline:var(--space-3);grid-template-columns:minmax(0,1fr) auto auto;margin-inline:auto;display:grid}.mini-player__open{align-items:center;gap:var(--space-3);width:100%;min-width:0;padding:var(--space-0);color:inherit;cursor:pointer;text-align:left;background:0 0;flex:1;grid-template-columns:auto minmax(0,1fr);display:grid}.mini-player__details{gap:var(--space-1);flex:1;min-width:0;display:grid;overflow:hidden}.mini-player__title,.mini-player__artist{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mini-player__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.mini-player__artist{color:var(--color-text-muted);font-size:var(--font-size-xs)}.track-thumbnail{aspect-ratio:var(--thumbnail-ratio);border-radius:var(--radius-sm);background:var(--color-surface-raised);color:var(--color-text-subtle);position:relative;overflow:hidden}.track-thumbnail--compact{width:var(--thumbnail-width-compact);flex:none}.track-thumbnail__image{object-fit:cover;width:100%;height:100%}.track-thumbnail__fallback{place-items:center;width:100%;height:100%;display:grid}.form{gap:var(--space-5);display:grid}.field{gap:var(--space-2);display:grid}.field__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.field__hint,.form-message{color:var(--color-text-muted);font-size:var(--font-size-xs)}.text-input{width:100%;min-height:var(--tap-target-size);padding:var(--space-3) var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.text-input::placeholder{color:var(--color-text-subtle)}.source-preview{gap:var(--space-4);display:grid}.source-preview__title{font-weight:var(--font-weight-semibold)}.source-preview__metadata{color:var(--color-text-muted);font-size:var(--font-size-sm)}.now-playing-page{width:min(100%, var(--content-max-width));padding:var(--space-4) var(--space-4) var(--space-10);margin-inline:auto}.now-playing-header{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.now-playing-header__actions{align-items:center;gap:var(--space-1);display:flex}.now-playing-header__label{color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.now-playing-content{max-width:32rem;margin:var(--space-8) auto var(--space-0);gap:var(--space-5);display:grid}.now-playing-meta{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.now-playing-title{font-size:var(--font-size-xl);line-height:var(--line-height-tight)}.now-playing-artist{margin-top:var(--space-2);color:var(--color-text-muted)}.now-playing-source{padding:var(--space-0);color:var(--color-text-subtle);cursor:pointer;font-size:var(--font-size-sm);background:0 0;justify-self:start}.now-playing-source:hover{color:var(--color-text)}.player-progress{gap:var(--space-2);display:grid}.player-progress__input{width:100%;height:var(--space-2);margin:var(--space-1) var(--space-0);appearance:none;border-radius:var(--radius-round);background:linear-gradient(90deg, var(--color-accent) var(--progress), var(--color-border) var(--progress));cursor:pointer}.player-progress__input::-webkit-slider-thumb{width:var(--space-3);height:var(--space-3);appearance:none;border:var(--border-width) solid var(--color-accent);border-radius:var(--radius-round);background:var(--color-text)}.player-progress__input::-moz-range-thumb{width:var(--space-3);height:var(--space-3);border:var(--border-width) solid var(--color-accent);border-radius:var(--radius-round);background:var(--color-text)}.player-progress__input:disabled{cursor:not-allowed;opacity:.55}.player-progress__times{color:var(--color-text-subtle);font-size:var(--font-size-xs);justify-content:space-between;display:flex}.now-playing-controls{justify-content:center;align-items:center;gap:var(--space-4);display:flex}.queue-panel{gap:var(--space-5);padding:var(--space-5);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);display:grid}.queue-panel__header,.queue-panel__subheader{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.queue-panel__header .section__heading{margin-bottom:var(--space-0)}.queue-panel__current,.queue-panel__upcoming{gap:var(--space-2);display:grid}.queue-panel__label{color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.queue-track{border-radius:var(--radius-md);background:var(--color-surface-raised);min-width:0}.queue-track--active{border-left:calc(var(--border-width) * 3) solid var(--color-accent)}.queue-track__main{align-items:center;gap:var(--space-3);width:100%;min-width:0;padding:var(--space-3);color:inherit;cursor:pointer;text-align:left;background:0 0;display:flex}.queue-track__play,.queue-track__now{color:var(--color-accent);flex:none}.queue-track__now{text-align:center;width:1rem;font-size:var(--font-size-xs)}.queue-track__details{gap:var(--space-1);min-width:0;display:grid}.queue-track__title,.queue-track__artist,.queue-list__missing{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.queue-track__title{font-weight:var(--font-weight-medium)}.queue-track__artist,.queue-list__missing{color:var(--color-text-muted);font-size:var(--font-size-xs)}.queue-list{gap:var(--space-2);display:grid}.queue-list__item{align-items:center;gap:var(--space-2);min-width:0;padding:var(--space-1);border:var(--border-width) solid transparent;border-radius:var(--radius-md);background:var(--color-background);transition:background var(--transition-fast), border-color var(--transition-fast);display:flex}.queue-list__item:hover,.queue-list__item--dragging{border-color:var(--color-accent);background:var(--color-surface-hover)}.queue-list__item>.queue-track{background:0 0;flex:1;min-width:0}.queue-list__grip{color:var(--color-text-subtle);cursor:grab;flex:none}.queue-list__actions{align-items:center;gap:var(--space-0);flex:none;display:flex}.queue-list__move{width:var(--space-6);height:var(--space-6);padding:var(--space-0);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;background:0 0;place-items:center;display:grid}.queue-list__move:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text)}.queue-list__move:disabled{cursor:not-allowed;opacity:.35}.queue-panel__empty{align-items:center;gap:var(--space-2);padding:var(--space-4);border:var(--border-width) dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--font-size-sm);display:flex}.now-playing-play{width:var(--space-12);height:var(--space-12);border-radius:var(--radius-round);background:var(--color-accent);color:var(--color-accent-contrast);cursor:pointer;place-items:center;display:grid}.segmented-control{padding:var(--space-1);gap:var(--space-1);border-radius:var(--radius-md);background:var(--color-surface);grid-template-columns:repeat(2,1fr);display:inline-grid}.segmented-control__item{min-height:var(--tap-target-size);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);background:0 0}.segmented-control__item--active{background:var(--color-surface-raised);color:var(--color-text)}.inline-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.source-preview__thumbnail{width:min(100%,32rem)}.notice{padding:var(--space-3) var(--space-4);border-left:calc(var(--border-width) * 3) solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-muted);font-size:var(--font-size-sm)}.notice--warning{gap:var(--space-3);display:grid}.playback-notice{z-index:20;right:var(--space-4);bottom:calc(var(--bottom-stack-height) + var(--space-3));left:var(--space-4);width:min(100% - var(--space-8), 32rem);box-shadow:var(--shadow-raised);margin-inline:auto;position:fixed}.playback-failure-backdrop{z-index:30;padding:var(--space-4);background:var(--color-overlay);place-items:center;display:grid;position:fixed;inset:0}.playback-failure-dialog{gap:var(--space-4);width:min(100%,30rem);padding:var(--space-6);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised);box-shadow:var(--shadow-raised);display:grid}.playback-failure-dialog h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.playback-failure-dialog p{color:var(--color-text-muted);line-height:var(--line-height-normal)}.track-playlist-dialog__track{font-weight:var(--font-weight-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:var(--color-text)!important}.track-playlist-dialog__options{gap:var(--space-2);display:grid}.track-playlist-dialog__options .secondary-button{justify-content:flex-start}.artist-picker{gap:var(--space-2);display:grid}.artist-picker__selected{gap:var(--space-2);flex-wrap:wrap;display:flex}.artist-chip{min-height:var(--tap-target-size);align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-round);background:var(--color-surface-raised);color:var(--color-text);font-size:var(--font-size-sm);display:inline-flex}.artist-chip button{width:var(--space-5);height:var(--space-5);padding:var(--space-0);border-radius:var(--radius-round);color:var(--color-text-muted);cursor:pointer;background:0 0;place-items:center;display:grid}.artist-picker__suggestions{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);max-height:12rem;display:grid;overflow-y:auto}.artist-picker__suggestion,.artist-picker__create{min-height:var(--tap-target-size);padding:var(--space-3) var(--space-4);color:var(--color-text);cursor:pointer;text-align:left;background:0 0}.artist-picker__suggestion:hover,.artist-picker__create:hover{background:var(--color-surface-hover)}.artist-picker__create{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);color:var(--color-accent)}.save-result{gap:var(--space-4);padding:var(--space-4);border:var(--border-width) solid var(--color-accent);border-radius:var(--radius-md);background:var(--color-surface);display:grid}.save-result__title{font-weight:var(--font-weight-semibold)}.secondary-button{min-height:var(--tap-target-size);padding:var(--space-3) var(--space-5);justify-content:center;align-items:center;gap:var(--space-2);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-weight:var(--font-weight-medium);cursor:pointer;display:inline-flex}.secondary-button:hover{background:var(--color-surface-hover)}.range-fields{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.range-fine-controls{gap:var(--space-2);flex-wrap:wrap;display:flex}.range-fine-controls__button{min-width:3.25rem;min-height:var(--tap-target-size);padding-inline:var(--space-2);font-size:var(--font-size-sm)}.youtube-probe{z-index:-1;top:var(--space-0);opacity:0;pointer-events:none;width:20rem;height:11.25rem;position:fixed;left:-10000px}.youtube-probe--visible{z-index:auto;width:min(100%, var(--content-max-width));height:auto;margin:var(--space-0) auto var(--space-10);padding-inline:var(--space-4);opacity:1;pointer-events:auto;position:relative;top:auto;left:auto}.youtube-probe__inner{gap:var(--space-3);display:grid}.youtube-probe__player{width:100%;aspect-ratio:var(--thumbnail-ratio);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden}.youtube-probe__status{justify-content:space-between;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-xs);flex-wrap:wrap;display:flex}.settings-header{grid-template-columns:var(--tap-target-size) 1fr var(--tap-target-size);align-items:center;gap:var(--space-3);margin-bottom:var(--space-8);display:grid}.settings-header>div{text-align:center;min-width:0}.settings-header__spacer{width:var(--tap-target-size);height:var(--tap-target-size)}.settings-section{margin-top:var(--space-8)}.settings-card{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);display:grid;overflow:hidden}.settings-card--danger{border-color:color-mix(in srgb, var(--color-danger) 45%, var(--color-border))}.settings-row{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4);border-bottom:var(--border-width) solid var(--color-border);display:flex}.settings-row:last-child{border-bottom:0}.settings-row--stacked{align-items:flex-start}.settings-row__details{gap:var(--space-1);flex:1;min-width:0;display:grid}.settings-row__details span{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.settings-row .secondary-button{flex:none}.settings-file-input{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.secondary-button--disabled{cursor:wait;opacity:.55}.secondary-button--danger{border-color:color-mix(in srgb, var(--color-danger) 55%, var(--color-border));color:var(--color-danger)}.primary-button--danger{background:var(--color-danger);color:var(--color-text)}.settings-volume{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-2);display:flex}.settings-volume__label{align-items:center;gap:var(--space-2);font-weight:var(--font-weight-medium);display:inline-flex}.settings-volume__value{color:var(--color-accent);font-weight:var(--font-weight-semibold)}.settings-volume__input{width:calc(100% - var(--space-8));margin:var(--space-2) var(--space-4);accent-color:var(--color-accent)}.settings-card .field__hint{padding:var(--space-0) var(--space-4) var(--space-4)}.settings-confirm{justify-items:end;gap:var(--space-2);color:var(--color-danger);font-size:var(--font-size-sm);text-align:right;flex:none;display:grid}.settings-message{margin-top:calc(var(--space-8) * -1);margin-bottom:var(--space-6)}.settings-about{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);display:flex}.settings-about>svg{color:var(--color-accent);flex:none}.settings-about p{margin-top:var(--space-1);color:var(--color-text-muted);font-size:var(--font-size-sm)}@media (width<=34rem){.settings-row{flex-direction:column;align-items:flex-start}.settings-row .secondary-button,.settings-confirm{align-self:stretch}.settings-confirm{text-align:left;justify-items:start}}@media (width>=48rem){.page{padding-inline:var(--space-8)}}.auth-page{min-height:100dvh;padding:var(--space-6);place-items:center;display:grid}.auth-card{gap:var(--space-6);width:min(100%,28rem);padding:var(--space-6);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-raised);display:grid}.auth-card__description{margin-top:var(--space-2);color:var(--color-text-muted)}.auth-form{gap:var(--space-4);display:grid}.auth-form__submit{width:100%}.auth-mode-button{color:var(--color-accent);cursor:pointer;font:inherit;font-size:var(--font-size-sm);background:0 0;border:0}.auth-mode-button:hover{color:var(--color-accent-strong)}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-family-sans:Inter, "Noto Sans JP", "Hiragino Sans", "Yu Gothic UI", "Yu Gothic", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.25rem;--font-size-xl:1.75rem;--font-size-2xl:2.25rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--line-height-tight:1.2;--line-height-normal:1.55;--color-background:#101214;--color-surface:#181b1e;--color-surface-raised:#202428;--color-surface-hover:#282d31;--color-text:#f2f0eb;--color-text-muted:#aaa9a5;--color-text-subtle:#73777a;--color-accent:#d9a74a;--color-accent-strong:#efb951;--color-accent-contrast:#18130a;--color-border:#2b2f33;--color-danger:#e77b75;--color-overlay:#000000ad;--color-focus:#f2c66f;--space-1:.25rem;--space-0:0;--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-none:0;--radius-sm:.375rem;--radius-md:.625rem;--radius-lg:1rem;--radius-round:999rem;--border-width:1px;--shadow-raised:0 .75rem 2rem #00000038;--transition-fast:.14s ease;--transition-normal:.22s ease;--content-max-width:52rem;--tap-target-size:2.75rem;--thumbnail-ratio:16 / 9;--thumbnail-width-compact:7rem;--mini-player-height:4.5rem;--bottom-nav-height:4.25rem;--bottom-stack-height:calc(var(--mini-player-height) + var(--bottom-nav-height) + env(safe-area-inset-bottom))}*,:before,:after{box-sizing:border-box}html{background:var(--color-background);font-family:var(--font-family-sans)}body{min-width:20rem;min-height:100vh;margin:var(--space-0);background:var(--color-background);color:var(--color-text);font-size:var(--font-size-md);line-height:var(--line-height-normal);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}button,input,select,textarea{color:inherit;font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:var(--radius-none)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:calc(var(--border-width) * 2) solid var(--color-focus);outline-offset:var(--space-1)}img{max-width:100%;display:block}h1,h2,h3,p{margin-block:var(--space-0)}#root{min-height:100vh}