:root{color-scheme:light dark}*{box-sizing:border-box}body{margin:0;background:#f6eddf;color:#352416;font:17px/1.55 system-ui,sans-serif}main{max-width:620px;margin:40px auto;padding:20px}header{text-align:center;color:#7e5a22;letter-spacing:3px}header strong{font-size:36px}header p{font-size:12px}section{padding:28px;background:#fffbf5;border:1px solid #decdb4;border-radius:24px}h1{font-size:28px;line-height:1.2}h2{font-size:22px}input:not([type=radio]){display:block;width:100%;padding:14px;margin:8px 0 16px;border:1px solid #b8a382;border-radius:12px;font:inherit;background:transparent;color:inherit}label{display:block}button{display:block;width:100%;padding:14px;margin:12px 0;background:#7e5a22;color:#fff9ed;border:0;border-radius:14px;font:600 16px system-ui;cursor:pointer}button:disabled{opacity:.5}a{color:#7e5a22;overflow-wrap:anywhere}#status{font-weight:600}#dial{display:block;font-size:28px;text-align:center}[hidden]{display:none!important}@media(prefers-color-scheme:dark){body{background:#181611;color:#f5ebdc}section{background:#25221d;border-color:#65543b}header,a{color:#d8b571}button{background:#d8b571;color:#231b0d}}