html[data-theme=dark] body{--bg:#181b23;--ink:#eff0f4;--muted:#b0b5c2;--line:#373b47;--surface:#222630;--accent:#b8a7e0;--on-accent:#181b23;color-scheme:dark}html[data-theme=light] body{--bg:#fff;--ink:#242932;--muted:#6a7079;--line:#e1e4e8;--surface:#f4f6f8;--accent:#6550a5;--on-accent:#fff;color-scheme:light}.nav{--nav-circle-size:40px}.theme-toggle{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:var(--nav-circle-size);min-width:var(--nav-circle-size);max-width:var(--nav-circle-size);height:var(--nav-circle-size);flex:0 0 var(--nav-circle-size);border:1px solid var(--line);border-radius:50%;background:var(--bg);color:var(--ink);font:21px/1 sans-serif}.theme-toggle:hover{background:var(--surface)}.document .button{background:var(--accent);color:var(--on-accent)}@media(max-width:680px){.nav{--nav-circle-size:38px;gap:10px}.nav nav{gap:8px}.nav-download{padding:7px 9px}.brand{font-size:13px;gap:5px}}
html[data-theme=light] body{--accent:var(--site-accent-light,#405b73)}html[data-theme=dark] body{--accent:var(--site-accent-dark,#81a2be)}
.accent-picker{position:relative;flex:0 0 auto}.accent-picker summary{box-sizing:border-box;width:var(--nav-circle-size);min-width:var(--nav-circle-size);max-width:var(--nav-circle-size);height:var(--nav-circle-size);display:flex;flex:0 0 var(--nav-circle-size);align-items:center;justify-content:center;list-style:none;border:1px solid var(--line);border-radius:50%;cursor:pointer;background:var(--bg)}.accent-picker summary::-webkit-details-marker{display:none}.accent-dot{width:14px;height:14px;flex:0 0 14px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--bg),0 0 0 4px var(--line)}.accent-options{position:absolute;z-index:30;top:calc(100% + 12px);right:0;width:224px;padding:12px;background:var(--bg);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 36px #101c3020}.accent-label{display:block;padding:5px 10px 9px;font-size:12px;color:var(--muted)}.accent-options button{display:flex;align-items:center;gap:12px;width:100%;min-height:40px;padding:9px 10px;border:0;border-radius:6px;background:transparent;color:var(--ink);font:inherit;font-size:13px;text-align:left;cursor:pointer}.accent-options button:hover,.accent-options button[aria-pressed=true]{background:var(--surface)}.accent-options button[aria-pressed=true]::after{content:'✓';margin-left:auto;color:var(--accent)}.accent-options button span{width:14px;height:14px;border-radius:50%;background:var(--swatch-light);flex-shrink:0}html[data-theme=dark] .accent-options button span{background:var(--swatch-dark)}@media(max-width:680px){.accent-options{right:-94px;width:218px}.accent-options button{min-height:44px}.nav{gap:6px}.nav nav{gap:5px}}