*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}a{color:inherit}h1,h2,h3,p{overflow-wrap:break-word}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #cd7041;outline-offset:4px}label{display:block}input,select,textarea{max-width:100%;padding:12px;border:1px solid currentColor;background:transparent;color:inherit}select option{color:#171a1a;background:#fff}label input,label select,label textarea{display:block;width:100%;margin:8px 0 18px}button{padding:12px 20px;border:1px solid currentColor;background:transparent;color:inherit}form small{display:block;margin-top:14px;line-height:1.5}.form-result:empty{display:none}.form-result{padding:16px;border:1px solid currentColor;white-space:pre-line}.skip{position:fixed;top:-100px;left:12px;z-index:100;padding:12px;background:white;color:black}.skip:focus{top:12px}.network-footer{font:11px/1.7 Arial,sans-serif;padding:26px 4%;display:flex;flex-wrap:wrap;gap:12px 28px;border-top:1px solid currentColor;opacity:1}.network-footer span:first-child{margin-right:auto}[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
body{background:#efeee6;color:#31352d;font:16px/1.8 Arial}header{padding:25px 6%;border-bottom:2px solid;font:bold 17px Arial;letter-spacing:2px}main{max-width:950px;margin:auto;padding:45px}h1{font:700 66px/1.02 Arial;letter-spacing:-3px;margin:35px 0 55px}.controls{display:grid;grid-template-columns:220px 1fr;gap:50px;align-items:center}#dial{width:200px;height:200px;border-radius:50%;background:#de6e34;border:18px ridge #bf5826;font:65px monospace;color:#fff4df;box-shadow:8px 10px #0001}.controls h2{font:30px Georgia}#dial-status{font:11px monospace}form{max-width:540px;margin-top:40px}form h2{font:27px Georgia}label,button,form small{font:11px/1.6 monospace}main>small{font:12px Georgia;font-style:italic}@media(max-width:600px){main{padding:30px 7%}h1{font-size:45px;letter-spacing:-2px}.controls{grid-template-columns:1fr;gap:20px}#dial{width:160px;height:160px;font-size:45px}}body:has(main.human-home){background:#cfcfc5}body:has(main.human-home) header{background:#31352d;color:#efeee6}body:has(main.human-home) main{background:#efeee6;margin:35px auto;border:2px solid #31352d;box-shadow:6px 6px #31352d}body:has(main.human-home) .controls{border:2px solid #31352d;padding:35px;background:#dbdcd3;position:relative}body:has(main.human-home) .controls:before{content:"⊕";position:absolute;top:8px;left:8px;font:16px monospace}body:has(main.human-home) #dial{box-shadow:0 9px #754520}body:has(main.human-home) h1{font-family:"Arial Black",Arial,sans-serif}body:has(main.human-home) form{border:1px solid #31352d;padding:30px;background:#f8f7eb}@media(min-width:800px){body:has(main.human-home) main{max-width:1200px;display:grid;grid-template-columns:1.3fr 1fr;gap:25px 50px}body:has(main.human-home) h1,body:has(main.human-home) .controls{grid-column:1/-1}body:has(main.human-home) .controls{grid-template-columns:280px 1fr}body:has(main.human-home) .controls #dial{margin:auto}body:has(main.human-home) form{grid-column:2;grid-row:3/6;margin:0}body:has(main.human-home) main>p,body:has(main.human-home) main>small{grid-column:1}}@media(max-width:600px){body:has(main.human-home) main{margin:15px}body:has(main.human-home) .controls{padding:22px}}