html{color-scheme:light}
html[data-theme="dark"]{color-scheme:dark}
#theme-toggle{position:fixed;right:20px;top:11px;width:44px;height:44px;display:grid;place-items:center;z-index:65;border:1px solid #667587;border-radius:50%;background:var(--bar,#fff);color:var(--ice,#102334);cursor:pointer;padding:10px}
#hdr #theme-toggle{position:absolute;right:calc(clamp(18px,4vw,40px) + 46px);top:50%;transform:translateY(-50%)}
#theme-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#theme-toggle:hover{border-color:var(--blue);box-shadow:0 0 0 3px #4fc7ff22}
#theme-toggle:focus-visible,.burger:focus-visible{outline:3px solid #087ba9;outline-offset:4px}
html:not([data-theme="dark"]){--void:#fff;--bar:#f5f9fc;--ice:#132b3a;--text:#1c2d39;--muted:#526475;--blue:#076d99;--blue-deep:#0876b9}
html:not([data-theme="dark"]) body{background:#fff;color:var(--text)}
html:not([data-theme="dark"]) header{background:#f5f9fc;border-bottom:1px solid #d6e2ea}
html:not([data-theme="dark"]) header::before,html:not([data-theme="dark"]) header::after{mix-blend-mode:multiply;opacity:.07}
html:not([data-theme="dark"]) .topo{opacity:.05;mix-blend-mode:multiply}
html:not([data-theme="dark"]) .brand-glow,html:not([data-theme="dark"]) .brand-flow{display:none}
html:not([data-theme="dark"]) .menu{background:rgba(250,253,255,.98)}
html:not([data-theme="dark"]) #grid{background:#e7eef3}
html:not([data-theme="dark"]) #grid .media{background-color:#f1f5f8}
html:not([data-theme="dark"]) #grid .blank .media{background:linear-gradient(140deg,#f7f9fb,#eaf0f5)}
html:not([data-theme="dark"]) #grid .welcome-media{background:radial-gradient(at 15% 10%,#fff,#e6f0f7)}
html:not([data-theme="dark"]) #grid .label{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,255,255,.88) 72%,transparent);color:#132b3a}
html:not([data-theme="dark"]) #grid .label .meta{color:#075e85;text-shadow:none}
html:not([data-theme="dark"]) #grid .paster-media,html:not([data-theme="dark"]) #grid .omni-media{filter:grayscale(1)}
html:not([data-theme="dark"]) #grid .active .paster-media,html:not([data-theme="dark"]) #grid .active .omni-media{filter:none}
html:not([data-theme="dark"]) .prose p,html:not([data-theme="dark"]) .prose li{color:#334957}
html:not([data-theme="dark"]) .tag,html:not([data-theme="dark"]) .sub,html:not([data-theme="dark"]) .omni .how a{color:#07678f;text-shadow:none}
html:not([data-theme="dark"]) .omni .btn{border-color:#7c9aac}
html:not([data-theme="dark"]) .omni .btn.primary{background:#0c6e98;color:#fff;border-color:#0c6e98}
html:not([data-theme="dark"]) .caption,html:not([data-theme="dark"]) .foss{opacity:1;color:#526475}
html:not([data-theme="dark"]) footer{color:#526475;border-top:1px solid #e0e8ee}
html:not([data-theme="dark"]) footer a{color:#285d79}
html:not([data-theme="dark"]) footer .legal{opacity:1}
html:not([data-theme="dark"]) .state{color:#334957}
html:not([data-theme="dark"]) .err,html:not([data-theme="dark"]) .state.err{color:#a32525}
html:not([data-theme="dark"]) input,html:not([data-theme="dark"]) select{color:#1c2d39;background:#fff;border-color:#849aaa}
html:not([data-theme="dark"]) .pack,html:not([data-theme="dark"]) .controls{background:#f5f9fc;color:#1c2d39;border-color:#d6e2ea}
html:not([data-theme="dark"]) .chip,html:not([data-theme="dark"]) .badge,html:not([data-theme="dark"]) .crumb,html:not([data-theme="dark"]) .totals{color:#3d5364}
@media(max-width:520px){#hdr:not(.min) .brand{font-size:clamp(1.55rem,6vw,2rem);margin-right:90px}#hdr.min .brand{margin-right:70px}#hdr #theme-toggle{width:40px;height:40px}}
