html[data-theme="light"]{color-scheme:light;--paper:#fff;--paper-2:#edf0f5;--card:#fff;--ink:#182333;--muted:#566579;--pink:#c83e37;--sun:#936300;--pink-soft:#fff0ed;--blue-soft:#eaf2ff;--sun-soft:#fff5d9;--bg:#fff;--bg-1:#fff;--bg-2:#edf0f7;--bg-3:#e5eaf2;--bg-4:#d9e1ee;--text:#182333;--text-2:#526174;--text-3:#657386;--dim:#c0cad8;--line:rgba(22,43,69,.12);--line-2:rgba(22,43,69,.25);--blue:#0865d2;--blue-h:#0756b4;--link:#065bb8;--ice:#245d9e;--green:#19783b;--red:#c13933;--amber:#936300;--grad:linear-gradient(100deg,#173f76,#285bbd 50%,#7744b3)}
/* The same aluminum body uses silver in daylight and graphite after dark. */
:root{--mac-top-1:#565e6a;--mac-top-2:#363e49;--mac-top-3:#202833;--mac-top-4:#444f5c;--mac-side-1:#303b48;--mac-side-2:#3e4b5a;--mac-side-3:#566372;--mac-side-4:#657485;--mac-side-5:#455363;--mac-side-6:#293646;--mac-side-7:#1c2735;--mac-side-8:#354457;--mac-rim-1:#8da2bb;--mac-rim-2:#e5eef9;--mac-rim-3:#b1c5df;--mac-rim-4:#7f96b1;--mac-mark-1:#c5d0df;--mac-mark-2:#9eacbe;--mac-mark-3:#dce5f0;--mac-top-border:#8294a9;--mac-bottom-border:#697b90;--mac-socket-rim:#66768a;--mac-halo:#5278aa;--mac-halo-opacity:.28}
html[data-theme="light"]{--mac-top-1:#f1f3f4;--mac-top-2:#dce1e5;--mac-top-3:#c4cbd1;--mac-top-4:#e0e4e7;--mac-side-1:#969fa8;--mac-side-2:#b0b8bf;--mac-side-3:#c4cbd1;--mac-side-4:#d1d7dc;--mac-side-5:#b8c0c8;--mac-side-6:#929ca6;--mac-side-7:#7c8792;--mac-side-8:#939da7;--mac-rim-1:#e2e7eb;--mac-rim-2:#fff;--mac-rim-3:#e0e5e9;--mac-rim-4:#a7b1bb;--mac-mark-1:#626b74;--mac-mark-2:#424b54;--mac-mark-3:#707983;--mac-top-border:#aeb9c3;--mac-bottom-border:#66727e;--mac-socket-rim:#d3d9df;--mac-halo:#a7b9ca;--mac-halo-opacity:.1}
svg [id^="mm-"]>stop{transition:stop-color .45s ease,stop-opacity .45s ease}
.theme-toggle{display:inline-grid;place-items:center;border:1px solid var(--line-2);border-radius:50%;background:var(--card,var(--bg-2));color:var(--ink,var(--text));width:34px;height:34px;padding:0;cursor:pointer;flex-shrink:0}
.theme-toggle svg{display:block;pointer-events:none}
.theme-toggle:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
html[data-theme="light"] .top,html[data-theme="light"] .top.scrolled,html[data-theme="light"] .bar{background:#fff;border-bottom-color:var(--line)}
html[data-theme="light"] dialog{box-shadow:0 24px 100px rgba(35,52,84,.2)}
html[data-theme="light"] dialog,html[data-theme="light"] .summary,html[data-theme="light"] .term,html[data-theme="light"] .mh-card{background:var(--bg-1)}
html[data-theme="light"] .mh-u{background:var(--bg-3)}
html[data-theme="light"] .mh-txt b{background:#bac6db}
html[data-theme="light"] .chips label{color:var(--text-2)}
html[data-theme="light"] .chips input:checked+label{color:#fff}
html[data-theme="light"] .sep{background:var(--line-2)}
html[data-theme="light"] .demo{background:#fff5d9;color:#775200}
html[data-theme="light"] .use.free,html[data-theme="light"] .dot.online{color:#19783b}
@media(max-width:600px){.top .wrap{gap:12px!important}.bar .wrap{flex-wrap:wrap;height:auto;min-height:58px;padding-block:8px}.bar .right{gap:5px}.bar .logo{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}