.header-tools{flex:none;align-items:center;gap:8px;display:flex;position:relative}.header-icon-button{border:1px solid color-mix(in srgb, var(--ink) 10%, transparent);background:color-mix(in srgb, var(--surface) 50%, transparent);width:44px;height:44px;color:var(--body);border-radius:50%;place-items:center;padding:0;transition:background-color .18s,border-color .18s,color .18s;display:grid;position:relative}.header-icon-button:hover,.header-icon-button[aria-expanded=true]{background:var(--surface);color:var(--ink);border-color:var(--line)}.header-icon-button:focus-visible{outline-offset:4px}.header-icon-button svg{pointer-events:none;grid-area:1/1}.preference-moon{opacity:0;visibility:hidden;transform:rotate(-55deg)scale(.4)}:root[data-theme=dark] .preference-sun{opacity:0;visibility:hidden;transform:rotate(70deg)scale(.4)}:root[data-theme=dark] .preference-moon{opacity:1;visibility:visible;transform:none}.language-popover{z-index:5;opacity:0;visibility:hidden;transform-origin:100% 0;border:1px solid var(--line);background:color-mix(in srgb, var(--bg) 94%, transparent);-webkit-backdrop-filter:blur(20px);border-radius:17px;width:170px;padding:6px;position:absolute;top:54px;right:52px;transform:translateY(-6px)scale(.97);box-shadow:0 8px 30px #0000000d,inset 0 1px #ffffff24}.language-popover button{width:100%;min-height:44px;color:var(--body);border-radius:11px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:13px;display:flex}.language-popover button:hover,.language-popover button:focus-visible{background:var(--surface);color:var(--ink)}.language-popover button svg{opacity:0}.language-popover button[aria-pressed=true] svg{opacity:1}@media (prefers-reduced-motion:reduce){.header-icon-button{transition:none}}
