:root{color:#18221c;background:#eef4ef;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:grid}main{background:#fff;border-radius:1.5rem;width:min(38rem,100vw - 3rem);padding:3rem;box-shadow:0 1rem 3rem #16351b1a}.eyebrow{color:#337044;letter-spacing:.08em;text-transform:uppercase;font-weight:700}h1{margin:.3rem 0 1rem;font-size:clamp(2.25rem,7vw,4.5rem);line-height:1}p{font-size:1.1rem;line-height:1.6}h2{margin-top:2rem}.actions{gap:.75rem;margin:1.5rem 0;display:grid}button{color:#fff;font:inherit;cursor:pointer;background:#337044;border:0;border-radius:.75rem;padding:.9rem 1rem;font-weight:700}button.secondary{color:#214a2c;background:#e1eee4}button:disabled{cursor:wait;opacity:.6}.reference code{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.error{color:#9b2c2c}.timezone{color:#526159;margin-top:2rem;font-size:.9rem}@media (width<=30rem){main{border-radius:1rem;width:calc(100vw - 1rem);padding:1.25rem}h1{font-size:clamp(2rem,13vw,3rem)}button,.actions,.reference{overflow-wrap:anywhere;min-width:0}}