*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden}body{background:#111;color:#fff;font-family:Helvetica Neue,Arial,sans-serif}.app{display:flex;flex-direction:row;height:100%;width:100%;gap:12px;padding:12px}.stopwatch{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border:6px solid #333;border-radius:16px;background:#1a1a1a;transition:border-color .2s,background .2s;gap:12px;min-width:0}.stopwatch--yellow{border-color:#f0c040;background:#2a2200}.stopwatch--green{border-color:#40d040;background:#0a2a0a}.stopwatch--red{border-color:#e03030;background:#2a0a0a}.stopwatch__label{font-size:clamp(1.2rem,4vw,2.2rem);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#aaa}.stopwatch__time{font-size:clamp(3rem,12vw,7rem);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1}.stopwatch--normal .stopwatch__time{color:#fff}.stopwatch--yellow .stopwatch__time{color:#f0c040}.stopwatch--green .stopwatch__time{color:#40d040}.stopwatch--red .stopwatch__time{color:#e05050}.stopwatch__reset{font-size:clamp(.9rem,3vw,1.4rem);font-weight:600;padding:.5em 2em;border:none;border-radius:8px;background:#333;color:#ddd;cursor:pointer;letter-spacing:.05em;text-transform:uppercase;transition:background .15s}.stopwatch__reset:active{background:#555}.stopwatch__tenths{font-size:.55em;opacity:.7;vertical-align:baseline}.stopwatch__sets-count{font-size:clamp(1rem,3.5vw,1.8rem);font-weight:700;color:#aaa;font-variant-numeric:tabular-nums}.stopwatch__checkmarks{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;padding:0 12px;min-height:1.4em}.stopwatch__check{font-size:clamp(.9rem,2.5vw,1.3rem);color:#40d040;line-height:1}