.home-stopwatch{margin-top:26px;padding:17px 22px;display:grid;grid-template-columns:auto minmax(150px,1fr) auto;align-items:center;gap:20px;background:#ffffffbf;border:1px solid #dce7ed;border-radius:16px}
.stopwatch-heading h2{font-size:15px;font-weight:600;margin:0 0 5px;color:#526d80}
.stopwatch-heading span{font-size:11px;color:#8a9ba7}
.home-stopwatch output{font-size:32px;line-height:1.2;letter-spacing:2px;font-weight:600;font-variant-numeric:tabular-nums;color:#3c5d73}
.stopwatch-actions{display:flex;gap:9px;flex-wrap:wrap}
.stopwatch-actions button{font-size:13px;padding:8px 17px;border-radius:8px;background:#ffffffc9}
#home-stopwatch-toggle{background:#edf5fa;border-color:#c6dce9;color:#3b718e;min-width:67px}
.stopwatch-marks{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 16px;margin:0;padding:13px 0 0;border-top:1px solid #e7edf1;list-style:none;max-height:145px;overflow:auto;font-variant-numeric:tabular-nums}
.stopwatch-marks[hidden]{display:none}
.stopwatch-marks li{display:flex;align-items:center;gap:10px;font-size:12px;color:#8193a0;min-width:0}
.stopwatch-marks strong{font-size:13px;font-weight:500;color:#4e6c81}.stopwatch-marks small{margin-left:auto;font-size:11px;white-space:nowrap}
@media(max-width:1000px){.stopwatch-marks{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.home-stopwatch{grid-template-columns:1fr 1fr;gap:14px;padding:16px}.home-stopwatch output{font-size:28px;justify-self:end;letter-spacing:1px}.stopwatch-actions{grid-column:1/-1}.stopwatch-actions button{flex:1}.stopwatch-marks{grid-template-columns:1fr}}
