.auth-header-login,.auth-header-account{flex-shrink:0;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.auth-header-login{border:1px solid var(--lightningcss-light,#dce3d8)var(--lightningcss-dark,var(--line));color:var(--green);white-space:nowrap;border-radius:8px;padding:9px 12px}.auth-header-login:hover{background:var(--light)}.auth-header-account{position:relative}.auth-header-name{text-overflow:ellipsis;white-space:nowrap;max-width:90px;overflow:hidden}.auth-header-logout{color:var(--muted);align-items:center;gap:5px;padding:8px;font-size:11px;display:flex}.auth-header-logout:disabled{opacity:.55}.auth-header-error{border:1px solid var(--lightningcss-light,#efd4cd)var(--lightningcss-dark,var(--line));background:var(--lightningcss-light,#fff4f0)var(--lightningcss-dark,var(--surface));color:var(--lightningcss-light,#8b3b2b)var(--lightningcss-dark,#cba7a0);z-index:55;border-radius:8px;width:240px;padding:12px;font-size:11px;line-height:1.5;position:absolute;top:100%;right:0}.auth-spin{animation:.8s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}@media (max-width:720px){.auth-header-name{max-width:65px}.auth-header-login{padding:8px 10px;font-size:11px}.auth-header-logout span{display:none}}@media (prefers-reduced-motion:reduce){.auth-spin{animation:none}}html{scrollbar-gutter:stable}.site-header.shared-site-header{flex-wrap:nowrap;align-items:center;gap:32px;height:78px;min-height:78px;padding:0 5%;display:flex}.shared-site-header>.logo-link{flex:none;margin:0}.shared-site-header .wordmark{font-size:33px}.shared-site-header>nav{white-space:nowrap;scrollbar-width:none;flex:auto;align-items:stretch;gap:16px;width:auto;height:100%;min-height:0;display:flex;overflow-x:auto}.shared-site-header>nav::-webkit-scrollbar{display:none}.shared-site-header .nav-link{flex:none;justify-content:center;align-items:center;gap:7px;height:100%;padding:0 4px;font-size:13px;font-weight:600;line-height:1.4;display:flex}.shared-site-header .nav-explore{width:64px}.shared-site-header .nav-saved{width:164px}.shared-site-header .nav-preferences{width:88px}.shared-site-header .nav-admin{width:78px}.shared-site-header .nav-add-event{width:106px}.shared-site-header .nav-link>svg{width:16px;height:16px}.shared-site-header .saved-count{font-variant-numeric:tabular-nums;flex:none;justify-content:center;align-items:center;width:28px;min-width:28px;height:20px;padding:0;font-size:10px;line-height:1;display:inline-flex}.shared-site-header .saved-count.is-empty{visibility:hidden}.shared-site-header>.header-tools{flex:none;justify-content:flex-end;gap:18px;width:250px;min-width:250px;margin:0}.shared-site-header .auth-header-login,.shared-site-header .auth-header-logout{box-sizing:border-box;height:36px}@media (max-width:1100px){.site-header.shared-site-header{gap:24px;padding:0 28px}.shared-site-header>nav{gap:10px}.shared-site-header>.header-tools{gap:14px;width:192px;min-width:192px}.shared-site-header .appearance-link span{display:none}}@media (max-width:760px){.site-header.shared-site-header{grid-template-rows:49px 46px;grid-template-columns:minmax(0,1fr) auto;gap:0 14px;min-height:108px;padding:12px 18px 0;display:grid;height:108px!important}.shared-site-header>.logo-link{grid-area:1/1}.shared-site-header .wordmark{font-size:28px}.shared-site-header>.header-tools{grid-area:1/2;width:144px;min-width:144px}.shared-site-header .auth-header-name{max-width:65px}.shared-site-header .auth-header-logout span{display:none}.shared-site-header>nav{grid-area:2/1/auto/-1;gap:12px;width:100%;height:46px;min-height:46px}.shared-site-header .nav-link{font-size:12px}.shared-site-header .nav-explore{width:62px}.shared-site-header .nav-saved{width:156px}.shared-site-header .nav-preferences{width:82px}.shared-site-header .nav-admin{width:72px}.shared-site-header .nav-add-event{width:99px}}@media (max-width:380px){.site-header.shared-site-header{padding-left:14px;padding-right:14px}.shared-site-header>nav{gap:6px}.shared-site-header .nav-saved{width:145px}.shared-site-header .nav-preferences{width:76px}}.shared-site-header .appearance-link{font-weight:600}.shared-site-header .appearance-link.active{color:var(--green);box-shadow:inset 0 -2px 0 var(--action)}