/* Account and appearance share one compact header disclosure. */
.header-menu{position:relative;align-self:center;flex:0 0 auto;z-index:30}
.header-menu-toggle{display:flex;align-items:center;justify-content:center;gap:6px;width:66px;height:44px;padding:9px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--text);cursor:pointer;transition:background .18s,border-color .18s,box-shadow .18s}
.header-menu-toggle>svg{width:22px;height:22px;flex-shrink:0}
.header-menu-toggle .header-menu-chevron{width:14px;height:14px;transition:transform .18s}
.header-menu-toggle[aria-expanded=true]{background:var(--bg);border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 13%,transparent)}
.header-menu-toggle[aria-expanded=true] .header-menu-chevron{transform:rotate(180deg)}
.header-menu-panel{position:absolute;right:0;top:calc(100% + 12px);width:312px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 110px);overflow:auto;padding:10px;border:1px solid var(--line);border-radius:18px;background:var(--panel);color:var(--text);box-shadow:0 16px 50px #0003}
.header-menu-panel[hidden]{display:none}
.header-menu-heading{margin:8px 12px 10px;font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--muted)}
.header-account{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border:0;border-radius:12px;background:var(--bg);color:var(--text);text-align:left;cursor:pointer}
.header-account[hidden]{display:none}
.header-account-icon{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.header-account-icon svg{width:22px;height:22px}
.header-account-arrow{width:16px;height:16px;margin-left:auto;flex-shrink:0;color:var(--muted)}
.header-menu-copy{display:flex;flex-direction:column;gap:5px;min-width:0}
.header-menu-copy strong{font-size:14px;font-weight:600;line-height:1.4}
.header-menu-copy small{font-size:12px;line-height:1.4;color:var(--muted);overflow-wrap:anywhere}
.header-menu .appearance-controls{display:grid;gap:0;align-items:stretch;margin-top:12px;padding-top:4px;border-top:1px solid var(--line)}
.header-preference{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px}
.header-menu .appearance-controls .theme-toggle{position:relative;inset:auto;width:64px;height:36px;flex:0 0 64px;z-index:auto}
.header-menu-panel button:focus-visible,.header-menu-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
:root[data-font-size=large] .header-menu-copy strong{font-size:16px}
:root[data-font-size=large] .header-menu-copy small,:root[data-font-size=large] .header-menu-heading{font-size:13.5px}
@media(hover:hover){.header-menu-toggle:hover,.header-account:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--panel))}}
@media(min-width:701px){
 .header-menu{display:flex;align-self:stretch}
 .header-menu-toggle{height:auto;min-height:64px;border-radius:12px;background:#252b26;border-color:#3a433b}
 :root[data-theme=light] .header-menu-toggle{background:#eceeec;border-color:#c8d0c9}
 .header-menu-toggle:hover{background:#30382f;border-color:#73856d}
 :root[data-theme=light] .header-menu-toggle:hover{background:#e8ebe8;border-color:#c9d1c7}
 :root[data-theme] .header-menu-toggle[aria-expanded=true]{border-color:var(--accent)}
}
@media(max-width:700px){
 .sidebar>.header-menu{justify-self:end}
 .header-menu-toggle{width:46px;height:40px;gap:2px;padding:6px;border-radius:12px}
 .header-menu-toggle>svg{width:20px;height:20px}
 .header-menu-toggle .header-menu-chevron{width:12px;height:12px}
 .header-menu-panel{position:fixed;right:12px;top:70px;max-width:calc(100% - 24px);max-height:calc(100dvh - 90px)}
 .header-menu .appearance-controls .theme-toggle{width:60px;flex-basis:60px}
}
@media(prefers-reduced-motion:no-preference){.header-menu-panel:not([hidden]){animation:header-menu-in .16s ease-out}@keyframes header-menu-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}}
@media(prefers-reduced-motion:reduce){.header-menu-toggle,.header-menu-toggle .header-menu-chevron{transition:none}}