.app-header{z-index:10;border-bottom:1px solid var(--border);background:#080b0ff5;justify-content:space-between;align-items:center;padding:13px 26px;display:flex;position:relative}.logo{font-family:var(--font-head);color:var(--accent);font-size:1.25rem;font-weight:800}.logo b{color:var(--lemon);font-weight:800}.app-header a{text-decoration:none}.pill{letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--border);background:var(--surface);white-space:nowrap;border-radius:100px;align-items:center;gap:7px;padding:5px 12px;font-size:.67rem;font-weight:700;display:flex}.guest-badge{color:var(--accent);letter-spacing:.06em;background:#00d4ff26;border:1px solid #00d4ff4d;border-radius:4px;margin-left:4px;padding:2px 6px;font-size:.58rem}.login-icon-btn{border:1px solid var(--border);background:var(--surface);width:24px;height:24px;color:var(--accent);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;margin-left:8px;padding:0;font-weight:800;transition:all .2s;display:flex}.login-icon-btn:hover{background:var(--accent);color:var(--surface)}.pill-skeleton-name{background:var(--border);border-radius:4px;width:46px;height:9px;animation:1.4s ease-in-out infinite pill-skeleton-pulse;display:inline-block}.pill-skeleton-icon{background:var(--border);border-radius:50%;width:24px;height:24px;margin-left:8px;animation:1.4s ease-in-out infinite pill-skeleton-pulse;display:inline-block}@media (width<=680px){.app-header{gap:8px;padding:8px 12px}.app-header .logo{font-size:1rem}.app-header .app-header-end{gap:6px;min-width:0}.app-header .pill{letter-spacing:.04em;gap:5px;min-width:0;padding:3px 8px;font-size:.6rem}.app-header .pill>span:not(.guest-badge):not(.pill-skeleton-name):not(.pill-skeleton-icon){text-overflow:ellipsis;max-width:84px;overflow:hidden}.app-header .guest-badge{display:none}.app-header .login-icon-btn,.app-header .pill-skeleton-icon{width:22px;height:22px;margin-left:4px}.app-header .lang-switcher{font-size:.65rem}.app-header .lang-switcher summary{gap:4px;padding:3px 8px}}@media (width<=360px){.app-header .lang-switcher__cur{display:none}}@keyframes pill-skeleton-pulse{0%,to{opacity:.55}50%{opacity:.9}}