body{
	font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
	background: linear-gradient(180deg,#eef2ff,#ffffff);
	margin:0; padding:0; color:#111;
}
.container{
	max-width:720px; margin:36px auto; text-align:center; padding:20px;
}
h1{ margin:0 0 12px 0; font-weight:600 }
.display{
	font-size:110px; width:280px; height:160px; margin:20px auto; display:flex; align-items:center; justify-content:center;
	border-radius:12px; background:#f7f7fb; box-shadow:0 6px 18px rgba(16,24,40,0.08); color:#0b1220;
}
.display.stopped{ background:linear-gradient(90deg,#ffe7a8,#ffd1a3); transform:scale(1.03); transition:transform .15s }
.controls{ display:flex; flex-direction:column; gap:8px; align-items:center }
.controls label{ display:flex; gap:8px; align-items:center; font-size:15px }
.controls input[type=number], .controls input[type=text]{ padding:6px 8px; width:140px; border-radius:6px; border:1px solid #ddd }
.buttons{ display:flex; gap:10px; margin-top:6px }
button{ padding:8px 14px; font-size:15px; border-radius:8px; border:none; cursor:pointer; background:#2563eb; color:#fff }
button[disabled]{ opacity:0.5; cursor:default }
.info{ margin-top:12px; color:#334155 }

@media (max-width:520px){
	.display{ width:220px; font-size:72px; height:120px }
}