:root{ --bg:#f7f7fb; --card:#ffffff; --accent:#2b6cb0; --muted:#666;}
*{box-sizing:border-box;font-family:Inter,system-ui,Segoe UI,Roboto,"Helvetica Neue",Arial;}
body{margin:0;background:var(--bg);display:flex;min-height:100vh;align-items:center;justify-content:center;}
.container{background:var(--card);padding:28px;border-radius:12px;box-shadow:0 6px 24px rgba(20,20,40,0.08);width:320px;text-align:center;}
input[type=number]{width:100%;padding:10px;border-radius:8px;border:1px solid #ddd;margin-top:8px;font-size:16px;}
.controls{margin-top:12px;display:flex;gap:8px;justify-content:center;}
button{padding:10px 14px;border-radius:8px;border:none;background:var(--accent);color:#fff;cursor:pointer;}
button[disabled]{opacity:0.5;cursor:default;}
#status{margin-top:16px;font-size:18px;color:var(--muted);}
#countdown{margin-top:8px;font-size:28px;font-weight:600;}
.note{display:block;margin-top:10px;color:#999;}