@layer pages{home-dashboard{display:block}.home{width:min(100%, var(--content-max));padding:8px var(--md-comp-page-inline-space) 24px;align-content:start;gap:16px;margin-inline:auto;display:grid}.home-spotlight{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:16px;display:grid}.home-carousel{border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-surface-container-low);min-width:0;position:relative;overflow:hidden}.home-carousel__track{transition:transform var(--md-sys-motion-duration-long2,.5s) var(--ease-emphasized,cubic-bezier(.2, 0, 0, 1));display:flex}.home-carousel__track--snap{transition:none}.home-carousel__slide{aspect-ratio:420/180;flex:0 0 100%;min-width:0;text-decoration:none;display:block;position:relative}.home-carousel__slide>img{object-fit:contain;background:var(--md-sys-color-surface-container);width:100%;height:100%;position:absolute;inset:0}.home-carousel__copy{gap:8px;display:flex;position:absolute;bottom:16px;left:20px}.home-carousel__copy small{border-radius:var(--md-sys-shape-corner-full);color:#fff;font:var(--md-sys-typescale-label-medium-weight) var(--md-sys-typescale-label-medium-size) / var(--md-sys-typescale-label-medium-line-height) var(--app-font);white-space:nowrap;background:#00000080;padding:4px 12px}.home-carousel__dots{gap:6px;display:flex;position:absolute;bottom:16px;right:20px}.home-carousel__dots button{border-radius:var(--md-sys-shape-corner-full);cursor:pointer;background:0 0;border:0;width:24px;height:24px;padding:0}.home-carousel__dots button:after{content:"";width:8px;height:8px;transition:background-color var(--md-sys-motion-duration-short3) linear, transform var(--md-sys-motion-duration-short3) linear;background:#ffffff8c;border-radius:50%;margin:auto;display:block}.home-carousel__dots button[aria-selected=true]:after{background:#fff;transform:scale(1.25)}.home-carousel__nav{color:#fff;background:#00000052;position:absolute;top:50%;translate:0 -50%}.home-carousel__nav--prev{left:8px}.home-carousel__nav--next{right:8px}.home-carousel__empty,.home-event__empty{color:var(--md-sys-color-on-surface-variant);text-align:center;align-content:center;justify-items:center;gap:8px;padding:32px 24px;display:grid}.home-carousel__empty p,.home-event__empty p{margin:0}.home-event{min-width:0}.home-event__card{border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-surface-container-low);height:100%;color:var(--md-sys-color-on-surface);align-content:start;justify-items:start;gap:12px;padding:20px;text-decoration:none;display:grid}.home-event__overline{border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);font:var(--md-sys-typescale-label-medium-weight) var(--md-sys-typescale-label-medium-size) / var(--md-sys-typescale-label-medium-line-height) var(--app-font);white-space:nowrap;padding:3px 10px}.home-event__title{min-width:0;font:var(--md-sys-typescale-title-medium-weight) var(--md-sys-typescale-title-medium-size) / var(--md-sys-typescale-title-medium-line-height) var(--app-font)}.home-event__art{object-fit:contain;justify-self:stretch;width:min(100%,200px);max-height:72px;margin-block:auto}.home-event__countdown{border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);font:500 15px/20px var(--app-font);white-space:nowrap;padding:6px 14px}.home-event__range{color:var(--md-sys-color-on-surface-variant);white-space:nowrap}.home-board{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:dense;gap:16px;display:grid}.home-board__slot{min-width:0}.home-board__slot--songs{grid-column:1/-1}.home-card{border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-surface-container-low);grid-template-columns:minmax(0,1fr);align-content:start;min-width:0;height:100%;padding:8px 0 12px;display:grid;container-type:inline-size}.home-card__header{justify-content:space-between;align-items:center;gap:8px;min-height:56px;padding:0 8px 0 24px;display:flex}.home-card__header h2{min-width:0;font:var(--md-sys-typescale-title-medium-weight) var(--md-sys-typescale-title-medium-size) / var(--md-sys-typescale-title-medium-line-height) var(--app-font);align-items:center;gap:12px;margin:0;display:flex}.home-card__header h2>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.home-card__header h2 .material-icon{color:var(--md-sys-color-primary)}.home-card__meta{color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-label-medium-weight) var(--md-sys-typescale-label-medium-size) / var(--md-sys-typescale-label-medium-line-height) var(--app-font);padding-right:16px}.home-empty{color:var(--md-sys-color-on-surface-variant);margin:0;padding:12px 24px}.home-songs__grid{--tile-ratio:1;--song-columns:6;grid-template-columns:repeat(var(--song-columns), minmax(0, 1fr));padding:4px 16px 12px}.birthday-list .list-item__leading{--avatar-size:32px;color:#fff;border-radius:var(--md-sys-shape-corner-full);background:var(--member,var(--accent,var(--md-sys-color-primary)));width:32px;height:32px;font:500 .875rem/1 var(--app-font);flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.birthday-list .list-item__leading img{object-fit:cover;background:var(--md-sys-color-surface-container-high);width:100%;height:100%;position:absolute;inset:0}.birthday-list,.community-hot-list,.news-list{margin:0;padding:0;list-style:none;display:grid}.birthday-list .list-item,.community-hot-list .list-item,.news-list .list-item{padding-inline:24px 20px}.birthday-list__days.is-today{color:var(--md-sys-color-on-tertiary-container);border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-tertiary-container);padding:4px 10px}.community-hot-list li:first-child .list-item__marker{color:var(--md-sys-color-on-primary);background:var(--md-sys-color-primary)}.community-hot-list__score{color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-label-medium-weight) var(--md-sys-typescale-label-medium-size) / 1 var(--app-font);align-items:center;gap:4px;display:inline-flex}.news-list__mark{border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-surface-container-highest);place-items:center;width:40px;height:40px;display:grid}.home-directory{border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-surface-container-low);gap:12px;padding:20px 8px 8px;display:grid}.home-directory>h2{font:var(--md-sys-typescale-title-medium-weight) var(--md-sys-typescale-title-medium-size) / var(--md-sys-typescale-title-medium-line-height) var(--app-font);margin:0 0 4px;padding-inline:16px}.home-directory__group{gap:4px;display:grid}.home-directory__group>h3{color:var(--md-sys-color-on-surface-variant);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);margin:0;padding-inline:16px}.home-directory__group .hub-grid{margin:0;padding:0}.home-footer{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);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;padding:16px 8px 0;display:flex}.home-footer p{margin:0}.home-footer nav{flex-wrap:wrap;gap:16px;display:flex}.home-footer .text-link{color:inherit;font-weight:400}.layout-list{margin:0 -8px;padding:0;list-style:none;display:grid}.layout-list li{border-radius:var(--md-sys-shape-corner-large);grid-template-columns:48px minmax(0,1fr) 48px 48px;place-items:center;min-height:56px;display:grid}.layout-list li>span{font-size:var(--md-sys-typescale-body-large-size);justify-self:start}.layout-list li.is-hidden>span{color:var(--md-sys-color-on-surface-variant);text-decoration:line-through}.layout-list li [aria-pressed=true]{color:var(--md-sys-color-primary)}@media (max-width:1099px){.home-spotlight{grid-template-columns:minmax(0,1fr)}.home-board{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:719px){.home-board{grid-template-columns:minmax(0,1fr)}.home-event__card{padding:12px 16px}}@media (max-width:599px){.home{gap:12px;padding:4px 12px 24px}.home-card__header{padding-left:16px}.home-songs__grid{padding:4px 12px 8px}.birthday-list .list-item,.community-hot-list .list-item,.news-list .list-item{padding-inline:16px 12px}}}