:root{--bg:#f3f4f6;--fg:#111827;--muted:#6b7280;--brand:#1f2937;--in:#15803d;--out:#b91c1c;--brk:#b45309;--warn:#92400e;--warn-bg:#fef3c7}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font:18px/1.4 -apple-system,system-ui,Segoe UI,sans-serif}#app{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:100dvh;padding:24px 16px;display:flex}.label{color:var(--muted);margin:0;font-size:15px}.greeting{margin:0;font-size:28px;font-weight:700}.time{margin:0;font-size:44px;font-weight:300}.big{color:#fff;background:var(--brand);border:0;border-radius:16px;width:100%;max-width:360px;padding:28px 16px;font-size:28px;font-weight:700}.big.in{background:var(--in)}.big.out{background:var(--out)}.big.brk{background:var(--brk)}.status{margin:0;font-size:20px;font-weight:600}.choice{border:2px solid var(--brand);width:100%;max-width:360px;color:var(--fg);background:#fff;border-radius:12px;padding:16px;font-size:19px}.link{color:var(--muted);background:0 0;border:0;padding:8px;font-size:16px;text-decoration:underline}.badge{background:var(--warn-bg);color:var(--warn);border-radius:999px;padding:6px 14px;font-size:15px;font-weight:600}.warning{background:var(--warn-bg);max-width:360px;color:var(--warn);border-radius:12px;padding:12px 16px;font-weight:600}.question{max-width:360px;margin:0;font-size:22px;font-weight:600}input[type=text]{border:2px solid var(--brand);border-radius:12px;width:100%;max-width:360px;padding:14px;font-size:16px}.field{width:100%;max-width:360px;color:var(--muted);flex-direction:column;align-items:stretch;gap:6px;font-size:15px;display:flex}.error{max-width:360px;color:var(--out);margin:0;font-weight:600}button:disabled{opacity:.6}