#bb-stopwatch-app.bb-stopwatch-preinit{visibility:hidden}
#bb-stopwatch-app{--text:#1d1d1f;--muted:#6e6e73;--line:#e5e5ea;--ring:#d2d2d7;--card:#f5f5f7;--card-hover:#ededf0;--control:#f2f2f7;--control-hover:#e5e5ea;--blue:#0071e3;--blue-hover:#0077ed;--blue-active:#0068d1;--danger:#ff3b30;--best:#0066cc;--best-bg:#e5f1ff}
.theme-dark #bb-stopwatch-app,#bb-stopwatch-app.bb-theme-dark{--text:#f5f5f7;--muted:#a1a1a6;--line:#333336;--ring:#424245;--card:#1c1c1e;--card-hover:#242426;--control:#2c2c2e;--control-hover:#3a3a3c;--blue:#0a84ff;--blue-hover:#3298ff;--blue-active:#0075e8;--best:#64a8ff;--best-bg:rgba(10,132,255,.16)}
#bb-stopwatch-app .bb-stopwatch-ring-bg{stroke:var(--ring)}
#bb-stopwatch-app .bb-stopwatch-ring-progress{stroke:var(--blue)}
#bb-stopwatch-app,#bb-stopwatch-app *{box-sizing:border-box}#bb-stopwatch-app{--bb-text:#1d1d1f;--bb-muted:#6e6e73;--bb-line:#e5e5ea;--bb-ring:#d2d2d7;--bb-card:#f5f5f7;--bb-card-hover:#ededf0;--bb-control:#f2f2f7;--bb-control-hover:#e5e5ea;--bb-blue:#0071e3;--bb-blue-hover:#0077ed;--bb-blue-active:#0068d1;--bb-danger:#ff3b30;--bb-best:#0066cc;--bb-best-bg:#e5f1ff;position:relative;width:100%;margin:0 auto;overflow:visible;color:var(--bb-text);font-family:"BB Text",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif}#bb-stopwatch-app .bb-stopwatch-capture{position:relative;width:100%}#bb-stopwatch-app .bb-stopwatch-display{position:relative;width:100%;max-width:360px;margin:0 auto}#bb-stopwatch-app .bb-stopwatch-ring{display:block;width:100%;height:auto;transform:rotate(-90deg);transform-origin:center}#bb-stopwatch-app .bb-stopwatch-ring-bg{fill:none;stroke:var(--bb-ring);stroke-width:1.3}#bb-stopwatch-app .bb-stopwatch-ring-progress{fill:none;stroke:var(--bb-blue);stroke-width:1.9;stroke-linecap:round}#bb-stopwatch-app .bb-stopwatch-time{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--bb-text);font-family:"BB Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:clamp(46px,12vw,72px);font-weight:400;line-height:1;letter-spacing:-.045em;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;user-select:none}#bb-stopwatch-app .bb-stopwatch-controls{display:grid;grid-template-columns:38px 38px 64px 38px 38px;justify-content:center;align-items:center;width:100%;margin-top:14px;padding:5px 8px;gap:5px}#bb-stopwatch-app button.bb-stopwatch-button{all:unset;box-sizing:border-box;position:relative;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:0;border:0;border-radius:50%;background-image:none;box-shadow:none;text-shadow:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;transition:transform .1s ease,opacity .14s ease}#bb-stopwatch-app button#bbStopwatchToggle{width:64px;height:64px;background:var(--bb-blue);color:#fff}#bb-stopwatch-app button#bbStopwatchToggle:hover{background:var(--bb-blue-hover)}#bb-stopwatch-app button#bbStopwatchToggle:active{background:var(--bb-blue-active);transform:scale(.94)}#bb-stopwatch-app button#bbStopwatchToggle svg.bb-stopwatch-toggle-icon{position:absolute;top:50%;left:50%;width:34px;height:34px;fill:currentColor;opacity:0;visibility:hidden;transform:translate(-50%,-50%) scale(.88);pointer-events:none;transition:opacity .05s ease,transform .05s ease}#bb-stopwatch-app button#bbStopwatchToggle svg.is-visible{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}#bb-stopwatch-app button.bb-stopwatch-secondary{width:38px;height:38px;background:var(--bb-control);color:var(--bb-text)}#bb-stopwatch-app button.bb-stopwatch-secondary:hover{background:var(--bb-control-hover)}#bb-stopwatch-app button.bb-stopwatch-secondary:active{transform:scale(.9)}#bb-stopwatch-app button.bb-stopwatch-secondary svg{width:16px;height:16px;fill:currentColor;pointer-events:none}#bb-stopwatch-app button.bb-stopwatch-button:disabled{opacity:.27;cursor:default;pointer-events:none}#bb-stopwatch-app .bb-button-content,#bb-stopwatch-app .bb-button-loader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}#bb-stopwatch-app .bb-button-loader{opacity:0;visibility:hidden}#bb-stopwatch-app button.bb-loading .bb-button-content{opacity:0;visibility:hidden}#bb-stopwatch-app button.bb-loading .bb-button-loader{opacity:1;visibility:visible}#bb-stopwatch-app .bb-stopwatch-shortcuts{display:flex;justify-content:center;flex-wrap:wrap;gap:7px 12px;margin-top:11px;padding:0 8px;color:var(--bb-muted);font-family:"BB Text",sans-serif;font-size:12px;line-height:1.35}#bb-stopwatch-app .bb-stopwatch-shortcuts span{display:inline-flex;align-items:center;gap:5px}#bb-stopwatch-app .bb-stopwatch-shortcuts kbd{display:inline-flex;align-items:center;min-height:22px;padding:2px 6px;border:1px solid var(--bb-line);border-radius:6px;background:var(--bb-control);color:var(--bb-text);font-family:"BB Text",sans-serif;font-size:12px}#bb-stopwatch-app .bb-stopwatch-option{display:flex;align-items:center;justify-content:space-between;gap:14px;max-width:360px;margin:12px auto 0;padding:9px 11px;border-radius:10px;background:var(--bb-card)}#bb-stopwatch-app .bb-stopwatch-option-text{display:flex;flex-direction:column;gap:2px;min-width:0}#bb-stopwatch-app .bb-stopwatch-option-text strong{font-size:13px;font-weight:600;line-height:1.3;color:var(--bb-text)}#bb-stopwatch-app .bb-stopwatch-option-text span{font-size:12px;line-height:1.3;color:var(--bb-muted)}#bb-stopwatch-app button.bb-stopwatch-switch{all:unset;box-sizing:border-box;position:relative;display:block;flex:0 0 42px;width:42px;height:24px;border-radius:99px;background:var(--bb-control);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}#bb-stopwatch-app button.bb-stopwatch-switch[aria-checked="true"]{background:var(--bb-blue)}#bb-stopwatch-app .bb-stopwatch-switch-knob{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.18);transform:translateX(0);transition:transform .18s ease}#bb-stopwatch-app button.bb-stopwatch-switch[aria-checked="true"] .bb-stopwatch-switch-knob{transform:translateX(18px)}#bb-stopwatch-app .bb-stopwatch-section{width:100%;margin-top:22px;padding-top:16px;border-top:1px solid var(--bb-line)}#bb-stopwatch-app .bb-stopwatch-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:9px;padding:0 2px}#bb-stopwatch-app .bb-stopwatch-section-title{color:var(--bb-text);font-family:"BB Text",sans-serif;font-size:17px;font-weight:600;line-height:1.3}#bb-stopwatch-app .bb-stopwatch-best{min-height:16px;margin-top:2px;color:var(--bb-muted);font-family:"BB Text",sans-serif;font-size:12px;line-height:1.3}#bb-stopwatch-app .bb-stopwatch-list{display:flex;flex-direction:column;gap:5px}#bb-stopwatch-app .bb-stopwatch-lap{display:flex;align-items:center;justify-content:space-between;min-height:42px;padding:7px 10px;border-radius:10px;background:var(--bb-card)}#bb-stopwatch-app .bb-stopwatch-lap-label{color:var(--bb-muted);font-family:"BB Text",sans-serif;font-size:12px}#bb-stopwatch-app .bb-stopwatch-lap-time{color:var(--bb-text);font-family:"BB Text",sans-serif;font-size:16px;font-weight:600;font-variant-numeric:tabular-nums}#bb-stopwatch-app .bb-stopwatch-records{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));width:100%;justify-content:stretch;gap:6px}#bb-stopwatch-app .bb-stopwatch-record{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-width:0;min-height:50px;gap:6px;padding:7px 7px 7px 10px;border-radius:10px;background:var(--bb-card);width:100%;max-width:none}#bb-stopwatch-app .bb-stopwatch-record:hover{background:var(--bb-card-hover)}#bb-stopwatch-app .bb-stopwatch-record-info{min-width:0}#bb-stopwatch-app .bb-stopwatch-record-time{display:flex;align-items:center;min-width:0;color:var(--bb-text);font-family:"BB Text",sans-serif;font-size:16px;font-weight:600;line-height:1.1;font-variant-numeric:tabular-nums}#bb-stopwatch-app .bb-stopwatch-record-date{margin-top:3px;overflow:hidden;color:var(--bb-muted);font-family:"BB Text",sans-serif;font-size:12px;line-height:1.2;white-space:nowrap;text-overflow:ellipsis}#bb-stopwatch-app .bb-stopwatch-best-badge{flex:0 0 auto;margin-left:5px;padding:2px 5px;border-radius:99px;background:var(--bb-best-bg);color:var(--bb-best);font-family:"BB Text",sans-serif;font-size:12px;font-weight:600;line-height:1}#bb-stopwatch-app .bb-stopwatch-record-actions{display:flex;align-items:center;gap:3px}#bb-stopwatch-app button.bb-stopwatch-record-action{all:unset;box-sizing:border-box;position:relative;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--bb-control);color:var(--bb-muted);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .1s ease,opacity .14s ease}#bb-stopwatch-app button.bb-stopwatch-record-action:hover{background:var(--bb-control-hover);color:var(--bb-text)}#bb-stopwatch-app button.bb-stopwatch-record-action.delete:hover{color:var(--bb-danger)}#bb-stopwatch-app button.bb-stopwatch-record-action:active{transform:scale(.9)}#bb-stopwatch-app button.bb-stopwatch-record-action svg{width:14px;height:14px;fill:currentColor;pointer-events:none}#bb-stopwatch-app button.bb-stopwatch-clear{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:3px 5px;border-radius:6px;color:var(--bb-danger);font-family:"BB Text",sans-serif;font-size:12px;line-height:1.3;cursor:pointer;touch-action:manipulation}#bb-stopwatch-app button.bb-stopwatch-clear:hover{background:rgba(255,59,48,.08)}#bb-stopwatch-app .bb-stopwatch-limit{margin-bottom:7px;padding:9px 11px;border-radius:9px;background:rgba(255,59,48,.08);color:var(--bb-danger);font-size:12px;font-weight:500;line-height:1.4}#bb-stopwatch-app .bb-stopwatch-empty{padding:14px 12px;border-radius:10px;background:var(--bb-card);color:var(--bb-muted);font-family:"BB Text",sans-serif;font-size:12px;line-height:1.4;text-align:center}#bb-stopwatch-app .bb-stopwatch-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px;margin-top:10px}#bb-stopwatch-app button.bb-stopwatch-page{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 7px;border-radius:7px;background:var(--bb-control);color:var(--bb-text);font-family:"BB Text",sans-serif;font-size:12px;line-height:1;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .1s ease}#bb-stopwatch-app button.bb-stopwatch-page:hover{background:var(--bb-control-hover)}#bb-stopwatch-app button.bb-stopwatch-page:active{transform:scale(.92)}#bb-stopwatch-app button.bb-stopwatch-page.is-active{background:var(--bb-blue);color:#fff}#bb-stopwatch-app button.bb-stopwatch-page:disabled{opacity:.3;cursor:default;pointer-events:none}#bb-stopwatch-app .bb-stopwatch-capture-info{padding:14px 20px 24px;text-align:center}#bb-stopwatch-app .bb-stopwatch-capture-label{color:var(--bb-muted);font-family:"BB Text",sans-serif;font-size:15px}#bb-stopwatch-app .bb-stopwatch-capture-result{margin-top:7px;color:var(--bb-text);font-family:"BB Mono",monospace;font-size:34px;font-weight:500}#bb-stopwatch-app .bb-stopwatch-capture-url{margin-top:10px;color:var(--bb-muted);font-family:"BB Text",sans-serif;font-size:12px;line-height:1.4;overflow-wrap:anywhere}#bb-stopwatch-app .bb-spinner{display:block;width:20px;height:20px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:bbSpin .65s linear infinite}#bb-stopwatch-app .bb-spinner-small{width:14px;height:14px}#bb-stopwatch-app .bb-stopwatch-toast{position:fixed;left:50%;bottom:20px;z-index:9999999;max-width:calc(100vw - 24px);padding:8px 13px;border-radius:99px;background:rgba(29,29,31,.92);color:#fff;font-family:"BB Text",sans-serif;font-size:12px;line-height:1.4;text-align:center;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,7px);transition:opacity .16s ease,transform .16s ease}#bb-stopwatch-app .bb-stopwatch-toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}.theme-dark #bb-stopwatch-app{--bb-text:#f5f5f7;--bb-muted:#a1a1a6;--bb-line:#333336;--bb-ring:#424245;--bb-card:#1c1c1e;--bb-card-hover:#242426;--bb-control:#2c2c2e;--bb-control-hover:#3a3a3c;--bb-blue:#0a84ff;--bb-blue-hover:#3298ff;--bb-blue-active:#0075e8;--bb-best:#64a8ff;--bb-best-bg:rgba(10,132,255,.16)}.theme-dark .theme-dark @media(max-width:600px){#bb-stopwatch-app{padding:16px 8px 22px}#bb-stopwatch-app .bb-stopwatch-display{width:100%;max-width:280px;margin:0 auto}#bb-stopwatch-app .bb-stopwatch-time{font-size:clamp(40px,13vw,56px)}#bb-stopwatch-app .bb-stopwatch-controls{grid-template-columns:36px 36px 60px 36px 36px;margin-top:12px;gap:4px;padding:4px 6px}#bb-stopwatch-app button#bbStopwatchToggle{width:60px;height:60px}#bb-stopwatch-app button#bbStopwatchToggle svg.bb-stopwatch-toggle-icon{width:31px;height:31px}#bb-stopwatch-app button.bb-stopwatch-secondary{width:36px;height:36px}#bb-stopwatch-app .bb-stopwatch-option{max-width:300px}#bb-stopwatch-app .bb-stopwatch-section{margin-top:20px;padding-top:14px}#bb-stopwatch-app .bb-stopwatch-records{grid-template-columns:1fr;justify-content:stretch;gap:5px}#bb-stopwatch-app .bb-stopwatch-record{max-width:none;min-height:48px;padding:6px 7px 6px 10px}#bb-stopwatch-app .bb-stopwatch-record-time{font-size:15px}#bb-stopwatch-app button.bb-stopwatch-record-action{width:28px;height:28px}}@keyframes bbSpin{to{transform:rotate(360deg)}}
#bb-stopwatch-app{
--ring-progress-paused:#ff9500;
--ring-progress-playing:#34c759;
--display-hit-paused:rgba(255,149,0,.07);
--display-hit-playing:rgba(52,199,89,.07)
}
.theme-dark #bb-stopwatch-app,#bb-stopwatch-app.bb-theme-dark{
--ring-progress-paused:#ff9500;
--ring-progress-playing:#34c759;
--display-hit-paused:rgba(255,149,0,.07);
--display-hit-playing:rgba(52,199,89,.07)
}
#bb-stopwatch-app .bb-stopwatch-display{
cursor:pointer;
touch-action:manipulation;
-webkit-tap-highlight-color:transparent;
-webkit-touch-callout:none;
user-select:none;
border-radius:50%;
background:var(--display-hit-paused)
}
#bb-stopwatch-app.bb-is-running .bb-stopwatch-display{background:var(--display-hit-playing)}
#bb-stopwatch-app .bb-stopwatch-display:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
#bb-stopwatch-app .bb-stopwatch-ring-bg{stroke:var(--ring)}
#bb-stopwatch-app .bb-stopwatch-ring-progress{stroke:var(--ring-progress-paused)}
#bb-stopwatch-app.bb-is-running .bb-stopwatch-ring-progress{stroke:var(--ring-progress-playing)}
#bb-stopwatch-app .bb-stopwatch-records{justify-content:center}

#bb-stopwatch-app .bb-stopwatch-display{
position:relative;
display:block;
aspect-ratio:1/1;
cursor:pointer;
touch-action:manipulation;
-webkit-tap-highlight-color:transparent;
-webkit-touch-callout:none;
user-select:none;
outline:none
}
#bb-stopwatch-app .bb-stopwatch-display .bb-stopwatch-ring,
#bb-stopwatch-app .bb-stopwatch-display .bb-stopwatch-ring *,
#bb-stopwatch-app .bb-stopwatch-display .bb-stopwatch-time{
pointer-events:none
}
#bb-stopwatch-app .bb-stopwatch-display:focus-visible{
outline:3px solid var(--blue);
outline-offset:5px;
border-radius:50%
}

#bb-stopwatch-app .bb-stopwatch-option .bb-stopwatch-shortcuts{justify-content:flex-start;gap:5px 10px;margin-top:6px;padding:0}
#bb-stopwatch-app .bb-stopwatch-option .bb-stopwatch-shortcuts span{font-size:12px}