.lang-banner{top:calc(var(--header-height) + var(--space-3));right:var(--space-5);z-index:1100;width:280px;padding:var(--space-4);border-radius:var(--r-md);gap:var(--space-2);color:var(--ink);opacity:0;transition:opacity var(--dur-base) var(--ease-out);flex-direction:column;display:flex;position:fixed}.lang-banner.is-visible{opacity:1}.lang-banner-close{top:var(--space-2);right:var(--space-2);width:24px;height:24px;color:var(--ink-3);border-radius:var(--r-pill);cursor:pointer;transition:color var(--dur-fast) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute}@media (hover:hover){.lang-banner-close:hover{color:var(--ink)}}.lang-banner-message{padding-right:var(--space-5);font-size:var(--text-sm);color:var(--ink);margin:0;line-height:1.4}.lang-banner-action{margin-top:var(--space-1);align-self:flex-start;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--hairline);text-decoration-color:var(--hairline);text-underline-offset:3px;transition:text-decoration-color var(--dur-fast) var(--ease-out);display:inline-flex}@media (hover:hover){.lang-banner-action:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}}.lang-banner-action svg{flex-shrink:0}@media (max-width:768px){.lang-banner{right:var(--space-3);width:260px}}@media (max-width:380px){.lang-banner{left:var(--space-3);right:var(--space-3);width:auto}}@media (prefers-reduced-motion:reduce){.lang-banner{transition:opacity var(--dur-fast) linear}.lang-banner-close{transition:none}}