:root{color:#000;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}main{max-width:480px;height:100dvh;padding:calc(16px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(32px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left));flex-direction:column;gap:12px;margin:auto;display:flex}section{flex-direction:column;flex:1;justify-content:center;gap:16px;min-height:0;display:flex}form{gap:24px;display:grid}.fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}label{gap:8px;display:grid}button,input{font:inherit;color:#000;background:#fff;border:1px solid #000;border-radius:0;min-height:48px;padding:8px}input{width:100%;min-width:0;font-size:24px}button:disabled{border-style:dashed}a{color:inherit;padding:12px}header,.controls{justify-content:space-between;align-items:center;gap:12px;display:flex}.controls button{flex:1}.countdown{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;min-height:0;display:flex}time{font-variant-numeric:tabular-nums;font-size:min(20vw,20dvh,96px);line-height:1}p[role=alert]{margin:0;font-size:14px}
