.vs-timer__bar{display:flex;inline-size:100%;border:var(--run-border-width) solid var(--run-border);border-radius:var(--run-radius);padding:calc(var(--run-border-width) * 1.5);overflow:hidden}.vs-timer__bar-fill{align-self:stretch;inline-size:calc(var(--vs-fraction) * 100%);background:var(--run-accent);border-radius:calc(var(--run-radius) / 2);transition:inline-size .1s linear}.vs-timer__arc{align-self:center;justify-self:center;inline-size:min(100%,var(--vs-shape-block, 4rem));block-size:auto;aspect-ratio:1}.vs-timer__arc-track{fill:none;stroke:var(--run-done-bg)}.vs-timer__arc-remaining{fill:none;stroke:var(--run-accent);stroke-linecap:butt;transition:stroke-dashoffset .1s linear}.vs-timer__units{display:grid;grid-template-columns:repeat(var(--vs-unit-columns, 4),minmax(0,1fr));grid-auto-rows:1fr;gap:var(--vs-unit-gap, var(--run-gap));inline-size:100%;list-style:none;padding:0;margin:0}.vs-timer__unit{border:var(--run-border-width) solid var(--run-border);background:var(--run-surface)}.vs-timer__unit[data-filled=true]{background:var(--run-accent)}.vs-timer__unit[data-filled=false]{border-style:dashed;border-color:var(--run-done)}.vs-timer__units--dots .vs-timer__unit{border-radius:50%}.vs-timer__units--blocks .vs-timer__unit{border-radius:calc(var(--run-radius) / 2)}.sp-scrim{position:fixed;inset:0;margin:0;z-index:50;display:flex;align-items:flex-end;justify-content:center}.sp-scrim:before{content:"";position:absolute;inset:0;background:var(--run-ink);opacity:.45}.sp-scrim button{touch-action:manipulation}.sp-sheet{display:flex;flex-direction:column;gap:1rem;width:min(46rem,100%);max-height:92vh;overflow-y:auto;position:relative;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom));border-radius:var(--radius) var(--radius) 0 0;background:var(--run-surface);color:var(--run-ink);box-shadow:0 0 0 var(--run-border-width) var(--run-border)}.sp-sheet__head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;position:sticky;top:0;z-index:1;padding-block:.25rem;background:var(--run-surface)}.sp-scrim h1,.sp-scrim h2,.sp-scrim h3,.sp-scrim h4{color:inherit}.sp-scrim a{color:var(--run-accent)}.sp-scrim a:hover{color:var(--run-ink)}.sp-scrim :focus-visible:not(.sp-sheet){outline:3px solid var(--run-ink);outline-offset:2px;box-shadow:none}.sp-sheet:focus-visible{outline:3px solid var(--run-ink);outline-offset:-7px}.sp-sheet__head h2{margin:0;font-size:1.15rem}.sp-close{min-height:44px;padding:.35rem .9rem;border:1px solid var(--run-border);border-radius:var(--radius-sm);background:var(--run-surface);color:var(--run-ink);font:inherit;cursor:pointer}.sp-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.4rem;border:2px solid var(--run-border);border-radius:999px;background:var(--run-surface);color:var(--run-ink);font:inherit;font-weight:700;text-decoration:none;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.sp-btn--primary{background:var(--run-ink);border-color:var(--run-ink);color:var(--run-surface)}.sp-btn--primary:hover{background:var(--run-ink-soft);border-color:var(--run-ink-soft);color:var(--run-surface)}.sp-photo__buttons{display:flex;flex-wrap:wrap;gap:.75rem}.sp-photo__button{flex:1 1 14rem;min-height:56px}.sp-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.sp-status{margin:.5rem 0 0;color:var(--run-ink-soft)}.sp-status--error{color:var(--run-ink);font-weight:700}.sp-consent{margin-top:.75rem;border:1px solid var(--run-border);border-radius:var(--radius-sm);background:var(--run-surface)}.sp-consent__summary{display:flex;flex-direction:column;gap:.35rem;width:100%;min-height:44px;padding:.75rem .9rem;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--run-ink);font:inherit;text-align:left;cursor:pointer}.sp-consent__more{color:var(--run-accent);font-size:.9rem}.sp-consent__body{padding:0 .9rem .9rem}.sp-consent__body h3{margin:.25rem 0 .5rem;font-size:1rem}.sp-consent__body p,.sp-consent__body li{margin:0 0 .6rem}.sp-consent__body ul{padding-left:1.1rem}.sp-consent__school{font-weight:600}.sp-field{display:block;margin-bottom:.35rem;color:var(--run-ink-soft);font-size:.9rem}.sp-input{width:100%;min-height:48px;padding:.5rem .75rem;border:1px solid var(--run-border);border-radius:var(--radius-sm);background:var(--run-surface);color:var(--run-ink);font:inherit}.sp-count{margin:.75rem 0 .5rem;color:var(--run-ink-soft);font-size:.9rem}.sp-attribution{margin:1.25rem 0 0;padding-top:.75rem;border-top:1px solid var(--run-border);color:var(--run-ink-soft);font-size:.85rem}.sp-recent h3,.sp-describe h3{margin:0 0 .5rem;font-size:1rem}.sp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:.6rem;list-style:none;padding:0;margin:0}.sp-symbol{display:flex;flex-direction:column;align-items:center;gap:.25rem;width:100%;min-width:88px;min-height:88px;padding:.4rem .25rem;border:2px solid var(--run-border);border-radius:var(--radius-sm);background:var(--run-surface);color:var(--run-ink);font:inherit;cursor:pointer}.sp-symbol:hover{border-color:var(--run-accent);box-shadow:0 0 0 3px var(--run-ink)}.sp-symbol__art{width:100%;height:60px;object-fit:contain;background:var(--run-art-plate)}.sp-symbol__label{font-size:.78rem;line-height:1.25;text-align:center;overflow-wrap:anywhere}.sp-describe__preview{display:block;width:100%;max-width:18rem;margin-bottom:.75rem;border:2px solid var(--run-border);border-radius:var(--radius-sm)}.sp-describe__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.9rem}.vs-timer{display:flex;flex-direction:column;gap:var(--run-gap);min-block-size:100vh;min-block-size:100svh;padding:max(.75rem,env(safe-area-inset-top)) max(.75rem,env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left));color:var(--run-ink);background:var(--run-bg)}.vs-timer__top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--run-gap);flex-wrap:wrap}.vs-timer__title{font-size:1.125rem;font-weight:600;line-height:var(--run-target-min);color:var(--run-ink-soft)}.vs-timer button{font:inherit;color:var(--run-ink);background:var(--run-surface);border:var(--run-border-width) solid var(--run-border);border-radius:var(--run-radius);min-block-size:var(--run-target-min);min-inline-size:var(--run-target-min);padding:.5rem .75rem;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.vs-timer button:focus-visible{outline:var(--run-border-width) solid var(--run-accent);outline-offset:3px}.vs-timer button[aria-pressed=true],.vs-timer button[data-current=true]{border-width:calc(var(--run-border-width) * 2);border-color:var(--run-accent)}.vs-timer__settings-open{font-size:1.75rem;line-height:1}.vs-timer__face{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;justify-items:stretch;flex-grow:0;min-block-size:40vh;--vs-shape-block: calc(40vh - 1rem) ;inline-size:100%;padding-block:.5rem}@supports (block-size: 1dvh){.vs-timer__face{min-block-size:40svh;--vs-shape-block: calc(40svh - 1rem) }}@supports (block-size: 1dvh){.vs-timer--has-next .vs-timer__face{--vs-timer-next-allowance: 24rem;min-block-size:max(9rem,min(40svh,calc(100svh - var(--vs-timer-next-allowance))));--vs-shape-block: max(8rem, min( calc(40svh - 1rem) , calc(100svh - var(--vs-timer-next-allowance) - 1rem)))}}.vs-timer__stage{display:contents}@media (orientation: landscape) and (min-width: 34rem){.vs-timer--has-next{--vs-card-block: calc(min(34vh, 12rem) + 7.125rem) }.vs-timer--has-next .vs-timer__stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--run-gap)}.vs-timer--has-next .vs-timer__stage .vs-timer__face{grid-column:1;grid-row:1}.vs-timer--has-next .vs-timer__stage .vs-timer__clock{grid-column:1;grid-row:2}.vs-timer--has-next .vs-timer__stage .vs-timer__next{grid-column:2;grid-row:1 / span 2;align-self:center}.vs-timer--has-next .vs-timer__face{min-block-size:max(var(--vs-card-block),min(60vh,calc(100vh - 29rem)));--vs-shape-block: max( calc(var(--vs-card-block) - 1rem), min( calc(60vh - 1rem) , calc(100vh - 30rem) ) )}.vs-timer--has-next .vs-timer__next-frame{block-size:min(34vh,12rem)}}@supports (block-size: 1dvh){@media (orientation: landscape) and (min-width: 34rem){.vs-timer--has-next{--vs-card-block: calc(min(34svh, 12rem) + 7.125rem) }.vs-timer--has-next .vs-timer__face{min-block-size:max(var(--vs-card-block),min(60svh,calc(100svh - 29rem)));--vs-shape-block: max( calc(var(--vs-card-block) - 1rem), min( calc(60svh - 1rem) , calc(100svh - 30rem) ) )}.vs-timer--has-next .vs-timer__next-frame{block-size:min(34svh,12rem)}}}.vs-timer__face[data-shape=bar] .vs-timer__bar{align-self:center;block-size:min(calc(20vh - 1rem),var(--vs-shape-block))}@supports (block-size: 1dvh){.vs-timer__face[data-shape=bar] .vs-timer__bar{block-size:min(calc(20svh - 1rem),var(--vs-shape-block))}}.vs-timer__face[data-shape=blocks] .vs-timer__units,.vs-timer__face[data-shape=dots] .vs-timer__units{--vs-unit-cell: min( calc((100% - 3 * var(--vs-unit-gap, var(--run-gap))) / 4), calc((var(--vs-shape-block) - 2 * var(--vs-unit-gap, var(--run-gap))) / 3) );grid-template-columns:repeat(4,var(--vs-unit-cell));grid-auto-rows:auto;justify-content:center;align-content:center}.vs-timer__face[data-shape=blocks] .vs-timer__unit,.vs-timer__face[data-shape=dots] .vs-timer__unit{aspect-ratio:1}.vs-timer__clock{font-size:clamp(2.5rem,14vw,6rem);font-variant-numeric:tabular-nums;font-weight:700;line-height:1;text-align:center;color:var(--run-ink)}.vs-timer__clock--hidden{position:absolute!important;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.vs-timer__finished{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--run-gap);inline-size:100%;animation:vs-timer-fade-in .4s ease-out 1}.vs-timer__tick{font-size:clamp(4rem,30vw,12rem);line-height:1}.vs-timer__finished-word{font-size:clamp(1.75rem,9vw,3.5rem);font-weight:700}@keyframes vs-timer-fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){[data-register=run] .vs-timer__finished{animation-duration:.4s!important;animation-iteration-count:1!important}}.vs-timer__next{border:var(--run-border-width) solid var(--run-border);border-radius:var(--run-radius);padding:.75rem 1rem;text-align:center}.vs-timer__next-label{font-size:1rem;text-transform:uppercase;letter-spacing:.08em;color:var(--run-ink-soft)}.vs-timer__next-step{font-size:clamp(1.5rem,7vw,2.5rem);font-weight:700;line-height:1.2}.vs-timer__next-frame{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);place-items:center;block-size:min(28vh,9rem);margin-block-end:.5rem;overflow:hidden}.vs-timer__next-picture{display:block;max-inline-size:100%;max-block-size:100%;object-fit:contain}.vs-timer__next-picture--symbol{background:var(--run-art-plate)}.vs-timer__next-picture--pending{inline-size:100%;block-size:100%}.vs-timer__next-field{display:flex;flex-direction:column;gap:.35rem;margin-block-start:var(--run-gap);font-size:.95rem;color:var(--run-ink-soft)}.vs-timer__next-field input{font:inherit;font-size:1.1rem;color:var(--run-ink);background:var(--run-surface);border:2px solid var(--run-border);border-radius:var(--run-radius);min-block-size:56px;padding:.5rem .75rem;inline-size:100%}.vs-timer__next-field input:focus-visible{outline:var(--run-border-width) solid var(--run-ink);outline-offset:3px}.vs-timer__controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr));gap:var(--run-gap)}.vs-timer__controls button{min-block-size:var(--run-target-lg);font-size:1.25rem;font-weight:700}.vs-timer__presets{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(96px,100%),1fr));gap:var(--run-gap)}.vs-timer__presets button{font-size:1.25rem;font-weight:700}.vs-timer__presets--secondary button{font-size:1rem;font-weight:600;border-width:calc(var(--run-border-width) / 2)}.vs-timer__offer{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--run-gap);border:var(--run-border-width) solid var(--run-border);border-radius:var(--run-radius);padding:.75rem 1rem}.vs-timer__offer p{font-weight:600}.vs-timer__disclosure{border-block-start:2px solid var(--run-done-bg)}.vs-timer__disclosure>summary{display:flex;align-items:center;gap:.5rem;min-block-size:var(--run-target-min);padding:.5rem;font-weight:600;color:var(--run-ink);cursor:pointer;touch-action:manipulation;list-style:none}.vs-timer__disclosure>summary::-webkit-details-marker{display:none}.vs-timer__disclosure>summary:before{content:"▸";content:"▸" / "";display:inline-block;inline-size:1em;font-size:1.25em;line-height:1;color:var(--run-ink)}.vs-timer__disclosure[open]>summary:before{content:"▾";content:"▾" / ""}.vs-timer__disclosure>summary:focus-visible{outline:var(--run-border-width) solid var(--run-ink);outline-offset:-4px}.vs-timer__disclosure>p,.vs-timer__disclosure>div{padding:0 .5rem 1rem;max-inline-size:60ch}.vs-timer__settings{display:flex;flex-direction:column;gap:var(--run-gap);border:var(--run-border-width) solid var(--run-border);border-radius:var(--run-radius);padding:var(--run-gap)}.vs-timer__settings h2{font-size:1.1rem}.vs-timer__settings fieldset{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.vs-timer__settings legend{padding:0;font-weight:600}.vs-timer__option-row{display:flex;flex-wrap:wrap;gap:var(--run-gap)}.vs-timer__duration{display:flex;flex-wrap:wrap;align-items:center;gap:var(--run-gap)}.vs-timer__markers:not(:focus-within){position:absolute;inline-size:1px;block-size:1px;min-inline-size:0;min-block-size:0;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.vs-timer__markers:not(:focus-within) legend{position:absolute;inline-size:1px;block-size:1px;min-inline-size:0;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.vs-timer__duration-value{flex:1 1 6ch;text-align:center;font-size:2rem;font-weight:700;font-variant-numeric:tabular-nums}.vs-timer__note{color:var(--run-ink-soft);max-inline-size:60ch}.vs-timer__attribution,.vs-timer__legal{font-size:.9rem;color:var(--run-ink-soft)}@media print{.vs-timer{min-block-size:auto}.vs-timer__settings-open,.vs-timer__presets,.vs-timer__controls,.vs-timer__offer,.vs-timer__disclosure{display:none}}.vs-timer__settings-open{position:relative;overflow:hidden}.vs-timer__settings-open .vs-hold-glyph{position:relative;z-index:1}.vs-timer__settings-open:after{content:"";position:absolute;inset:0;z-index:0;background:var(--run-ink);opacity:.18;transform:scaleY(0);transform-origin:bottom;pointer-events:none}.vs-timer button[data-holding=true]:after{animation:vs-hold-fill var(--vs-hold-ms, .5s) linear forwards}@keyframes vs-hold-fill{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@media (prefers-reduced-motion: reduce){.vs-timer button[data-holding=true]:after{animation:none;transform:scaleY(1)}}.vs-theme-option{display:flex;align-items:center;gap:.75rem;min-block-size:var(--run-target-min);padding-inline:.5rem;cursor:pointer}.vs-theme-option input{inline-size:1.5rem;block-size:1.5rem;flex:none;accent-color:var(--run-ink)}.vs-theme-option:focus-within{outline:var(--run-border-width) solid var(--run-ink);outline-offset:2px}.vs-timer button,.vs-timer__settings-open{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.vs-timer__back{display:inline-flex;min-inline-size:0;align-self:flex-start;align-items:center;min-block-size:var(--run-target-min);padding-inline:.75rem;color:var(--run-ink);border:var(--run-border-width) solid var(--run-border);border-radius:var(--run-radius);text-decoration:none;font-weight:600;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.vs-timer__back:focus-visible{outline:var(--run-border-width) solid var(--run-ink);outline-offset:3px}.vs-timer__settings,.vs-timer__offer{border-color:var(--run-border-chrome);border-width:var(--run-border-width-chrome);background:var(--run-fill-soft)}.vs-timer button.vs-timer__settings-open,.vs-timer__settings button,.vs-timer__offer button,.vs-timer__back{border-color:var(--run-border-chrome);border-width:var(--run-border-width-chrome)}.vs-timer__settings button[aria-pressed=true]{border-color:var(--run-accent);border-width:calc(var(--run-border-width-chrome) * 2)}.vs-timer__next-field input{border-color:var(--run-border-chrome)}.vs-timer__disclosure{border-block-start-color:var(--run-hairline)}.vs-timer__note,.vs-timer__attribution,.vs-timer__legal,.vs-timer__next-field{font-weight:400}
