@layer pages{.chooser-filters{border-bottom:1px solid var(--md-sys-color-outline-variant);flex:0 auto;min-height:0;max-height:45dvh;overflow:auto}.chooser-filters[hidden]{display:none}.chooser-facet{gap:var(--md-sys-spacing-2);padding:var(--md-sys-spacing-2) var(--md-sys-spacing-4);display:grid}.chooser-facet>strong{font:var(--md-sys-typescale-label-large-weight) var(--md-sys-typescale-label-large-size) / var(--md-sys-typescale-label-large-line-height) var(--app-font)}.chooser-filter-options{align-items:center;gap:var(--md-sys-spacing-2);flex-wrap:wrap;min-width:0;display:flex}.sheet__header.chooser-header,.selection-pane>.sheet__header.chooser-header{box-sizing:border-box;inline-size:100%;z-index:1;background:var(--md-sys-color-surface-container-high);flex-wrap:nowrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:4px;min-height:56px;padding:8px 16px;display:flex;position:sticky;top:0}.chooser-header>strong{overflow-wrap:anywhere;min-inline-size:0}.chooser-header>.chooser-header__actions{justify-content:flex-end;align-items:center;gap:var(--md-sys-spacing-2);flex-wrap:nowrap;flex:none;margin-inline-start:auto;display:flex}.selection-pane:has(>.chooser-header)>.selection-pane__body{min-height:160px}.selection-pane{border-radius:var(--md-sys-shape-corner-extra-large);width:min(900px,100vw - 24px);height:min(800px,100dvh - 32px);max-height:calc(100dvh - 32px);color:var(--md-sys-color-on-surface);background:var(--md-sys-color-surface-container-high);border:0;padding:0}.selection-pane:modal{flex-direction:column;display:flex}.selection-pane::backdrop{background:color-mix(in srgb, var(--md-sys-color-scrim) 40%, transparent)}.selection-pane .sheet__header{justify-content:space-between;align-items:center;gap:var(--md-sys-spacing-2);min-height:56px;padding:var(--md-sys-spacing-2) var(--md-sys-spacing-4);flex-shrink:0;display:flex}.selection-pane__actions{gap:var(--md-sys-spacing-1);display:flex}.selection-pane__body{align-content:start;gap:var(--md-sys-spacing-3);min-height:0;padding:var(--md-sys-spacing-4);flex:1;display:grid;overflow:auto}.selection-pane__footer{padding:var(--md-sys-spacing-3) var(--md-sys-spacing-4);border-top:1px solid var(--md-sys-color-outline-variant);flex-shrink:0}.selection-pane__choice{isolation:isolate;cursor:pointer}.selection-pane__choice:has(md-checkbox[disabled]){cursor:default}.selection-pane__choice-media{min-width:0;display:grid;position:relative}.selection-pane__choice-checkbox{z-index:2;border-radius:var(--md-sys-shape-corner-small);background:color-mix(in srgb, var(--md-sys-color-surface) 90%, transparent);position:absolute;inset-block-end:4px;inset-inline-end:4px}.selection-pane__choice-media .tile__mark--bottom-end,.selection-pane__choice-media .tile__server-mark{inset-inline-end:52px}.selection-pane__choice:has(md-checkbox:focus-within){outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.team-builder__picker-preview{align-content:start;gap:var(--md-sys-spacing-2);min-width:0;display:grid}.team-builder__picker-preview>.button{justify-self:end}.team-builder__fields{gap:var(--md-sys-spacing-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));min-width:0;display:grid}.team-builder__hint{color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-body-small-weight) var(--md-sys-typescale-body-small-size) / var(--md-sys-typescale-body-small-line-height) var(--app-font)}.selection-pane :is(md-outlined-select,md-outlined-text-field){width:100%;min-width:0}.selection-pane :is(.collection--member,.collection--support) .tile__subtitle{white-space:normal;align-items:start;height:auto}@media (max-width:599px){.selection-pane .collection:not(.collection--system){--tile-min:120px}.selection-pane .team-builder__fields{grid-template-columns:minmax(0,1fr)}}.song-guess{width:min(100%, var(--content-max));padding:8px var(--md-comp-page-inline-space) 24px;margin-inline:auto}.song-guess__layout{align-items:start;gap:var(--md-sys-spacing-5);grid-template-columns:minmax(0,1fr) minmax(280px,340px);display:grid}.song-guess__stage{justify-items:center;gap:var(--md-sys-spacing-4);min-width:0;padding:var(--md-sys-spacing-5);border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-surface-container-low);display:grid}.song-guess__jacket{aspect-ratio:1;border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-surface-container-highest);width:min(100%,360px);overflow:hidden}.song-guess__jacket img{object-fit:cover;width:100%;height:100%;transition:transform var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized);display:block}.song-guess__options{gap:var(--md-sys-spacing-2);grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin:0;padding:0;list-style:none;display:grid}.song-guess__option{align-items:center;gap:var(--md-sys-spacing-2);width:100%;min-height:56px;padding:var(--md-sys-spacing-2) var(--md-sys-spacing-4);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-large);color:var(--md-sys-color-on-surface);background:var(--md-sys-color-surface);font:var(--md-sys-typescale-title-small-weight) var(--md-sys-typescale-title-small-size) / var(--md-sys-typescale-title-small-line-height) var(--app-font);text-align:start;cursor:pointer;display:flex}.song-guess__option:disabled{cursor:default}.song-guess__option[data-state=wrong]{color:var(--md-sys-color-on-surface-variant);background:var(--md-sys-color-surface-container);text-decoration:line-through}.song-guess__option[data-state=correct]{color:var(--md-sys-color-on-primary-container);background:var(--md-sys-color-primary-container);border-color:#0000}.song-guess__bar{justify-content:space-between;align-items:center;gap:var(--md-sys-spacing-2);width:100%;display:flex}.song-guess__panel{padding:var(--md-sys-spacing-4)}@media (max-width:839px){.song-guess__layout{grid-template-columns:minmax(0,1fr)}}@media (max-width:599px){.song-guess__options{grid-template-columns:minmax(0,1fr)}.song-guess__stage{padding:var(--md-sys-spacing-4)}}.song-progress{width:min(100%, var(--content-max));padding:8px var(--md-comp-page-inline-space) 24px;margin-inline:auto}.song-progress__layout{align-items:start;gap:var(--md-sys-spacing-5);grid-template-columns:minmax(280px,360px) minmax(0,1fr);display:grid}.song-progress__layout>:first-child{position:sticky;top:8px}.song-progress__list{margin:0;padding:0;list-style:none;display:grid}.song-progress__row{align-items:center;gap:var(--md-sys-spacing-3);border-bottom:1px solid var(--md-sys-color-outline-variant);grid-template-columns:minmax(0,1fr) 40px auto;min-height:64px;display:grid}.song-progress__song{align-items:center;gap:var(--md-sys-spacing-3);min-width:0;padding-block:var(--md-sys-spacing-2);color:inherit;grid-template-columns:48px minmax(0,1fr);text-decoration:none;display:grid}.song-progress__song img{border-radius:var(--md-sys-shape-corner-small);object-fit:cover;width:48px;height:48px}.song-progress__copy{min-width:0;display:grid}.song-progress__copy>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.song-progress__copy small{color:var(--md-sys-color-on-surface-variant)}.song-progress__level{border-radius:var(--md-sys-shape-corner-small);color:#fff;background:var(--chart-color,var(--md-sys-color-primary));place-items:center;height:28px;font-weight:700;display:grid}.song-progress__status{gap:4px;display:inline-flex}.song-progress__mark{border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-small);min-width:48px;height:32px;color:var(--md-sys-color-on-surface-variant);font:700 12px / 1 var(--app-font);letter-spacing:.02em;cursor:pointer;background:0 0;padding-inline:8px}.song-progress__mark[aria-checked=true]{color:var(--md-sys-color-on-secondary-container);background:var(--md-sys-color-secondary-container);border-color:#0000}.song-progress__mark[data-mark="2"][aria-checked=true]{color:var(--md-sys-color-on-tertiary-container);background:var(--md-sys-color-tertiary-container)}.song-progress__mark[data-mark="3"][aria-checked=true]{color:var(--md-sys-color-on-primary);background:var(--md-sys-color-primary)}@media (max-width:839px){.song-progress__layout{grid-template-columns:minmax(0,1fr)}.song-progress__layout>:first-child{position:static}}@media (max-width:599px){.song-progress__row{grid-template-columns:minmax(0,1fr) 36px;padding-block-end:var(--md-sys-spacing-2)}.song-progress__row>.song-progress__status{grid-column:1/-1;justify-content:end}}chart-creation-collections{min-inline-size:0;display:block}chart-creation-collections .chart-collections{gap:12px;min-inline-size:0;padding-block:8px;display:grid}chart-creation-collections .chart-collections>.segmented{inline-size:100%;min-inline-size:0}chart-creation-collections .chart-collections__scope.chart-creation__actions{grid-template-columns:auto minmax(0,1fr) auto;gap:4px;margin:0;display:grid}chart-creation-collections .chart-collections__scope.chart-creation__actions>.button{block-size:auto;inline-size:100%;min-inline-size:0;min-block-size:var(--control-height);white-space:normal;text-wrap:balance;justify-content:center;padding:6px 8px}chart-creation-collections .chart-collections__list{gap:8px;min-inline-size:0;margin:0;padding:0;list-style:none;display:grid}chart-creation-collections .chart-collections__row{border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-surface-container-low);min-inline-size:0;transition:background-color var(--motion-effects), border-color var(--motion-effects);padding:8px}chart-creation-collections .chart-collections__row[data-active=true]{background:var(--md-sys-color-secondary-container);border-color:var(--md-sys-color-secondary);color:var(--md-sys-color-on-secondary-container)}chart-creation-collections .chart-collections__identity.chart-creation__form{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px;margin:0;display:grid}chart-creation-collections .chart-collections__identity>md-outlined-text-field{inline-size:100%;min-inline-size:0}chart-creation-collections .chart-collections__row-actions.chart-creation__actions{flex-wrap:wrap;justify-content:flex-end;gap:2px;margin:6px 0 0;display:flex}chart-creation-collections .chart-collections__row-actions>.icon-button{flex:none}chart-creation-collections .chart-collections__add.chart-creation__form,chart-creation-collections .chart-collections__assignment.chart-creation__form{border-block-start:1px solid var(--md-sys-color-outline-variant);grid-template-columns:minmax(0,1fr);gap:8px;min-inline-size:0;margin:0;padding-block-start:12px;display:grid}chart-creation-collections .chart-collections__add>.button{white-space:normal;inline-size:100%;min-block-size:var(--control-height);block-size:auto;padding-block:8px}chart-creation-collections .chart-collections__hint{color:var(--md-sys-color-on-surface-variant);background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-medium);font:var(--md-sys-typescale-body-small-weight) var(--md-sys-typescale-body-small-size)/var(--md-sys-typescale-body-small-line-height) var(--app-font);margin:0;padding:12px}chart-creation-collections .chart-collections__delete{border-block-start:1px solid var(--md-sys-color-outline-variant);gap:6px;min-inline-size:0;margin-block-start:8px;padding-block-start:10px;display:grid}chart-creation-collections .chart-collections__delete>p{overflow-wrap:anywhere;font:var(--md-sys-typescale-body-medium-weight) var(--md-sys-typescale-body-medium-size)/var(--md-sys-typescale-body-medium-line-height) var(--app-font);margin:0 0 4px}chart-creation-collections .chart-collections__delete>.button{block-size:auto;inline-size:100%;min-block-size:var(--control-height);white-space:normal;text-wrap:balance;padding-block:8px}@media (pointer:coarse){chart-creation-collections :is(.chart-collections__scope,.chart-collections__add,.chart-collections__delete)>.button{min-block-size:var(--md-comp-control-height-touch,48px)}}@media (prefers-reduced-motion:reduce){chart-creation-collections .chart-collections__row{transition:none}}.sonolus-hub{width:min(100%, var(--content-max));padding:8px var(--md-comp-page-inline-space) 24px;margin-inline:auto}.sonolus-hub__hero{border-radius:var(--md-sys-shape-corner-extra-large);padding:0;display:grid;overflow:hidden}.sonolus-hub__banner{aspect-ratio:3;object-fit:cover;background:var(--md-sys-color-surface-container-highest);width:100%;display:block}.sonolus-hub__actions{align-items:center;gap:var(--md-sys-spacing-2);padding:var(--md-sys-spacing-3) var(--md-sys-spacing-4);flex-wrap:wrap;display:flex}.sonolus-hub__actions>img{border-radius:var(--md-sys-shape-corner-medium)}.sonolus-hub__server{border-radius:var(--md-sys-shape-corner-small);color:var(--md-sys-color-on-surface);background:var(--md-sys-color-surface-container-high);font:var(--md-sys-typescale-title-small-weight) var(--md-sys-typescale-title-small-size) / 1.4 ui-monospace, monospace;padding:6px 12px}.sonolus-hub__open{margin-inline-start:auto}.sonolus-hub__more{justify-content:center;display:flex}@media (max-width:599px){.sonolus-hub__open{width:100%;margin-inline-start:0}}}.haneoka-chart-embed{width:100%;height:100%;min-height:1px;color:var(--md-sys-color-on-surface);font-family:var(--md-ref-typeface-plain,inherit);position:relative;overflow:hidden}.haneoka-chart-embed__viewport{min-height:1px;position:absolute;inset:0;overflow:hidden}.haneoka-chart-embed .our-notes-player{width:100%;height:100%;position:relative;overflow:hidden}.haneoka-chart-embed .our-notes-player__canvas,.haneoka-chart-embed .our-notes-player__hud{width:100%;height:100%;position:absolute;inset:0}.haneoka-chart-embed .our-notes-player__hud{pointer-events:none}.haneoka-chart-embed .our-notes-player__status{color:var(--md-sys-color-on-surface);background:var(--md-sys-color-surface);place-content:center;padding:16px;display:grid;position:absolute;inset:0}.haneoka-chart-embed .our-notes-player__pause-hit{opacity:0;cursor:pointer;width:64px;height:64px;position:absolute;top:0;right:0}.haneoka-chart-embed .our-notes-player__pause-hit:focus-visible{opacity:1;border:2px solid var(--md-sys-color-primary);background:0 0}