:root{--paper:#faf9f6;--ink:#262d28;--muted:#626860;--green:#376653;--blue:var(--green);--line:#dfe2da;--white:#fff;--surface:#fff;--tint:#edf1eb;--on-green:#fff;--hover:#284f3f;--error:#a12c25}
:root[data-theme=dark]{--paper:#181d1a;--ink:#eef1eb;--muted:#b1bbb1;--green:#9bc5ad;--line:#414c43;--white:#212923;--surface:#212923;--tint:#2b362e;--on-green:#18261d;--hover:#b3d9c1;--error:#ffaca2}
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
[data-preferences]{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
[data-preferences] label{margin:0;display:block}
[data-preferences] select{font:inherit;font-size:14px;min-height:44px;max-width:150px;padding:8px 24px 8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);cursor:pointer}
[data-preferences] select:focus-visible{outline:3px solid var(--green);outline-offset:3px}
.header-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.cta{background:var(--green);color:var(--on-green)}.cta:hover{background:var(--hover)}
.fallback path{fill:var(--green)}
@media(max-width:600px){header.wrap{align-items:flex-start;gap:12px;flex-wrap:wrap}.header-actions{gap:8px;justify-content:flex-end;flex:1}.header-actions .sign-in{margin-inline-start:4px}[data-preferences] select{font-size:14px;padding-inline:8px;max-width:115px}}
@media(max-width:360px){.header-actions{flex-basis:100%;justify-content:space-between}}