@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.spinner{display:inline-block;width:18px;height:18px;border:2px solid transparent;border-top:2px solid #253E40;border-right:2px solid #253E40;border-radius:50%;animation:spin .8s linear infinite}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:2s}}.login-button,.signup-button{background:transparent;color:#fff;border:2px solid #ffffff;border-radius:36px;padding:12px 16px;font-size:.875rem;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;min-height:50px;transition:background-color .2s ease,transform .2s ease}.login-button:hover,.signup-button:hover{background:#ffffff1a}@media (prefers-reduced-motion: reduce){.login-button,.signup-button{transition:background-color .2s ease}.login-button:hover,.signup-button:hover{transform:none}}.user-menu-display{position:relative;display:flex;align-items:center;gap:16px}.user-menu-display__unauthenticated{display:flex;align-items:center;gap:12px}.user-profile{display:flex;align-items:center;gap:12px;padding:8px}.user-profile--clickable{background:transparent;border:2px solid #ffffff;border-radius:36px;cursor:pointer;padding:8px 9px;min-height:50px;transition:background-color .2s ease,transform .2s ease}.user-profile--clickable:hover{background:#ffffff1a}.user-profile--clickable--active{background:#ffffff26}@media (prefers-reduced-motion: reduce){.user-profile--clickable{transition:background-color .2s ease}.user-profile--clickable:hover{transform:none}}.user-profile__avatar-container{width:30px;height:30px;flex-shrink:0;position:relative}.user-profile__avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid #ffffff}.user-profile__avatar--error{display:none}.user-profile__initials{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;background-color:#253e40;color:#fff;font-weight:600;font-size:16px;border:2px solid #ffffff}.user-profile__initials--fallback{display:none;position:absolute;top:0;left:0}.user-profile__avatar--error+.user-profile__initials--fallback{display:flex}.user-profile__info{display:flex;flex-direction:column;gap:4px;flex-grow:1;min-width:0}.user-profile__name{font-weight:600;font-size:1rem;color:#fff;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-profile__email{font-size:.75rem;color:#fffc;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-profile__dropdown-indicator{display:flex;align-items:center;justify-content:center}.user-profile__chevron{color:#fffc;transition:transform .2s}.user-profile__chevron--open{transform:rotate(180deg)}.user-menu-dropdown{position:absolute;top:100%;right:10%;margin-top:8px;min-width:80%;z-index:9999}@media (prefers-reduced-motion: reduce){.user-menu-dropdown{transform:translateY(-4px);transition:opacity .2s ease}.user-menu-dropdown--open{transform:translateY(0)}}.user-menu-dropdown__content{background-color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:6px;box-shadow:0 10px 15px -3px #0000004d;padding:4px;display:flex;flex-direction:column;gap:0}.user-menu-dropdown .settings-button,.user-menu-dropdown .logout-button{display:flex;align-items:center;padding:12px 16px;background:transparent;border:none;border-radius:4px;font-size:.875rem;font-weight:500;color:#253e40;cursor:pointer;text-align:left;width:100%;transition:background-color .2s ease,color .2s ease,transform .2s ease}.user-menu-dropdown .settings-button:hover,.user-menu-dropdown .logout-button:hover{background-color:#1e3f42;color:#fff}.user-menu-dropdown .settings-button:hover .icon,.user-menu-dropdown .logout-button:hover .icon{color:#8ebc7c}.user-menu-dropdown .settings-button .icon,.user-menu-dropdown .logout-button .icon{width:18px;height:18px;margin-right:16px;display:inline-block}@media (prefers-reduced-motion: reduce){.user-menu-dropdown .settings-button,.user-menu-dropdown .logout-button{transition:background-color .2s ease,color .2s ease}.user-menu-dropdown .settings-button:hover,.user-menu-dropdown .logout-button:hover{transform:none}}.user-menu-dropdown__separator{height:0px}.user-menu-dropdown__logout{margin-top:4px}.user-menu-root{position:relative;display:flex;align-items:center}.user-menu-root__loading-spinner{display:flex;align-items:center;justify-content:center;padding:8px 16px;min-height:40px;opacity:1;transition:opacity .2s ease-in-out;animation:fadeIn .3s ease-in}.user-menu-root__loading-spinner .spinner{width:16px;height:16px;border-width:2px;border-top-color:#ffffffb3;border-right-color:#ffffffb3}.user-menu-display__loading-spinner{display:flex;align-items:center;justify-content:center;padding:12px;min-height:48px;opacity:1;transition:opacity .2s ease-in-out;animation:fadeIn .3s ease-in}.user-menu-display__loading-spinner .spinner{width:20px;height:20px;border-width:2px;border-top-color:#fffc;border-right-color:#fffc}.user-menu-root[aria-busy=true] .user-menu-root__loading-spinner,.user-menu-root[aria-busy=true] .user-menu-display__loading-spinner,.user-menu-display[aria-busy=true] .user-menu-root__loading-spinner,.user-menu-display[aria-busy=true] .user-menu-display__loading-spinner{opacity:1;visibility:visible}.user-menu-root[aria-busy=false] .user-menu-root__loading-spinner,.user-menu-root[aria-busy=false] .user-menu-display__loading-spinner,.user-menu-display[aria-busy=false] .user-menu-root__loading-spinner,.user-menu-display[aria-busy=false] .user-menu-display__loading-spinner{opacity:0;visibility:hidden;transition:opacity .2s ease-out,visibility .2s ease-out}.auth-buttons-group{display:flex;align-items:center;gap:12px}.sr-only{display:none}