:root{--bg:#f4f6fc;--fg:#17223e;--muted:#5b6685;--accent:#294edb;--accent-fg:#fff;--surface:#fff;--focus:#e6af00;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#11162a;--fg:#e7ebf7;--muted:#9aa4c4;--accent:#6c8cff;--accent-fg:#0b1020;--surface:#1b2240}}*{box-sizing:border-box}body{background:var(--bg);min-height:100dvh;color:var(--fg);flex-direction:column;margin:0;font:16px/1.5 system-ui,sans-serif;display:flex}button,select{font:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}header,main,footer{inline-size:100%;max-inline-size:720px;margin-inline:auto;padding-inline:16px}header{justify-content:space-between;align-items:center;gap:12px;padding-block:12px;display:flex}.brand{font-weight:700}select{border:1px solid var(--muted);background:var(--surface);min-block-size:44px;color:var(--fg);border-radius:8px;padding-inline:8px}main{flex:1;padding-block:16px 32px}h1{margin-block:8px;font-size:1.75rem;line-height:1.2}output{color:var(--muted);display:block}footer{color:var(--muted);padding-block:16px;font-size:.875rem}footer a{color:inherit}@media (width>=600px){h1{font-size:2.25rem}}