.NavigationBarComponent-module__aC5sSW__navigation-sidebar{background:var(--color-navigation-background);border-inline-end:1px solid var(--color-border-subtle);padding-block:var(--spacing-xl);flex-direction:column;grid-area:1/1/-1;display:flex;overflow-y:auto}.NavigationBarComponent-module__aC5sSW__brand-header{align-items:center;gap:var(--spacing-md);padding-inline:var(--spacing-xl);margin-block-end:var(--spacing-2xl);display:flex}.NavigationBarComponent-module__aC5sSW__brand-icon{font-size:1.75rem;line-height:1}.NavigationBarComponent-module__aC5sSW__brand-title{font-size:var(--font-size-heading-small);letter-spacing:-.02em;background:linear-gradient(135deg, var(--color-accent-primary), var(--color-accent-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.NavigationBarComponent-module__aC5sSW__navigation-section{margin-block-end:var(--spacing-xl)}.NavigationBarComponent-module__aC5sSW__section-label{font-size:var(--font-size-caption);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary);padding-inline:var(--spacing-xl);margin-block-end:var(--spacing-sm);font-weight:600}.NavigationBarComponent-module__aC5sSW__navigation-link{align-items:center;gap:var(--spacing-md);padding-inline:var(--spacing-xl);padding-block:var(--spacing-sm);color:var(--color-text-secondary);font-size:var(--font-size-body);transition:color var(--transition-fast), background var(--transition-fast);cursor:pointer;font-weight:500;display:flex}.NavigationBarComponent-module__aC5sSW__navigation-link:hover{color:var(--color-text-primary);background:var(--color-background-hover)}.NavigationBarComponent-module__aC5sSW__navigation-link-is-active-state{color:var(--color-text-primary);background:var(--color-background-active);font-weight:600}.NavigationBarComponent-module__aC5sSW__navigation-link-icon{opacity:.8;flex-shrink:0;width:20px;height:20px}.NavigationBarComponent-module__aC5sSW__navigation-spacer{flex:1}.NavigationBarComponent-module__aC5sSW__library-stats-section{padding-inline:var(--spacing-xl);padding-block:var(--spacing-lg);border-block-start:1px solid var(--color-border-subtle)}.NavigationBarComponent-module__aC5sSW__stats-layout-row{padding-block:var(--spacing-xs);justify-content:space-between;align-items:center;display:flex}.NavigationBarComponent-module__aC5sSW__stats-label{font-size:var(--font-size-small);color:var(--color-text-tertiary)}.NavigationBarComponent-module__aC5sSW__stats-value{font-size:var(--font-size-small);color:var(--color-text-secondary);font-variant-numeric:tabular-nums;font-weight:600}
.PlayerBarComponent-module__ANgiYq__player-bar-container{background:var(--color-player-background);border-block-start:1px solid var(--color-border-subtle);padding-inline:var(--spacing-xl);align-items:center;gap:var(--spacing-xl);min-height:var(--player-bar-height);grid-area:2/1/auto/-1;grid-template-columns:1fr 2fr 1fr;display:grid}.PlayerBarComponent-module__ANgiYq__track-info-section{align-items:center;gap:var(--spacing-md);min-width:0;display:flex}.PlayerBarComponent-module__ANgiYq__album-art-placeholder{border-radius:var(--border-radius-small);background:var(--color-background-elevated);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;display:flex;overflow:hidden}.PlayerBarComponent-module__ANgiYq__track-text-details{flex-direction:column;min-width:0;display:flex}.PlayerBarComponent-module__ANgiYq__track-title-label{font-size:var(--font-size-body);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.PlayerBarComponent-module__ANgiYq__track-artist-label{font-size:var(--font-size-small);color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.PlayerBarComponent-module__ANgiYq__playback-controls-section{align-items:center;gap:var(--spacing-sm);flex-direction:column;display:flex}.PlayerBarComponent-module__ANgiYq__controls-button-layout-row{align-items:center;gap:var(--spacing-lg);display:flex}.PlayerBarComponent-module__ANgiYq__control-button{color:var(--color-text-secondary);transition:color var(--transition-fast), scale var(--transition-fast);justify-content:center;align-items:center;display:flex}.PlayerBarComponent-module__ANgiYq__control-button:hover{color:var(--color-text-primary);scale:1.1}.PlayerBarComponent-module__ANgiYq__play-pause-button{border-radius:var(--border-radius-round);background:var(--color-text-primary);width:36px;height:36px;color:var(--color-background-primary);transition:scale var(--transition-fast), background var(--transition-fast)}.PlayerBarComponent-module__ANgiYq__play-pause-button:hover{background:var(--color-accent-primary);scale:1.08}.PlayerBarComponent-module__ANgiYq__progress-track-container{align-items:center;gap:var(--spacing-sm);width:100%;max-width:500px;display:flex}.PlayerBarComponent-module__ANgiYq__time-label{font-size:var(--font-size-caption);color:var(--color-text-tertiary);font-variant-numeric:tabular-nums;text-align:center;min-width:36px}.PlayerBarComponent-module__ANgiYq__progress-bar-track{background:var(--color-player-progress-track);cursor:pointer;height:4px;transition:height var(--transition-fast);border-radius:2px;flex:1;position:relative}.PlayerBarComponent-module__ANgiYq__progress-bar-track:hover{height:6px}.PlayerBarComponent-module__ANgiYq__progress-bar-fill{background:var(--color-player-progress);border-radius:2px;height:100%;transition:width .1s linear;position:absolute;inset-block-start:0;inset-inline-start:0}.PlayerBarComponent-module__ANgiYq__volume-controls-section{justify-content:flex-end;align-items:center;gap:var(--spacing-sm);display:flex}.PlayerBarComponent-module__ANgiYq__volume-slider-track{background:var(--color-player-progress-track);cursor:pointer;border-radius:2px;width:100px;height:4px;position:relative}.PlayerBarComponent-module__ANgiYq__volume-slider-fill{background:var(--color-text-secondary);border-radius:2px;height:100%;position:absolute;inset-block-start:0;inset-inline-start:0}.PlayerBarComponent-module__ANgiYq__player-empty-state{color:var(--color-text-tertiary);font-size:var(--font-size-body);justify-content:center;align-items:center;gap:var(--spacing-sm);grid-column:1/-1;display:flex}
.TrackListComponent-module__WnoNnG__track-list-container{flex-direction:column;display:flex}.TrackListComponent-module__WnoNnG__track-list-header-layout-row{gap:var(--spacing-lg);padding-inline:var(--spacing-lg);padding-block:var(--spacing-sm);border-block-end:1px solid var(--color-border-subtle);grid-template-columns:40px 1fr 1fr 80px;margin-block-end:var(--spacing-sm);display:grid}.TrackListComponent-module__WnoNnG__header-cell{font-size:var(--font-size-small);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-tertiary);font-weight:600}.TrackListComponent-module__WnoNnG__header-cell-end{text-align:end}.TrackListComponent-module__WnoNnG__track-layout-row{gap:var(--spacing-lg);padding-inline:var(--spacing-lg);padding-block:var(--spacing-sm);border-radius:var(--border-radius-medium);cursor:pointer;transition:background var(--transition-fast);grid-template-columns:40px 1fr 1fr 80px;align-items:center;display:grid}.TrackListComponent-module__WnoNnG__track-layout-row:hover{background:var(--color-background-hover)}.TrackListComponent-module__WnoNnG__track-layout-row-is-active-state{background:var(--color-background-active)}.TrackListComponent-module__WnoNnG__track-number-cell{font-size:var(--font-size-body);color:var(--color-text-tertiary);font-variant-numeric:tabular-nums;text-align:center}.TrackListComponent-module__WnoNnG__playing-indicator{justify-content:center;align-items:center;gap:2px;height:14px;display:flex}.TrackListComponent-module__WnoNnG__playing-bar{background:var(--color-accent-primary);border-radius:1px;width:3px;animation:.8s ease-in-out infinite alternate TrackListComponent-module__WnoNnG__equalizer-bar}.TrackListComponent-module__WnoNnG__playing-bar:first-child{height:40%;animation-delay:0s}.TrackListComponent-module__WnoNnG__playing-bar:nth-child(2){height:70%;animation-delay:.2s}.TrackListComponent-module__WnoNnG__playing-bar:nth-child(3){height:50%;animation-delay:.4s}@keyframes TrackListComponent-module__WnoNnG__equalizer-bar{0%{height:20%}to{height:100%}}.TrackListComponent-module__WnoNnG__track-title-cell{flex-direction:column;min-width:0;display:flex}.TrackListComponent-module__WnoNnG__track-title-text{font-size:var(--font-size-body);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.TrackListComponent-module__WnoNnG__track-title-text-playing{color:var(--color-accent-primary)}.TrackListComponent-module__WnoNnG__track-artist-text{font-size:var(--font-size-small);color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.TrackListComponent-module__WnoNnG__track-album-cell{font-size:var(--font-size-body);color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.TrackListComponent-module__WnoNnG__track-duration-cell{font-size:var(--font-size-body);color:var(--color-text-tertiary);font-variant-numeric:tabular-nums;text-align:end}
.AlbumGridComponent-module__P11dCq__album-grid-container{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.AlbumGridComponent-module__P11dCq__album-card{gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-surface-card);border-radius:var(--border-radius-large);cursor:pointer;transition:background var(--transition-default), box-shadow var(--transition-default), translate var(--transition-default);flex-direction:column;display:flex}.AlbumGridComponent-module__P11dCq__album-card:hover{background:var(--color-surface-card-hover);box-shadow:var(--shadow-card-hover);translate:0 -2px}.AlbumGridComponent-module__P11dCq__album-art-wrapper{aspect-ratio:1;border-radius:var(--border-radius-medium);background:var(--color-background-elevated);justify-content:center;align-items:center;font-size:3rem;display:flex;position:relative;overflow:hidden}.AlbumGridComponent-module__P11dCq__album-play-overlay{border-radius:var(--border-radius-round);background:var(--color-accent-primary);width:40px;height:40px;color:var(--color-background-primary);opacity:0;transition:opacity var(--transition-default), translate var(--transition-default);justify-content:center;align-items:center;display:flex;position:absolute;inset-block-end:var(--spacing-sm);inset-inline-end:var(--spacing-sm);translate:0 8px;box-shadow:0 4px 12px #0006;box-shadow:0 4px 12px lab(0% 0 0/.4)}.AlbumGridComponent-module__P11dCq__album-card:hover .AlbumGridComponent-module__P11dCq__album-play-overlay{opacity:1;translate:0}.AlbumGridComponent-module__P11dCq__album-text-details{flex-direction:column;gap:2px;min-width:0;display:flex}.AlbumGridComponent-module__P11dCq__album-title-text{font-size:var(--font-size-body);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.AlbumGridComponent-module__P11dCq__album-artist-text{font-size:var(--font-size-small);color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.AlbumGridComponent-module__P11dCq__album-meta-text{font-size:var(--font-size-caption);color:var(--color-text-tertiary)}
.page-module___8aEwW__music-application-layout{grid-template-columns:var(--navigation-width) 1fr;grid-template-rows:1fr var(--player-bar-height);height:100vh;display:grid;overflow:hidden}.page-module___8aEwW__main-content-area{padding-block:var(--spacing-xl);padding-inline:var(--spacing-2xl);grid-area:1/2;overflow-y:auto}.page-module___8aEwW__content-section{margin-block-end:var(--spacing-3xl);animation:.5s both page-module___8aEwW__fade-in}.page-module___8aEwW__content-section:nth-child(2){animation-delay:.1s}.page-module___8aEwW__content-section:nth-child(3){animation-delay:.2s}.page-module___8aEwW__section-heading{font-size:var(--font-size-heading-medium);color:var(--color-text-primary);margin-block-end:var(--spacing-lg);font-weight:700}.page-module___8aEwW__empty-state-message{justify-content:center;align-items:center;gap:var(--spacing-lg);padding-block:var(--spacing-3xl);color:var(--color-text-tertiary);font-size:var(--font-size-large);text-align:center;flex-direction:column;display:flex}.page-module___8aEwW__empty-state-icon{opacity:.5;font-size:3rem}.page-module___8aEwW__is-loading-skeleton-state{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.page-module___8aEwW__skeleton-card{aspect-ratio:1;background:var(--color-background-elevated);border-radius:var(--border-radius-medium);animation:1.5s ease-in-out infinite page-module___8aEwW__pulse-glow}