.admin-page{flex-grow:1;padding:2em;overflow-y:auto}.admin-page h2{margin:1.5em 0 .5em;font-size:1rem}.admin-page__error{color:var(--color-error)}.admin-table{width:100%;font-size:12px;border-collapse:collapse}.admin-table th,.admin-table td{padding:.4em .6em;border-bottom:1px solid var(--color-border-subtle)}.admin-table th{color:var(--color-text-secondary);text-align:left}.spotify-login-button__icon{margin-right:10px}.home-page{display:flex;flex-grow:1;flex-direction:column;align-items:center;justify-content:center}.home-page__logo{max-width:200px;margin-bottom:2em}.home-page__content{height:100px;text-align:center}.home-page__error{color:var(--color-error)}.user-avatar{--avatar-size: 32px;display:flex;align-items:center}.user-avatar__image{width:var(--avatar-size);height:var(--avatar-size);border-radius:50%;box-shadow:var(--shadow-elevation-3)}.user-avatar__placeholder{display:flex;align-items:center;justify-content:center;width:var(--avatar-size);height:var(--avatar-size);font-size:14px;font-weight:600;color:var(--color-text-on-accent);background-color:var(--color-spotify-green);border-radius:50%;box-shadow:var(--shadow-elevation-3)}.user-menu{position:relative;display:flex;align-items:center}.user-menu__trigger{padding:8px;margin-left:8px;cursor:pointer;background:none;border:none}.user-menu__dropdown{position:absolute;top:100%;right:0;z-index:var(--z-dropdown);min-width:80px;margin-top:10px;background-color:var(--color-bg-surface);border-radius:var(--radius-sm);box-shadow:var(--shadow-elevation-3)}.user-menu__item{display:block;width:100%;padding:5px 10px;font-size:.8rem;color:var(--color-text-primary);text-align:left;text-decoration:none;cursor:pointer;background:none;border:none}.user-menu__item:hover{background-color:#ffffff14}.fullscreen-button{position:absolute;right:var(--spacing-overlay-inset);bottom:var(--spacing-overlay-inset);z-index:var(--z-overlay-chrome);padding:8px;cursor:pointer;background:none;border:none}@media(max-width:600px){.fullscreen-button{display:none}}.cast-button{position:absolute;right:70px;bottom:30px;z-index:var(--z-overlay-chrome);padding:8px;cursor:pointer;background:none;border:none}.cast-button svg{display:block;fill:var(--color-text-primary)}.cast-button:hover svg{fill:var(--color-text-secondary)}.cast-button--connected svg{fill:var(--color-spotify-green)}.cast-button--connected:hover svg{fill:var(--color-spotify-green-hover)}.cast-button:focus-visible{outline:2px solid var(--color-spotify-green);outline-offset:2px;border-radius:var(--radius-sm)}@media(max-width:600px){.cast-button{right:var(--spacing-overlay-inset-mobile);bottom:var(--spacing-overlay-inset-mobile)}}.error-page{display:flex;flex-grow:1;flex-direction:column;align-items:center;justify-content:center}