html[data-theme="light"]{color-scheme:light;--appearance-bg:#fff;--appearance-border:#dce5e0;--appearance-fg:#5b6b64;--appearance-active:#e9f3ed;--appearance-ink:#236148;--appearance-focus:#327459}
html[data-theme="dark"]{color-scheme:dark;--appearance-bg:#11161b;--appearance-border:#303943;--appearance-fg:#a8b2bc;--appearance-active:#263324;--appearance-ink:#b5f88e;--appearance-focus:#9dff5a}
.public-toolbar{width:min(1200px,100%);margin:0 auto 30px;display:flex;justify-content:flex-end;align-items:center;gap:12px;flex-wrap:wrap}
.appearance-label{font-size:12px;color:var(--appearance-fg)}
.appearance-switch{display:inline-flex;gap:4px;padding:4px;background:var(--appearance-bg);border:1px solid var(--appearance-border);border-radius:10px}
.appearance-switch button{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:auto;min-height:36px;margin:0;padding:7px 12px;border:0;border-radius:7px;background:transparent;color:var(--appearance-fg);box-shadow:none;font:600 12px/1.5 system-ui,-apple-system,sans-serif;cursor:pointer}
.appearance-switch button:hover{color:var(--appearance-ink)}
.appearance-switch button[aria-pressed="true"]{background:var(--appearance-active);color:var(--appearance-ink)}
:where(button,a,select,summary):focus-visible{outline:2px solid var(--appearance-focus);outline-offset:3px}
@media(max-width:700px){.public-toolbar{margin-bottom:25px;gap:8px}.appearance-switch button{min-height:40px;padding:7px 10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}