:root{color-scheme:light dark}body{margin:0;background:#fafbf9;color:#162f2b;font:1rem/1.6 system-ui}main{max-width:48rem;margin:auto;padding:24px}a{display:inline-flex;align-items:center;min-height:44px}section{border:1px solid #6a7e78;border-radius:12px;padding:20px}label{display:flex;align-items:center;gap:12px;min-height:44px}input{min-width:24px;min-height:24px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-block:20px}button{min-height:44px;max-width:100%;padding:12px 18px;font:inherit;border:1px solid #366c60;border-radius:8px;background:#fff;color:#163f35;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b66c00;outline-offset:3px}output{font-weight:700;font-size:1.5rem}@media(prefers-color-scheme:dark){body{background:#15221f;color:#eef5f1}a{color:#a4dfd1}button{background:#244b40;color:#fff;border-color:#afd9c9}}