.app-header[data-v-401a4e4a]{z-index:30;background-color:color-mix(in srgb,var(--color-surface) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);transition:background-color var(--motion-duration-slow) var(--motion-ease-standard),border-color var(--motion-duration-slow) var(--motion-ease-standard);position:sticky;top:0}.app-header.is-hero[data-v-401a4e4a]{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#0000;border-bottom-color:#0000}.app-header.is-hero .app-header__nav[data-v-401a4e4a]{gap:4px}.app-header__inner[data-v-401a4e4a]{align-items:center;gap:var(--space-lg);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);height:64px;display:grid}.app-header__logo[data-v-401a4e4a]{transition:margin-left var(--motion-duration-slow) var(--motion-ease-emphasized)}.app-header.is-hero .app-header__logo[data-v-401a4e4a]{margin-left:calc(var(--space-lg) - max(var(--space-lg), (100vw - 1200px) / 2))}.app-header__nav[data-v-401a4e4a]{scrollbar-width:none;justify-content:center;justify-self:center;align-items:center;gap:2px;min-width:0;display:flex;overflow-x:auto}.app-header__nav[data-v-401a4e4a]::-webkit-scrollbar{display:none}.app-header__link[data-v-401a4e4a]{border-radius:var(--radius-sm);color:var(--el-text-color-regular);white-space:nowrap;transition:color var(--motion-duration-fast) var(--motion-ease-standard),background-color var(--motion-duration-fast) var(--motion-ease-standard),gap var(--motion-duration-base) var(--motion-ease-emphasized),padding var(--motion-duration-base) var(--motion-ease-emphasized);align-items:center;gap:5px;padding:7px 10px;font-size:.9rem;display:inline-flex;position:relative}.app-header__link[data-v-401a4e4a] svg{opacity:.8;width:1rem;height:1rem}.app-header__link .app-header__label[data-v-401a4e4a]{white-space:nowrap;opacity:1;max-width:10rem;transition:max-width var(--motion-duration-base) var(--motion-ease-emphasized),opacity var(--motion-duration-fast) var(--motion-ease-standard);display:inline-block;overflow:hidden}.app-header.is-hero .app-header__link[data-v-401a4e4a]{border-radius:var(--radius-sm);justify-content:center;gap:0;width:36px;height:36px;padding:0}.app-header.is-hero .app-header__link .app-header__label[data-v-401a4e4a]{opacity:0;max-width:0}.app-header.is-hero .app-header__link[data-v-401a4e4a]:after{opacity:0;transform:scaleX(0)}.app-header__link[data-v-401a4e4a]:after{content:"";opacity:0;height:2px;transition:transform var(--motion-duration-base) var(--motion-ease-emphasized),opacity var(--motion-duration-fast) var(--motion-ease-standard);background:currentColor;border-radius:999px;position:absolute;bottom:2px;left:10px;right:10px;transform:scaleX(.2)}.app-header__link[data-v-401a4e4a]:hover{color:var(--color-link);background:var(--el-fill-color-lighter);text-decoration:none}.app-header__link.is-active[data-v-401a4e4a]{color:var(--color-link);background:var(--color-primary-soft);font-weight:600}.app-header__link.is-active[data-v-401a4e4a] svg{opacity:1}.app-header__link.is-active[data-v-401a4e4a]:after{opacity:.85;transform:scaleX(1)}.app-header__auth-skeleton[data-v-401a4e4a]{border-radius:var(--radius-sm);opacity:0;width:132px;height:32px;display:inline-block}.app-header__actions[data-v-401a4e4a]{justify-self:end;align-items:center;gap:var(--space-sm);display:flex}.app-header__login[data-v-401a4e4a],.app-header__register[data-v-401a4e4a]{border-radius:var(--radius-sm);white-space:nowrap;height:36px;transition:border-color var(--motion-duration-fast) var(--motion-ease-standard),color var(--motion-duration-fast) var(--motion-ease-standard),filter var(--motion-duration-fast) var(--motion-ease-standard);align-items:center;padding:0 12px;font-size:.88rem;display:inline-flex}.app-header__login[data-v-401a4e4a]{color:var(--color-text);border:1px solid var(--color-border)}.app-header__login[data-v-401a4e4a]:hover{border-color:var(--color-primary);color:var(--color-link);text-decoration:none}.app-header__register[data-v-401a4e4a]{background:var(--color-primary);color:var(--color-on-primary);font-weight:600}.app-header__register[data-v-401a4e4a]:hover{filter:brightness(1.04);text-decoration:none}.app-header__user[data-v-401a4e4a]{align-items:center;gap:var(--space-xs);border:1px solid var(--color-border);height:36px;color:var(--color-text);cursor:pointer;transition:border-color var(--motion-duration-fast) var(--motion-ease-standard),background-color var(--motion-duration-fast) var(--motion-ease-standard);background:0 0;border-radius:999px;padding:0 8px 0 4px;display:inline-flex}.app-header__user[data-v-401a4e4a]:hover{border-color:var(--color-primary);background:var(--color-primary-soft)}.app-header__user[data-v-401a4e4a] svg{opacity:.6;width:.85rem;height:.85rem}.app-header__avatar[data-v-401a4e4a]{background:var(--color-primary-soft);width:28px;height:28px;color:var(--color-link);border-radius:50%;place-items:center;font-size:.82rem;font-weight:700;display:grid}.app-header__username[data-v-401a4e4a]{text-overflow:ellipsis;white-space:nowrap;max-width:9rem;font-size:.86rem;overflow:hidden}.app-header__menu-toggle[data-v-401a4e4a]{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:36px;height:36px;color:var(--color-text);cursor:pointer;background:0 0;place-items:center;display:none}.app-header__menu-toggle[data-v-401a4e4a] svg{width:1.1rem;height:1.1rem}.app-header__mobile[data-v-401a4e4a]{border-top:1px solid var(--color-border);background:var(--color-surface);display:none}.app-header__mobile-inner[data-v-401a4e4a]{padding-block:var(--space-sm);flex-direction:column;gap:2px;display:flex}.app-header__mobile-link[data-v-401a4e4a]{align-items:center;gap:var(--space-sm);border-radius:var(--radius-sm);color:var(--color-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:10px 8px;font-size:.92rem;display:flex}.app-header__mobile-link[data-v-401a4e4a] svg{opacity:.75;width:1.05rem;height:1.05rem}.app-header__mobile-link.is-active[data-v-401a4e4a],.app-header__mobile-link[data-v-401a4e4a]:hover{background:var(--color-primary-soft);color:var(--color-link);text-decoration:none}.app-header__mobile-account[data-v-401a4e4a]{margin-top:var(--space-xs);padding-top:var(--space-xs);border-top:1px solid var(--color-border);flex-direction:column;gap:2px;display:flex}.mobile-nav-enter-active[data-v-401a4e4a]{transition:opacity var(--motion-duration-base) var(--motion-ease-out-soft),transform var(--motion-duration-base) var(--motion-ease-out-soft)}.mobile-nav-leave-active[data-v-401a4e4a]{transition:opacity var(--motion-duration-fast) ease-in,transform var(--motion-duration-fast) ease-in}.mobile-nav-enter-from[data-v-401a4e4a],.mobile-nav-leave-to[data-v-401a4e4a]{opacity:0;transform:translateY(-4px)}@media (width<=1080px){.app-header__nav[data-v-401a4e4a]{gap:0}.app-header__link[data-v-401a4e4a]{padding-inline:8px}}@media (width<=920px){.app-header__nav[data-v-401a4e4a]{display:none}.app-header__menu-toggle[data-v-401a4e4a]{display:grid}.app-header__mobile[data-v-401a4e4a]{display:block}.app-header__username[data-v-401a4e4a]{display:none}.app-header__auth-skeleton[data-v-401a4e4a]{width:36px}}@media (width<=560px){.app-header__login[data-v-401a4e4a],.app-header__register[data-v-401a4e4a]{display:none}}.app-footer[data-v-14e6b7a8]{margin-top:var(--space-xl);border-top:1px solid var(--color-border);background:var(--color-surface)}.app-footer__inner[data-v-14e6b7a8]{gap:var(--space-xl);padding-block:var(--space-xl);grid-template-columns:minmax(220px,1.4fr) repeat(4,minmax(110px,.6fr));display:grid}.app-footer__brand p[data-v-14e6b7a8]{margin:var(--space-sm) 0;max-width:30ch;color:var(--el-text-color-secondary);font-size:.85rem}.app-footer__phase[data-v-14e6b7a8]{border:1px solid var(--color-border);background:var(--el-fill-color-lighter);color:var(--el-text-color-secondary);border-radius:999px;padding:3px 8px;font-size:.72rem;display:inline-flex}.app-footer__group-title[data-v-14e6b7a8]{margin:0 0 var(--space-sm);letter-spacing:.06em;color:var(--el-text-color-secondary);font-size:.82rem;font-weight:700}.app-footer__group ul[data-v-14e6b7a8]{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.app-footer__group a[data-v-14e6b7a8]{color:var(--el-text-color-regular);transition:color var(--motion-duration-fast) var(--motion-ease-standard);font-size:.86rem}.app-footer__group a[data-v-14e6b7a8]:hover{color:var(--color-link)}.app-footer__friends[data-v-14e6b7a8]{justify-content:space-between;align-items:center;gap:var(--space-md);padding-block:var(--space-md);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.app-footer__friends-desc[data-v-14e6b7a8]{color:var(--el-text-color-secondary);margin:0;font-size:.8rem}.app-footer__friends-empty[data-v-14e6b7a8]{align-items:center;gap:var(--space-sm);border:1px dashed var(--color-border-strong);border-radius:var(--radius-sm);background:var(--el-fill-color-lighter);min-width:min(100%,280px);color:var(--el-text-color-secondary);padding:10px 14px;font-size:.84rem;display:inline-flex}.app-footer__friends-empty[data-v-14e6b7a8] svg{width:1rem;height:1rem;color:var(--color-primary)}.app-footer__friend-list[data-v-14e6b7a8]{align-items:center;font-size:.86rem}.app-footer__bottom[data-v-14e6b7a8],.app-footer__friend-list[data-v-14e6b7a8]{gap:var(--space-md);flex-wrap:wrap;display:flex}.app-footer__bottom[data-v-14e6b7a8]{padding-block:var(--space-md);border-top:1px solid var(--color-border);color:var(--el-text-color-secondary);justify-content:space-between;font-size:.78rem}@media (width<=900px){.app-footer__inner[data-v-14e6b7a8]{grid-template-columns:repeat(2,minmax(0,1fr))}.app-footer__brand[data-v-14e6b7a8]{grid-column:1/-1}}@media (width<=520px){.app-footer__inner[data-v-14e6b7a8]{grid-template-columns:1fr}}