*{box-sizing:border-box}body{margin:0;background-color:#f4f4f4;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#111318}.container{padding:22px 38px;display:flex;flex-direction:column;gap:44px}.input-group{display:flex;align-items:center;gap:12px}#datetime-picker{width:350px;height:55px;padding:0 14px;border:2px solid #b0b0b0;border-radius:4px;font-size:38px;line-height:1;color:#111318;background-color:#fff}button[data-start]{width:140px;height:55px;border:2px solid #c6c6c6;border-radius:4px;font-size:38px;line-height:1;color:#b8b8b8;background-color:#e8e8e8;cursor:pointer}button[data-start]:disabled{cursor:not-allowed}.timer{display:flex;gap:15px}.field{display:flex;flex-direction:column;align-items:center}.value{display:block;font-size:56px;line-height:1;letter-spacing:.01em;font-weight:400}.label{margin-top:10px;font-size:32px;line-height:1;text-transform:uppercase;font-weight:400}@media (max-width: 900px){.container{padding:18px;gap:24px}.input-group{flex-direction:column;align-items:stretch}#datetime-picker,button[data-start]{width:100%;height:56px;font-size:34px}.timer{justify-content:space-between;gap:12px}.value{font-size:52px}.label{margin-top:6px;font-size:22px}}