.tm-online-stopwatch{--os-bg: var(--bg-surface);--os-text: var(--fg-body);--os-text-muted: var(--fg-muted);--os-card-bg: var(--bg-surface);--os-card-border: var(--border);--os-dial-bg: #faf8f4;--os-dial-edge: #c8c4bc;--os-tick-major: #1a1a1a;--os-tick-minor: #888888;--os-numbers: #444444;--os-hand-hour: #1a1a1a;--os-hand-min: #1a1a1a;--os-hand-sec: #c0392b;--os-cap-ring: #aaaaaa;--os-cap-inner: #faf8f4;--os-bezel-1: #d4d0c8;--os-bezel-2: #a8a49c;--os-bezel-3: #c0bcb4;--os-bezel-4: #e8e4dc;--os-bezel-inner-1: #ddd8d0;--os-bezel-inner-2: #c0bcb4;--os-dial-stop-1: #fffef8;--os-dial-stop-2: #f0ece4;--os-cap-stop-1: #c0bcb4;--os-cap-stop-2: #888888;--os-sub-dial-bg: rgba(0, 0, 0, .03);--os-sub-dial-border: rgba(0, 0, 0, .18);--os-digital-bg: rgba(15, 31, 61, .04);--os-digital-text: var(--fg-strong);--os-knurl-stroke: rgba(0, 0, 0, .18);--os-shadow-color: rgba(15, 31, 61, .18);--os-toolbar-bg: var(--bg-surface);--os-toolbar-text: var(--fg-body);--os-toolbar-border: var(--border);--os-toolbar-active-bg: var(--accent-primary);--os-toolbar-active-text: var(--fg-on-accent);--os-btn-start-bg: var(--accent-primary);--os-btn-start-text: var(--fg-on-accent);--os-btn-start-bg-hover: var(--accent-primary-hover);--os-btn-stop-bg: var(--color-danger);--os-btn-stop-text: #ffffff;--os-btn-stop-bg-hover: #b91c1c;--os-btn-lap-bg: #16a34a;--os-btn-lap-text: #ffffff;--os-btn-lap-bg-hover: #15803d;--os-btn-reset-bg: #ea580c;--os-btn-reset-text: #ffffff;--os-btn-reset-bg-hover: #c2410c;--os-btn-fs-bg: var(--bg-surface-alt);--os-btn-fs-text: var(--fg-body);--os-btn-fs-bg-hover: var(--hover-overlay);--os-overlay-bg: var(--bg-overlay);--os-toast-bg: #1a1a1a;--os-toast-text: #ffffff;--os-kbd-bg: rgba(0, 0, 0, .08);--os-kbd-text: var(--fg-body);--os-kbd-on-solid-bg: rgba(0, 0, 0, .28);--os-kbd-on-solid-text: #ffffff;display:block;margin:0 auto;padding:var(--space-6) var(--space-4) var(--space-8);max-width:880px;color:var(--os-text)}.tm-online-stopwatch[data-stopwatch-theme=dark]{--os-card-bg: #161616;--os-card-border: #2a2a2a;--os-text: #e8e8e8;--os-text-muted: #9a9a9a;--os-dial-bg: #141414;--os-dial-edge: #333333;--os-tick-major: #e8e8e8;--os-tick-minor: #555555;--os-numbers: #cccccc;--os-hand-hour: #e8e8e8;--os-hand-min: #e8e8e8;--os-hand-sec: #00d4aa;--os-cap-ring: #555555;--os-cap-inner: #141414;--os-bezel-1: #444444;--os-bezel-2: #2a2a2a;--os-bezel-3: #333333;--os-bezel-4: #4a4a4a;--os-bezel-inner-1: #2a2a2a;--os-bezel-inner-2: #1a1a1a;--os-dial-stop-1: #1e1e1e;--os-dial-stop-2: #111111;--os-cap-stop-1: #555555;--os-cap-stop-2: #2a2a2a;--os-sub-dial-bg: rgba(255, 255, 255, .04);--os-sub-dial-border: rgba(255, 255, 255, .12);--os-digital-bg: rgba(255, 255, 255, .04);--os-digital-text: #f4f4f4;--os-knurl-stroke: rgba(255, 255, 255, .18);--os-shadow-color: rgba(0, 0, 0, .55);--os-toolbar-bg: #161616;--os-toolbar-text: #d4d4d4;--os-toolbar-border: #2a2a2a;--os-toolbar-active-bg: #3b82f6;--os-toolbar-active-text: #ffffff;--os-btn-lap-bg: #10b981;--os-btn-lap-text: #0a1f17;--os-btn-lap-bg-hover: #34d399;--os-btn-reset-bg: #f59e0b;--os-btn-reset-text: #1f1300;--os-btn-reset-bg-hover: #fbbf24;--os-btn-fs-bg: #1f1f1f;--os-btn-fs-text: #e8e8e8;--os-btn-fs-bg-hover: rgba(255, 255, 255, .1);--os-toast-bg: #f4f4f4;--os-toast-text: #1a1a1a;--os-kbd-bg: rgba(255, 255, 255, .14);--os-kbd-text: #e8e8e8;--os-kbd-on-solid-bg: rgba(0, 0, 0, .32);--os-kbd-on-solid-text: #ffffff}[data-theme=dark] .tm-online-stopwatch:not([data-stopwatch-theme=classic]){--os-card-bg: #161616;--os-card-border: #2a2a2a;--os-text: #e8e8e8}.tm-online-stopwatch *,.tm-online-stopwatch *:before,.tm-online-stopwatch *:after{box-sizing:border-box}.tm-online-stopwatch__sr-heading,.tm-online-stopwatch__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tm-online-stopwatch__toolbar{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-2);margin-bottom:var(--space-5)}.tm-online-stopwatch__toolbar-group{display:inline-flex;gap:var(--space-1)}.tm-online-stopwatch__toolbar-divider{display:inline-block;width:1px;height:22px;background:var(--os-toolbar-border)}.tm-online-stopwatch__toolbar-btn{background:var(--os-toolbar-bg);color:var(--os-toolbar-text);border:1px solid var(--os-toolbar-border);border-radius:var(--radius-md);padding:var(--space-1_5) var(--space-3);font:inherit;font-size:.85rem;font-weight:500;cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease;min-height:36px}.tm-online-stopwatch__toolbar-btn:hover{background:var(--hover-overlay)}.tm-online-stopwatch__toolbar-btn.is-active{background:var(--os-toolbar-active-bg);color:var(--os-toolbar-active-text);border-color:var(--os-toolbar-active-bg)}.tm-online-stopwatch__toolbar-btn:focus-visible,.tm-online-stopwatch__btn:focus-visible,.tm-online-stopwatch__laps-action:focus-visible,.tm-online-stopwatch__laps-collapse:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.tm-online-stopwatch__clock-wrap{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--space-4)}.tm-online-stopwatch__clock{position:relative;width:min(360px,80vw);aspect-ratio:1 / 1;filter:drop-shadow(0 12px 28px var(--os-shadow-color))}.tm-online-stopwatch__svg{width:100%;height:100%;display:block}.tm-online-stopwatch__bezel-stop-1{stop-color:var(--os-bezel-1)}.tm-online-stopwatch__bezel-stop-2{stop-color:var(--os-bezel-2)}.tm-online-stopwatch__bezel-stop-3{stop-color:var(--os-bezel-3)}.tm-online-stopwatch__bezel-stop-4{stop-color:var(--os-bezel-4)}.tm-online-stopwatch__bezel-inner-1{stop-color:var(--os-bezel-inner-1)}.tm-online-stopwatch__bezel-inner-2{stop-color:var(--os-bezel-inner-2)}.tm-online-stopwatch__dial-stop-1{stop-color:var(--os-dial-stop-1)}.tm-online-stopwatch__dial-stop-2{stop-color:var(--os-dial-stop-2)}.tm-online-stopwatch__cap-stop-1{stop-color:var(--os-cap-stop-1)}.tm-online-stopwatch__cap-stop-2{stop-color:var(--os-cap-stop-2)}.tm-online-stopwatch__dial-edge{stroke:var(--os-dial-edge)}.tm-online-stopwatch__sub-dial circle{fill:var(--os-sub-dial-bg);stroke:var(--os-sub-dial-border)}.tm-online-stopwatch__tick-major{stroke:var(--os-tick-major)}.tm-online-stopwatch__tick-minor{stroke:var(--os-tick-minor)}.tm-online-stopwatch__numbers text{fill:var(--os-numbers);font-family:inherit}.tm-online-stopwatch__hand-hour{stroke:var(--os-hand-hour)}.tm-online-stopwatch__hand-min{stroke:var(--os-hand-min)}.tm-online-stopwatch__hand-sec{stroke:var(--os-hand-sec)}.tm-online-stopwatch__hand-sec-cap{fill:var(--os-hand-sec)}.tm-online-stopwatch__cap-ring{stroke:var(--os-cap-ring)}.tm-online-stopwatch__cap-inner{fill:var(--os-cap-inner)}.tm-online-stopwatch__knurl line{stroke:var(--os-knurl-stroke)}.tm-online-stopwatch__digital{margin-top:var(--space-4);background:var(--os-digital-bg);color:var(--os-digital-text);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-7);font-variant-numeric:tabular-nums;font-feature-settings:"tnum";font-size:clamp(2rem,5vw,3rem);font-weight:300;letter-spacing:1px;font-family:SF Mono,Fira Code,Cascadia Code,Consolas,ui-monospace,monospace;line-height:1;text-align:center}.tm-online-stopwatch__privacy-inline{margin-top:var(--space-2);color:var(--os-text-muted);font-size:.78rem;text-align:center;opacity:.85}.tm-online-stopwatch__storage-warning{margin-top:var(--space-2);padding:var(--space-1_5) var(--space-3);border-radius:var(--radius-md);background:var(--color-warning-subtle);color:var(--color-warning);font-size:.8rem;text-align:center}.tm-online-stopwatch__controls{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);margin:var(--space-5) 0 var(--space-4)}.tm-online-stopwatch__btn{position:relative;overflow:hidden;border:none;border-radius:var(--radius-lg);padding:var(--space-3_5, 14px) var(--space-7);min-width:110px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font:inherit;font-size:1rem;font-weight:600;cursor:pointer;user-select:none;-webkit-user-select:none;transition:background .12s ease,transform 80ms ease,color .12s ease}.tm-online-stopwatch__btn:active:not(:disabled){transform:scale(.97)}.tm-online-stopwatch__btn:disabled{opacity:.45;cursor:not-allowed}.tm-online-stopwatch__btn--start{background:var(--os-btn-start-bg);color:var(--os-btn-start-text)}.tm-online-stopwatch__btn--start:hover:not(:disabled){background:var(--os-btn-start-bg-hover)}.tm-online-stopwatch__btn--stop{background:var(--os-btn-stop-bg);color:var(--os-btn-stop-text)}.tm-online-stopwatch__btn--stop:hover:not(:disabled){background:var(--os-btn-stop-bg-hover)}.tm-online-stopwatch__btn--lap{background:var(--os-btn-lap-bg);color:var(--os-btn-lap-text)}.tm-online-stopwatch__btn--lap:hover:not(:disabled){background:var(--os-btn-lap-bg-hover)}.tm-online-stopwatch__btn--reset{background:var(--os-btn-reset-bg);color:var(--os-btn-reset-text)}.tm-online-stopwatch__btn--reset:hover:not(:disabled){background:var(--os-btn-reset-bg-hover)}.tm-online-stopwatch__btn--fs{background:var(--os-btn-fs-bg);color:var(--os-btn-fs-text);min-width:80px}.tm-online-stopwatch__btn--fs:hover:not(:disabled){background:var(--os-btn-fs-bg-hover)}.tm-online-stopwatch__btn--ghost{background:transparent;color:var(--os-text);border:1px solid var(--os-toolbar-border);min-width:100px;min-height:40px}.tm-online-stopwatch__btn--ghost:hover{background:var(--hover-overlay)}.tm-online-stopwatch__kbd{display:inline-block;font-family:SF Mono,Fira Code,Consolas,ui-monospace,monospace;font-size:.7rem;font-weight:600;background:var(--os-kbd-bg);color:var(--os-kbd-text);border-radius:4px;padding:1px 6px}.tm-online-stopwatch__btn--start .tm-online-stopwatch__kbd,.tm-online-stopwatch__btn--stop .tm-online-stopwatch__kbd,.tm-online-stopwatch__btn--lap .tm-online-stopwatch__kbd,.tm-online-stopwatch__btn--reset .tm-online-stopwatch__kbd{background:var(--os-kbd-on-solid-bg);color:var(--os-kbd-on-solid-text)}.tm-online-stopwatch__reset-progress{position:absolute;bottom:0;left:0;height:3px;background:var(--color-danger);border-radius:0 0 var(--radius-lg) var(--radius-lg);transition:width 60ms linear}.tm-online-stopwatch__laps{background:var(--os-card-bg);border:1px solid var(--os-card-border);border-radius:var(--radius-xl);margin:var(--space-5) 0 var(--space-6);overflow:hidden}.tm-online-stopwatch__laps-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--bg-surface-alt, var(--os-card-bg));border-bottom:1px solid var(--os-card-border)}.tm-online-stopwatch__laps-header h3{margin:0;font-size:.95rem;font-weight:600;color:var(--os-text)}.tm-online-stopwatch__laps-actions{display:inline-flex;flex-wrap:wrap;gap:var(--space-2)}.tm-online-stopwatch__laps-collapse{background:transparent;color:var(--accent-primary);border:1px solid var(--os-card-border);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);font-size:.78rem;font-weight:600;cursor:pointer}.tm-online-stopwatch__laps-action{background:var(--bg-surface);color:var(--os-text);border:1px solid var(--os-card-border);border-radius:var(--radius-sm);padding:var(--space-1_5) var(--space-3);font-size:.8rem;font-weight:500;cursor:pointer;transition:background .12s ease}.tm-online-stopwatch__laps-action:hover:not(:disabled){background:var(--hover-overlay)}.tm-online-stopwatch__laps-action:disabled{opacity:.45;cursor:not-allowed}.tm-online-stopwatch__laps.is-collapsed .tm-online-stopwatch__laps-body{display:none}.tm-online-stopwatch__laps-body{max-height:280px;overflow-y:auto}.tm-online-stopwatch__laps-empty{margin:0;padding:var(--space-7) var(--space-4);text-align:center;color:var(--os-text-muted);font-size:.9rem}.tm-online-stopwatch__laps-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.tm-online-stopwatch__laps-table th{position:sticky;top:0;background:var(--bg-surface-alt, var(--os-card-bg));padding:var(--space-2) var(--space-4);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--os-text-muted);text-align:left;border-bottom:1px solid var(--os-card-border)}.tm-online-stopwatch__laps-table td{padding:var(--space-2) var(--space-4);font-size:.9rem;color:var(--os-text);border-bottom:1px solid var(--os-card-border);font-family:SF Mono,Fira Code,Consolas,ui-monospace,monospace}.tm-online-stopwatch__laps-table tr:last-child td{border-bottom:none}.tm-online-stopwatch__lap-num{font-weight:600;color:var(--accent-primary);width:48px}.tm-online-stopwatch__overlay{position:fixed;inset:0;background:var(--os-overlay-bg);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.tm-online-stopwatch__dialog{background:var(--os-card-bg);color:var(--os-text);border-radius:var(--radius-xl);padding:var(--space-7);max-width:420px;width:100%;box-shadow:var(--shadow-popover);text-align:center;border:1px solid var(--os-card-border)}.tm-online-stopwatch__dialog h2{margin:0 0 var(--space-2);font-size:1.15rem}.tm-online-stopwatch__dialog p{margin:0 0 var(--space-5);color:var(--os-text-muted);font-size:.9rem}.tm-online-stopwatch__dialog-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.tm-online-stopwatch__dialog--shortcuts{text-align:left;max-width:380px}.tm-online-stopwatch__shortcut-list{list-style:none;margin:0 0 var(--space-4);padding:0}.tm-online-stopwatch__shortcut-list li{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;border-bottom:1px solid var(--os-card-border);font-size:.9rem}.tm-online-stopwatch__shortcut-list li:last-child{border-bottom:none}.tm-online-stopwatch__shortcut-list kbd{display:inline-block;background:var(--os-kbd-bg);border:1px solid var(--os-card-border);border-radius:var(--radius-sm);padding:2px 10px;font-family:SF Mono,Fira Code,Consolas,ui-monospace,monospace;font-size:.8rem;font-weight:600;min-width:36px;text-align:center;color:var(--os-text)}.tm-online-stopwatch__toast{position:fixed;left:50%;bottom:var(--space-6);background:var(--os-toast-bg);color:var(--os-toast-text);padding:var(--space-2_5) var(--space-5);border-radius:var(--radius-md);font-size:.85rem;z-index:2000;opacity:0;transform:translate(-50%,30px);transition:opacity .2s ease,transform .2s ease;pointer-events:none;box-shadow:var(--shadow-2);max-width:min(420px,calc(100% - 32px));text-align:center}.tm-online-stopwatch__toast.is-visible{opacity:1;transform:translate(-50%)}.tm-online-stopwatch:fullscreen,.tm-online-stopwatch--fullscreen,.tm-online-stopwatch--pseudo-fullscreen{background:var(--os-bg)}.tm-online-stopwatch:fullscreen,.tm-online-stopwatch--pseudo-fullscreen{position:fixed;inset:0;z-index:9990;max-width:none;padding:var(--space-5);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:auto}.tm-online-stopwatch:fullscreen .tm-online-stopwatch__clock,.tm-online-stopwatch--pseudo-fullscreen .tm-online-stopwatch__clock{width:min(70vmin,560px)}.tm-online-stopwatch:fullscreen .tm-online-stopwatch__digital,.tm-online-stopwatch--pseudo-fullscreen .tm-online-stopwatch__digital{font-size:clamp(2.4rem,7vmin,4.6rem)}.tm-online-stopwatch:fullscreen .tm-online-stopwatch__laps,.tm-online-stopwatch--pseudo-fullscreen .tm-online-stopwatch__laps{max-width:360px;margin:var(--space-4) auto 0}@media(max-width:540px){.tm-online-stopwatch{padding:var(--space-4) var(--space-3) var(--space-7)}.tm-online-stopwatch__btn{flex:1 1 calc(50% - var(--space-3));min-width:0;padding:var(--space-3) var(--space-4);font-size:.95rem}.tm-online-stopwatch__btn--fs{flex:1 1 calc(50% - var(--space-3))}.tm-online-stopwatch__digital{padding:var(--space-2) var(--space-4)}}@media(prefers-reduced-motion:reduce){.tm-online-stopwatch__btn,.tm-online-stopwatch__toolbar-btn,.tm-online-stopwatch__toast,.tm-online-stopwatch__reset-progress{transition:none}}