:is([data-page=timer],[data-page=stopwatch]) .cp-head{gap:var(--space-3) var(--space-6);padding-block:var(--space-6) var(--space-4);align-items:end;display:grid}@media (min-width:860px){:is([data-page=timer],[data-page=stopwatch]) .cp-head{grid-template-columns:minmax(0,1fr) auto}}:is([data-page=timer],[data-page=stopwatch]) .cp-head h1{font-size:clamp(2rem, 4.2vw, var(--font-size-4xl))}:is([data-page=timer],[data-page=stopwatch]) .cp-head .lede{max-width:60ch;margin-top:var(--space-2);font-size:clamp(var(--font-size-base), 1.4vw, var(--font-size-lg))}:is([data-page=timer],[data-page=stopwatch]) .mode-tabs{gap:var(--space-1);border:var(--shape-border-width) solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);justify-self:start;padding:4px;display:inline-flex}:is([data-page=timer],[data-page=stopwatch]) .mode-tabs a{align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-4);border-radius:calc(var(--radius-control) - 2px);color:var(--color-text-secondary);font-weight:800;text-decoration:none;display:inline-flex}:is([data-page=timer],[data-page=stopwatch]) .mode-tabs a:hover{background:var(--color-sunken);color:var(--color-text)}:is([data-page=timer],[data-page=stopwatch]) .mode-tabs a[aria-current=page]{background:var(--color-brand);color:var(--color-text-on-brand)}:is([data-page=timer],[data-page=stopwatch]) .cp-tool{gap:var(--space-4);padding-block-end:var(--space-4);display:grid}:is([data-page=timer],[data-page=stopwatch]) .panel{gap:var(--space-4);grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:960px){:is([data-page=timer],[data-page=stopwatch]) .panel{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:stretch}}:is([data-page=timer],[data-page=stopwatch]) .board{isolation:isolate;padding:var(--space-5);position:relative;overflow:hidden}:is([data-page=timer],[data-page=stopwatch]) .cp-fs{margin-inline-start:auto}:is([data-page=timer],[data-page=stopwatch]) .board-top{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;min-height:32px;display:flex}:is([data-page=timer],[data-page=stopwatch]) .board-top .eyebrow{max-width:100%;color:var(--color-text);font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:is([data-page=timer],[data-page=stopwatch]) .board-digits{min-width:0;container-type:inline-size}:is([data-page=timer],[data-page=stopwatch]) .digits .sep{justify-content:center;display:inline-flex}:is([data-page=timer],[data-page=stopwatch]) .board-ctrl{align-items:center;gap:var(--space-2);padding-top:var(--space-2);transition:opacity var(--motion-duration-slow) var(--motion-ease-standard);flex-wrap:wrap;display:flex}:is([data-page=timer],[data-page=stopwatch]) .board-ctrl .cp-go{min-width:7.5em}:is([data-page=timer],[data-page=stopwatch]) .board-ctrl .cp-sp{flex:1}:is([data-page=timer],[data-page=stopwatch]) .board .present-bar{display:none}:is([data-page=timer],[data-page=stopwatch]) .pb-h{font-family:var(--font-body);font-size:var(--font-size-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);font-weight:800}:is([data-page=timer],[data-page=stopwatch]) .console .switch{min-height:44px;font-weight:700}:is([data-page=timer],[data-page=stopwatch]) .hint{text-align:center}:is([data-page=timer],[data-page=stopwatch]) .ad-slot{margin-inline:auto}:is([data-page=timer],[data-page=stopwatch]) .cp-ad{margin-block:var(--space-6) var(--space-2)}:is([data-page=timer],[data-page=stopwatch]) .cp-content{gap:var(--space-7);grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:1200px){:is([data-page=timer],[data-page=stopwatch]) .cp-content{grid-template-columns:minmax(0,1fr) 300px}}:is([data-page=timer],[data-page=stopwatch]) .cp-rail{display:none}@media (min-width:1200px){:is([data-page=timer],[data-page=stopwatch]) .cp-rail{padding-top:var(--space-7);display:block}}:is([data-page=timer],[data-page=stopwatch]) .cp-main{gap:var(--space-7);align-content:start;min-width:0;display:grid}:is([data-page=timer],[data-page=stopwatch]) .cp-main .section{padding-block:var(--space-7) 0}:is([data-page=timer],[data-page=stopwatch]) .cp-main>.ad-slot{width:100%;margin-block:var(--space-7) 0}:is([data-page=timer],[data-page=stopwatch]) .cp-main .section-head p{max-width:64ch;color:var(--color-text-secondary)}@media (min-width:1000px){:is([data-page=timer],[data-page=stopwatch]) .cp-main .how{grid-template-columns:repeat(4,minmax(0,1fr))}}:is([data-page=timer],[data-page=stopwatch]) .tips{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));display:grid}:is([data-page=timer],[data-page=stopwatch]) .tip{gap:var(--space-1) var(--space-4);grid-template-columns:auto minmax(0,1fr);align-content:start;display:grid}:is([data-page=timer],[data-page=stopwatch]) .tip-emoji{border-radius:var(--radius-control);background:var(--color-sunken);grid-row:span 2;place-items:center;width:52px;height:52px;font-size:1.6rem;display:grid}:is([data-page=timer],[data-page=stopwatch]) .tip h3{font-size:var(--font-size-lg)}:is([data-page=timer],[data-page=stopwatch]) .tip p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}:is([data-page=timer],[data-page=stopwatch]) .two-up{gap:var(--space-5);align-items:start;display:grid}@media (min-width:900px){:is([data-page=timer],[data-page=stopwatch]) .two-up{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}:is([data-page=timer],[data-page=stopwatch]) .two-up .prose p+p{margin-top:var(--space-3)}:is([data-page=timer],[data-page=stopwatch]) .facts-card .facts{margin:0}:is([data-page=timer],[data-page=stopwatch]) .cp-keys-h{margin-bottom:var(--space-3)}@media (max-width:640px){:is([data-page=timer],[data-page=stopwatch]) .board{padding:var(--space-4)}:is([data-page=timer],[data-page=stopwatch]) .board-ctrl .cp-sp{display:none}:is([data-page=timer],[data-page=stopwatch]) .board-ctrl .btn-ghost,:is([data-page=timer],[data-page=stopwatch]) .cp-fs{flex:0 0 44px;padding:0}:is([data-page=timer],[data-page=stopwatch]) :is(.board-ctrl,.board-top) .cp-lbl{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}[data-theme=glow] :is([data-page=timer],[data-page=stopwatch]) .board{background:radial-gradient(120% 90% at 0% 0%, var(--glow-teal), transparent 55%), radial-gradient(90% 80% at 100% 100%, var(--glow-lime), transparent 60%), var(--color-surface)}[data-theme=glow] :is([data-page=timer],[data-page=stopwatch]) .board:after{content:"";z-index:-1;background:radial-gradient(closest-side, var(--glow-amber), transparent 70%);opacity:.5;pointer-events:none;position:absolute;inset:-40% -10%;transform:translate(-30%)}[data-theme=glow] :is([data-page=timer],[data-page=stopwatch]) .board[data-state=running]:after{animation:cp-aurora var(--glow-duration-ambient) var(--glow-ease-drift) infinite alternate}[data-theme=glow] :is([data-page=timer],[data-page=stopwatch]) .board.is-offscreen:after{animation-play-state:paused}[data-theme=glow] :is([data-page=timer],[data-page=stopwatch]) .mode-tabs a[aria-current=page]{box-shadow:var(--shadow-glow)}[data-theme=chalk] :is([data-page=timer],[data-page=stopwatch]) .board:before{content:"";background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--color-palette-3) 100%, #fff 12%) 0 6px, var(--color-palette-3) 6px 12px);opacity:.85;clip-path:polygon(2% 0,98% 0,100% 20%,97% 40%,100% 60%,97% 80%,100% 100%,2% 100%,0 80%,3% 60%,0 40%,3% 20%);width:120px;height:24px;position:absolute;top:-6px;left:50%;transform:translate(-50%)rotate(-2deg)}[data-theme=poster] :is([data-page=timer],[data-page=stopwatch]) .board{border:3px solid var(--color-border-strong);background:var(--color-surface);box-shadow:8px 8px 0 0 var(--color-border-strong)}[data-theme=poster] :is([data-page=timer],[data-page=stopwatch]) .board:before{content:"";z-index:-1;border-radius:calc(var(--radius-card) - 6px);background:radial-gradient(circle, var(--color-accent) 3px, transparent 3.6px) 0 0 / 22px 22px;pointer-events:none;position:absolute;inset:8px;-webkit-mask:linear-gradient(#000 0 0) top/100% 12px no-repeat,linear-gradient(#000 0 0) bottom/100% 12px no-repeat,linear-gradient(#000 0 0) 0/12px 100% no-repeat,linear-gradient(#000 0 0) 100%/12px 100% no-repeat;mask:linear-gradient(#000 0 0) top/100% 12px no-repeat,linear-gradient(#000 0 0) bottom/100% 12px no-repeat,linear-gradient(#000 0 0) 0/12px 100% no-repeat,linear-gradient(#000 0 0) 100%/12px 100% no-repeat}[data-theme=poster] :is([data-page=timer],[data-page=stopwatch]) .board.is-offscreen:before{animation-play-state:paused}[data-page=timer] .board{gap:var(--space-3) var(--space-5);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"top top""digits glass""bar bar""meta meta""ctrl ctrl";align-content:center;display:grid}[data-page=timer] .board-top{grid-area:top}[data-page=timer] .board-digits{grid-area:digits;align-self:center}[data-page=timer] .board-digits .digits{text-align:start;font-size:27cqi}[data-page=timer] .board-digits .digits.has-hours{font-size:19cqi}[data-page=timer] .glass{grid-area:glass;align-self:center;width:clamp(84px,9vw,124px);height:auto;overflow:visible}[data-page=timer] .glass-frame{fill:none;stroke:var(--color-border-strong);stroke-width:3px;stroke-linejoin:round}[data-page=timer] .glass-cap{fill:var(--color-border-strong)}[data-page=timer] .glass-body{fill:color-mix(in srgb, var(--color-sunken) 70%, transparent)}[data-page=timer] .sand{fill:var(--color-brand);transform-box:fill-box;transform-origin:50% 100%}[data-page=timer] .sand-stream{stroke:var(--color-brand);stroke-width:2.5px;stroke-dasharray:3 5;opacity:0}[data-page=timer] [data-state=running] .sand-stream{opacity:1;animation:.6s linear infinite cp-stream}[data-page=timer] .is-offscreen .sand-stream{animation-play-state:paused}[data-page=timer] .sandbar{border:var(--shape-border-width) solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-sunken);grid-area:bar;height:26px;position:relative;overflow:hidden}[data-page=timer] .sandbar-fill{transform-origin:0;background:radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--color-text-on-brand) 26%, transparent) 1px, transparent 1.6px) 0 0 / 6px 6px, var(--color-brand);transition:background-color var(--motion-duration-slow) var(--motion-ease-standard);position:absolute;inset:0}[data-page=timer] .sandbar-ticks{pointer-events:none;display:flex;position:absolute;inset:0}[data-page=timer] .sandbar-ticks i{border-inline-end:2px solid color-mix(in srgb, var(--color-surface) 70%, transparent);flex:1}[data-page=timer] .sandbar-ticks i:last-child{border:0}[data-page=timer] .board-meta{justify-content:space-between;gap:var(--space-1) var(--space-4);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;flex-wrap:wrap;grid-area:meta;font-weight:600;display:flex}[data-page=timer] .board-ctrl{grid-area:ctrl}[data-page=timer] .board-flash{z-index:-1;background:var(--color-accent);opacity:0;pointer-events:none;position:absolute;inset:0}[data-page=timer] .board-flash.is-on{animation:cp-flash .7s var(--motion-ease-out) 3}[data-page=timer] [data-warn] :is(.sand,.sandbar-fill){fill:var(--color-warning);background-color:var(--color-warning)}[data-page=timer] [data-warn] .sand-stream{stroke:var(--color-warning)}[data-page=timer] .board[data-state=done]{border-color:var(--color-danger);box-shadow:0 0 0 4px var(--color-danger-soft), var(--shadow-2)}@media (max-width:640px){[data-page=timer] .board{grid-template-areas:"top glass""digits digits""bar bar""meta meta""ctrl ctrl"}[data-page=timer] .glass{width:34px}[data-page=timer] .board-digits .digits{text-align:center;font-size:29cqi}[data-page=timer] .board-ctrl>.btn{flex:auto}[data-page=timer] .board-ctrl .cp-go{flex-basis:100%;order:-1}}[data-page=timer] .presets-board{align-content:start;gap:var(--space-4);padding:var(--space-5);display:grid}[data-page=timer] .pb-h{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}[data-page=timer] .routine-grid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}[data-page=timer] .routine{gap:0 var(--space-3);min-height:64px;padding:var(--space-2) var(--space-3);border:var(--shape-border-width) solid var(--color-border-subtle);border-radius:var(--radius-control);background:var(--color-raised);color:var(--color-text);font:inherit;text-align:start;cursor:pointer;transition:transform var(--motion-duration-fast) var(--motion-ease-out), border-color var(--motion-duration-fast) var(--motion-ease-standard);grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid;position:relative}[data-page=timer] .routine:hover{border-color:var(--color-border-strong);transform:translateY(-2px)}[data-page=timer] .routine:active{transform:scale(var(--motion-press-scale,.97))}[data-page=timer] .routine[aria-pressed=true]{border-color:var(--color-brand);background:var(--color-brand-soft);box-shadow:inset 0 0 0 1px var(--color-brand)}[data-page=timer] .routine-emoji{grid-row:span 2;font-size:1.6rem;line-height:1}[data-page=timer] .routine b{font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}[data-page=timer] .routine span:last-child{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums}[data-page=timer] .routine-grid .routine:last-child:nth-child(odd){grid-column:1/-1}[data-page=timer] .keypad{gap:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}[data-page=timer] .key{min-height:52px;padding:var(--space-1);border:var(--shape-border-width) solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text);font:inherit;cursor:pointer;transition:transform var(--motion-duration-fast) var(--motion-ease-out);place-items:center;line-height:1.05;display:grid}[data-page=timer] .key:hover{background:var(--color-sunken)}[data-page=timer] .key:active{transform:scale(var(--motion-press-scale,.97))}[data-page=timer] .key b{font-family:var(--font-display);font-size:var(--font-size-xl);font-variant-numeric:tabular-nums}[data-page=timer] .key small{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:700}[data-page=timer] .key[aria-pressed=true]{border-color:var(--color-brand);background:var(--color-brand);color:var(--color-text-on-brand)}[data-page=timer] .key[aria-pressed=true] small{color:inherit}[data-page=timer] .custom{gap:var(--space-2);display:grid;container-type:inline-size}[data-page=timer] .custom-row{gap:var(--space-2);grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;display:grid}[data-page=timer] .custom-row .field-row{display:contents}[data-page=timer] .custom .help{margin:0}@container (max-width:260px){[data-page=timer] .custom-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}[data-page=timer] .custom-row .btn{grid-column:1/-1}}@media (max-width:959px){[data-page=timer] .routine-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,168px),1fr))}[data-page=timer] .routine-grid .routine:last-child:nth-child(odd){grid-column:auto}}@media (max-width:640px){[data-page=timer] .presets-board{padding:var(--space-4)}[data-page=timer] .routine-grid{margin-inline:calc(var(--space-4) * -1);padding:4px var(--space-4) 8px;scroll-snap-type:x mandatory;scrollbar-width:none;display:flex;overflow-x:auto}[data-page=timer] .routine{scroll-snap-align:start;flex:none;min-width:160px}}[data-page=timer] .console{gap:var(--space-4);padding:var(--space-4) var(--space-5);grid-template-columns:minmax(0,1fr);display:grid;container-type:inline-size}@media (min-width:960px){[data-page=timer] .console{grid-template-columns:minmax(0,1.1fr) minmax(0,1.6fr) auto;align-items:end}}[data-page=timer] .console .field-row{margin-top:0}[data-page=timer] .console-switches{gap:var(--space-2) var(--space-5);flex-wrap:wrap;grid-column:1/-1;align-items:center;min-height:52px;display:flex}[data-page=timer] .console-test{gap:var(--space-2);align-items:end;display:flex}[data-page=timer] .console .range{min-height:52px}[data-theme=glow] [data-page=timer] .sandbar-fill{background-color:#0000;background-image:radial-gradient(circle at 1px 1px, #ffffff47 1px, transparent 1.6px), linear-gradient(90deg, var(--glow-aurora));background-size:6px 6px,100% 100%}[data-theme=glow] [data-page=timer] .sand{fill:var(--glow-aurora-teal)}[data-theme=glow] [data-page=timer] .sand.is-bottom{fill:var(--glow-aurora-lime)}[data-theme=glow] [data-page=timer] .glass-frame{stroke:var(--color-border-strong);stroke-width:2px}[data-theme=glow] [data-page=timer] .key[aria-pressed=true]{box-shadow:var(--shadow-glow)}[data-theme=glow] [data-page=timer] [data-warn] .sandbar-fill{background-image:radial-gradient(circle at 1px 1px, #ffffff47 1px, transparent 1.6px), linear-gradient(90deg, var(--glow-aurora-amber), var(--glow-aurora-amber))}[data-theme=chalk] [data-page=timer] .sandbar-fill{background:repeating-linear-gradient(120deg, color-mix(in srgb, var(--color-brand) 82%, var(--color-surface)) 0 5px, var(--color-brand) 5px 10px)}[data-theme=chalk] [data-page=timer] :is(.routine,.key){box-shadow:var(--shadow-1)}[data-theme=chalk] [data-page=timer] .routine:nth-child(odd){transform:rotate(-.6deg)}[data-theme=chalk] [data-page=timer] .routine:nth-child(2n){transform:rotate(.5deg)}[data-theme=chalk] [data-page=timer] .routine:hover{transform:translateY(-2px)rotate(0)}[data-theme=chalk] [data-page=timer] [data-warn] .sandbar-fill{background:var(--color-warning)}[data-theme=poster] [data-page=timer] .board[data-state=done]:before{animation:.5s step-end infinite cp-bulbs}[data-theme=poster] [data-page=timer] .sandbar{border-width:3px;border-color:var(--color-border-strong)}[data-theme=poster] [data-page=timer] .routine{border:2px solid var(--color-border-strong);box-shadow:4px 4px 0 0 var(--color-border-strong)}[data-theme=poster] [data-page=timer] .routine:active{box-shadow:1px 1px 0 0 var(--color-border-strong);transform:translate(3px,3px)}[data-theme=poster] [data-page=timer] .routine[aria-pressed=true]{background:var(--color-accent);color:var(--color-text-on-accent);box-shadow:4px 4px 0 0 var(--color-border-strong)}[data-theme=poster] [data-page=timer] .routine[aria-pressed=true] span:last-child{color:inherit}[data-theme=poster] [data-page=timer] .key{border:2px solid var(--color-border-strong);box-shadow:3px 3px 0 0 var(--color-border-strong)}[data-theme=poster] [data-page=timer] .key b{font-family:var(--font-mono)}[data-theme=poster] [data-page=timer] [data-warn] :is(.sand,.sandbar-fill){fill:var(--poster-red,var(--color-danger));background-color:var(--poster-red,var(--color-danger))}[data-page=stopwatch] .board{gap:var(--space-3);grid-template-columns:minmax(0,1fr);align-content:center;display:grid}[data-page=stopwatch] .board-top .eyebrow{color:var(--color-text);font-size:var(--font-size-sm)}[data-page=stopwatch] .board-digits .digits{text-align:start;font-size:24cqi}[data-page=stopwatch] .board-digits .digits.has-hours{font-size:17cqi}[data-page=stopwatch] .digits small.cs{letter-spacing:0;opacity:.8;font-size:.5em}[data-page=stopwatch] .pace{gap:var(--space-1);display:grid}[data-page=stopwatch] .pace-track{border:var(--shape-border-width) solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-sunken);height:22px;position:relative;overflow:hidden}[data-page=stopwatch] .pace-fill{transform-origin:0;background:var(--color-brand);position:absolute;inset:0;transform:scaleX(0)}[data-page=stopwatch] .pace.is-over .pace-fill{background:var(--color-warning)}[data-page=stopwatch] .pace-meta{justify-content:space-between;gap:var(--space-1) var(--space-4);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;flex-wrap:wrap;font-weight:600;display:flex}[data-page=stopwatch] .board-ctrl .cp-lap{min-width:6.5em}[data-page=stopwatch] .board-ctrl [data-s-act=reset].is-blocked{opacity:.55}@media (max-width:640px){[data-page=stopwatch] .board-digits .digits{text-align:center;font-size:25cqi}[data-page=stopwatch] .board-ctrl>.btn{flex:1 1 0;min-width:0;padding-inline:.8em}[data-page=stopwatch] .board-ctrl .cp-go,[data-page=stopwatch] .board-ctrl .cp-lap{min-width:0}}[data-page=stopwatch] .lapboard{align-content:start;gap:var(--space-4);padding:var(--space-5);min-width:0;display:grid;container-type:inline-size}[data-page=stopwatch] .lb-head{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}[data-page=stopwatch] .lap-stats{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}@container (min-width:600px){[data-page=stopwatch] .lap-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}[data-page=stopwatch] .lap-stats>div{padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);background:var(--color-sunken);gap:2px;display:grid}[data-page=stopwatch] .lap-stats dt{color:var(--color-text-muted);font-size:var(--font-size-xs);letter-spacing:.06em;text-transform:uppercase;font-weight:800}[data-page=stopwatch] .lap-stats dd{font-family:var(--font-display);font-size:var(--font-size-lg);font-variant-numeric:tabular-nums;white-space:nowrap;margin:0}[data-page=stopwatch] .lapboard .table-wrap{max-height:300px;overflow-y:auto}[data-page=stopwatch] .lapboard .table th,[data-page=stopwatch] .lapboard .table td{white-space:nowrap}[data-page=stopwatch] .lapboard tr.is-current td{color:var(--color-text-secondary);font-style:italic}[data-page=stopwatch] .lapboard tr.is-fastest{background:var(--color-success-soft)}[data-page=stopwatch] .lapboard tr.is-slowest{background:var(--color-warning-soft)}[data-page=stopwatch] .lap-empty td{padding:var(--space-5) var(--space-4);color:var(--color-text-muted);text-align:center;white-space:normal!important}[data-page=stopwatch] .lapbar{background:var(--color-sunken);border-radius:4px;width:100%;min-width:48px;height:8px;display:block}[data-page=stopwatch] .lapbar>i{background:var(--color-brand);height:100%;transform:scaleX(var(--v,0));transform-origin:0;border-radius:4px;display:block}[data-page=stopwatch] .is-fastest .lapbar>i{background:var(--color-success)}[data-page=stopwatch] .is-slowest .lapbar>i{background:var(--color-warning)}[data-page=stopwatch] .col-bar{width:28%}@container (max-width:440px){[data-page=stopwatch] .lapboard :is(.col-bar,td:nth-child(4)){display:none}[data-page=stopwatch] .lapboard .table :is(th,td){padding-inline:var(--space-2)}}[data-page=stopwatch] .console{align-items:center;gap:var(--space-3) var(--space-6);padding:var(--space-4) var(--space-5);flex-wrap:wrap;display:flex}[data-page=stopwatch] .console .hint{text-align:start;margin:0}[data-theme=glow] [data-page=stopwatch] .pace-fill{background:linear-gradient(90deg, var(--glow-aurora))}[data-theme=glow] [data-page=stopwatch] .pace.is-over .pace-fill{background:var(--glow-aurora-amber)}[data-theme=chalk] [data-page=stopwatch] .pace-fill{background:repeating-linear-gradient(120deg, color-mix(in srgb, var(--color-brand) 82%, var(--color-surface)) 0 5px, var(--color-brand) 5px 10px)}[data-theme=chalk] [data-page=stopwatch] .pace.is-over .pace-fill{background:var(--color-warning)}[data-theme=chalk] [data-page=stopwatch] .lap-stats>div:nth-child(odd){transform:rotate(-.6deg)}[data-theme=chalk] [data-page=stopwatch] .lap-stats>div:nth-child(2n){transform:rotate(.5deg)}[data-theme=poster] [data-page=stopwatch] .board{padding:var(--space-6)}[data-theme=poster] [data-page=stopwatch] .board[data-state=running]:before{animation:1s step-end infinite cp-bulbs}[data-theme=poster] [data-page=stopwatch] .pace-track{border-width:3px;border-color:var(--color-border-strong)}[data-theme=poster] [data-page=stopwatch] .pace.is-over .pace-fill{background:var(--poster-red,var(--color-danger))}[data-theme=poster] [data-page=stopwatch] .lap-stats>div{border:2px solid var(--color-border-strong);box-shadow:3px 3px 0 0 var(--color-border-strong);background:var(--color-surface)}[data-theme=poster] [data-page=stopwatch] .lap-stats dd{font-family:var(--font-mono);font-weight:700}html.t-projecting{overflow:hidden}html.t-projecting .ad-slot{display:none!important}html.t-projecting :is([data-page=timer],[data-page=stopwatch]) .board{z-index:80;max-width:none;box-shadow:none;background-color:var(--color-canvas);background-image:var(--texture);background-size:var(--texture-size);border:0;border-radius:0;margin:0;position:fixed;inset:0}html.t-projecting :is([data-page=timer],[data-page=stopwatch]) .board .present-bar{display:flex}html.t-projecting :is([data-page=timer],[data-page=stopwatch]) .cp-fs{display:none}html.t-projecting [data-page=timer] .board{align-content:center;gap:var(--space-4) var(--space-7);padding:var(--space-7) clamp(var(--space-5), 6vw, var(--space-9)) 110px;grid-template-columns:minmax(0,1fr) auto}html.t-projecting [data-page=timer] .board-digits .digits{font-size:30cqi}html.t-projecting [data-page=timer] .glass{width:clamp(90px,14vw,220px)}html.t-projecting [data-page=timer] .sandbar{height:clamp(26px,4vh,44px)}html.t-projecting [data-page=timer] .board-top .eyebrow{font-size:clamp(var(--font-size-base), 2.6vw, var(--font-size-3xl))}html.t-projecting [data-page=timer] .board-meta{font-size:clamp(var(--font-size-sm), 1.6vw, var(--font-size-xl))}html.t-projecting [data-page=stopwatch] .board{align-content:center;gap:var(--space-4);padding:var(--space-7) clamp(var(--space-5), 7vw, var(--space-9)) 110px}html.t-projecting [data-page=stopwatch] .board-digits .digits{text-align:center;font-size:21cqi}html.t-projecting [data-page=stopwatch] .pace-track{height:clamp(22px,3.6vh,40px)}html.t-projecting [data-page=stopwatch] :is(.pace-meta,.board-top .eyebrow){font-size:clamp(var(--font-size-sm), 1.8vw, var(--font-size-2xl))}html.t-projecting [data-page=stopwatch] .board-ctrl{justify-content:center}html.t-projecting [data-page=stopwatch] .board-ctrl .cp-sp{display:none}html.t-idle [data-page=timer] .board-ctrl{opacity:0;pointer-events:none}html.t-idle [data-page=stopwatch] .board-ctrl{opacity:.28}html.t-idle{cursor:none}@keyframes cp-stream{to{stroke-dashoffset:-8px}}@keyframes cp-flash{0%{opacity:0}18%{opacity:.55}to{opacity:0}}@keyframes cp-aurora{to{transform:translate(40%,6%)scale(1.15)}}@keyframes cp-bulbs{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){[data-page=timer] .board-flash.is-on{animation:none}[data-page=timer] .board[data-state=done] .board-flash{opacity:.18}[data-page=timer] [data-state=running] .sand-stream{animation:none}[data-theme=chalk] [data-page=timer] .routine:nth-child(n),[data-theme=chalk] [data-page=stopwatch] .lap-stats>div:nth-child(n){transform:none}:is([data-page=timer],[data-page=stopwatch]) .board:after,:is([data-page=timer],[data-page=stopwatch]) .board:before{animation:none!important}}