@layer pages{.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{min-width:0}.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:40px;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}}.song-progress__ratings{gap:var(--md-sys-spacing-3);flex-direction:column;min-inline-size:0;display:flex}.song-progress__rating{gap:var(--md-sys-spacing-3);padding:var(--md-sys-spacing-4);border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);flex-direction:column;min-inline-size:0;display:flex}.song-progress__rating .detail-section-title{color:var(--md-sys-color-on-surface-variant);margin:0}.song-progress__rating-status{text-overflow:ellipsis;white-space:nowrap;min-block-size:20px;max-block-size:20px;overflow:hidden}.song-progress__rating-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--md-sys-color-primary);text-overflow:ellipsis;white-space:nowrap;max-inline-size:100%;margin:0;font-size:clamp(1.75rem,4vw,2.375rem);font-weight:700;line-height:1.08;overflow:hidden}.song-progress__rating-value--roster{color:var(--md-sys-color-tertiary)}.song-progress__rating-progress{border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-outline-variant);block-size:6px;inline-size:100%;position:relative;overflow:hidden}.song-progress__rating-progress>span,.song-progress__rating-progress-fill{block-size:100%;inline-size:var(--song-progress-ratio,0%);border-radius:inherit;background:var(--md-sys-color-primary);max-inline-size:100%;display:block}.song-progress__rating-value--roster~.song-progress__rating-progress>span,.song-progress__rating-value--roster~.song-progress__rating-progress .song-progress__rating-progress-fill,.song-progress__rating--roster .song-progress__rating-progress>span,.song-progress__rating--roster .song-progress__rating-progress-fill{background:var(--md-sys-color-tertiary)}.song-progress__rating-facts{gap:var(--md-sys-spacing-2) var(--md-sys-spacing-3);grid-template-columns:repeat(2,minmax(0,1fr));min-inline-size:0;margin:0;display:grid}.song-progress__rating-facts>div{gap:var(--md-sys-spacing-1);flex-direction:column;min-inline-size:0;display:flex}.song-progress__rating-facts dt{color:var(--md-sys-color-on-surface-variant);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.75rem;line-height:1.25;overflow:hidden}.song-progress__rating-facts dd{font-variant-numeric:tabular-nums;color:var(--md-sys-color-on-surface);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.9375rem;font-weight:600;line-height:1.25;overflow:hidden}.song-progress__rating-actions{align-items:center;gap:var(--md-sys-spacing-2);flex-wrap:wrap;min-inline-size:0;display:flex}.song-progress__rating-actions .button{min-block-size:48px}.song-progress__profile{gap:var(--md-sys-spacing-3);padding:var(--md-sys-spacing-4);border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));min-inline-size:0;display:grid}.song-progress__profile-field{gap:var(--md-sys-spacing-1);flex-direction:column;min-inline-size:0;display:flex}.song-progress__profile-label{color:var(--md-sys-color-on-surface-variant);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;line-height:1.25;overflow:hidden}.song-progress__profile-value{font-variant-numeric:tabular-nums;color:var(--md-sys-color-on-surface);text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem;font-weight:600;line-height:1.3;overflow:hidden}.song-progress__best{gap:var(--md-sys-spacing-2);flex-direction:column;min-inline-size:0;margin:0;padding:0;list-style:none;display:flex}.song-progress__best-row{align-items:center;gap:var(--md-sys-spacing-3);min-block-size:48px;padding:var(--md-sys-spacing-2) var(--md-sys-spacing-3);border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);grid-template-columns:auto minmax(0,1fr);min-inline-size:0;display:grid}.song-progress__best-rank{font-variant-numeric:tabular-nums;color:var(--md-sys-color-on-surface-variant);min-inline-size:2ch;font-size:.875rem;font-weight:700}.song-progress__best-title{min-inline-size:0;color:var(--md-sys-color-on-surface);text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem;font-weight:500;overflow:hidden}@media (max-width:760px){.song-progress__rating{padding:var(--md-sys-spacing-3)}.song-progress__rating-value{font-size:clamp(1.625rem,6vw,2rem)}}}