:root{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;color-scheme:light dark;color:var(--text);background:var(--background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--background: #ffffff;--text: #171719;--secondary: #6b6b70;--tick: #b9b9bd;--tick-medium: #8e8e93;--orange: #c56500;--start-background: #dcf5e2;--start-text: #176b30;--reset-background: #fff0df;--reset-text: #9b5000;--panel: #f2f2f7;--row: #ffffff;--switch-off: #d1d1d6;--switch-on: #34c759;--focus: #007aff;--backdrop: rgb(0 0 0 / 32%)}@media(prefers-color-scheme:dark){:root{--background: #000000;--text: #f5f5f7;--secondary: #98989f;--tick: #48484a;--tick-medium: #636366;--orange: #ff9f0a;--start-background: #082d14;--start-text: #30d158;--reset-background: #332109;--reset-text: #ff9f0a;--panel: #1c1c1e;--row: #2c2c2e;--switch-off: #505054;--focus: #64aaff;--backdrop: rgb(0 0 0 / 65%)}}*,*:before,*:after{box-sizing:border-box}html{min-width:280px;min-height:100%;-webkit-text-size-adjust:100%}body{margin:0;min-height:100svh;overscroll-behavior-y:none}button,input{font:inherit;-webkit-tap-highlight-color:transparent}button{cursor:pointer;touch-action:manipulation;border:0}button:focus-visible,.switch:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:5px}::selection{color:var(--background);background:var(--text)}[hidden]{display:none!important}.stopwatch{--dial-size: min(100vw - 24px, 440px, 58svh);min-height:100svh;padding:env(safe-area-inset-top,0px) max(12px,env(safe-area-inset-right,0px)) max(24px,env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px))}.toolbar{height:64px;display:flex;justify-content:flex-end;align-items:center;max-width:560px;margin-inline:auto}.icon-button{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:transparent;color:var(--secondary);transition:background-color .16s ease-out,color .16s ease-out}.icon-button svg{width:25px;height:25px}.icon-button:active{background:var(--panel);color:var(--text)}.watch{display:flex;flex-direction:column;align-items:center;padding-top:clamp(24px,5svh,64px)}.clock{position:relative;width:var(--dial-size);aspect-ratio:1;flex-shrink:0;user-select:none;-webkit-user-select:none}.dial{display:block;width:100%;height:100%;overflow:visible}.tick{stroke:var(--tick);stroke-width:1.6}.tick--medium{stroke:var(--tick-medium);stroke-width:1.8}.tick--major{stroke:var(--text);stroke-width:2}.dial__numbers{fill:var(--text);font-size:27px;font-weight:300;text-anchor:middle;font-variant-numeric:tabular-nums}.dial__numbers--small{font-size:15px;font-weight:400}.dial__register .tick{stroke-width:1.25}.dial__register .tick--major{stroke:var(--tick-medium)}.hand{stroke:var(--orange);stroke-width:2}.hand--minute{stroke-width:1.4}.hand__pin{fill:var(--orange)}.hand__center{fill:var(--background);stroke:var(--orange);stroke-width:2}.readout{position:absolute;top:66.4%;left:19%;right:19%;text-align:center;line-height:1.15;font-size:calc(var(--dial-size) * .065);font-weight:400;font-variant-numeric:tabular-nums;letter-spacing:-.025em;white-space:nowrap}.readout--long{font-size:.8em}.controls{display:flex;flex-direction:column;align-items:center;gap:12px;width:min(100%,320px);min-height:132px;margin-top:clamp(36px,7svh,72px)}.primary-button{width:100%;min-height:72px;padding:18px 24px;border-radius:40px;background:var(--start-background);color:var(--start-text);font-size:21px;font-weight:600;letter-spacing:.01em;transition:filter .14s ease-out,transform .14s ease-out}.primary-button--running{background:var(--reset-background);color:var(--reset-text)}.primary-button:active{transform:scale(.97);filter:brightness(.9)}.stop-button{min-width:88px;min-height:48px;padding:12px 20px;background:transparent;color:var(--secondary);font-size:15px;font-weight:500;border-radius:16px}.stop-button:active{color:var(--text)}.settings{width:min(100% - 32px,380px);max-height:calc(100svh - 48px);margin:auto;padding:20px;overflow-y:auto;border:0;border-radius:24px;background:var(--panel);color:var(--text);box-shadow:0 20px 72px #0003}.settings::backdrop{background:var(--backdrop)}.settings__header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:-6px -6px 14px 0}.settings h1{margin:0;font-size:20px;font-weight:600;letter-spacing:-.02em}.done-button{min-height:44px;min-width:64px;padding:8px;border-radius:12px;background:transparent;color:var(--orange);font-size:17px;font-weight:600}.done-button:active{opacity:.7}.setting{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:10px 14px;border-radius:14px;background:var(--row);font-size:16px;line-height:1.4;cursor:pointer;-webkit-tap-highlight-color:transparent}.switch{position:relative;display:flex;align-items:center;width:51px;height:44px;flex:0 0 51px;border-radius:16px}.switch input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.switch__track{width:51px;height:31px;border-radius:16px;background:var(--switch-off);pointer-events:none;transition:background-color .18s ease-out}.switch__track:after{content:"";display:block;width:27px;height:27px;margin:2px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #0000002e;transition:transform .18s ease-out}.switch input:checked+.switch__track{background:var(--switch-on)}.switch input:checked+.switch__track:after{transform:translate(20px)}.settings__notice{margin:12px 4px 0;color:var(--secondary);font-size:13px;line-height:1.4}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(hover:hover){.icon-button:hover{color:var(--text);background:var(--panel)}.primary-button:hover{filter:brightness(.95)}.stop-button:hover{color:var(--text)}.done-button:hover{background:var(--row)}}@media(max-height:740px){.toolbar{height:56px}.watch{padding-top:24px}.controls{margin-top:28px}}@media(max-height:600px){.stopwatch{--dial-size: min(100vw - 32px, 52svh)}.toolbar{height:48px}.watch{padding-top:8px}.controls{min-height:110px;margin-top:20px;gap:4px}.primary-button{min-height:60px;padding:14px 24px}}@media(orientation:landscape)and (max-height:600px)and (min-width:600px){.stopwatch{--dial-size: min(100svh - 40px, 400px)}.toolbar{position:absolute;z-index:1;top:max(8px,env(safe-area-inset-top,0px));right:max(12px,env(safe-area-inset-right,0px))}.watch{min-height:calc(100svh - 24px);max-width:800px;margin-inline:auto;flex-direction:row;justify-content:center;gap:32px;padding-top:0}.controls{width:min(32vw,280px);margin-top:48px;flex-shrink:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:0s!important}}