.vt{--poppy:#e0342b;--poppy-wash:#fde3df;--sea:#1769c2;--sea-wash:#dfeafa;--leaf:#1e8a4a;--leaf-wash:#dcf1e3;--ink-disk:#1b1e3c;--ink-wash:#e3e4ee;--vt-disk:var(--poppy);--vt-wash:var(--poppy-wash);justify-items:center;gap:var(--s-5);color:var(--ink);display:grid}:root[data-theme=dark] .vt{--poppy:#ff5a4a;--poppy-wash:#3b1f2e;--sea:#5aa0ff;--sea-wash:#172a48;--leaf:#4cc27f;--leaf-wash:#15301f;--ink-disk:#ecebf6;--ink-wash:#2a2c4d}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .vt{--poppy:#ff5a4a;--poppy-wash:#3b1f2e;--sea:#5aa0ff;--sea-wash:#172a48;--leaf:#4cc27f;--leaf-wash:#15301f;--ink-disk:#ecebf6;--ink-wash:#2a2c4d}}.vt [data-color=poppy],.vt[data-color=poppy]{--vt-disk:var(--poppy);--vt-wash:var(--poppy-wash)}.vt [data-color=sea],.vt[data-color=sea]{--vt-disk:var(--sea);--vt-wash:var(--sea-wash)}.vt [data-color=leaf],.vt[data-color=leaf]{--vt-disk:var(--leaf);--vt-wash:var(--leaf-wash)}.vt [data-color=ink],.vt[data-color=ink]{--vt-disk:var(--ink-disk);--vt-wash:var(--ink-wash)}.vt>.kit-note{justify-self:stretch}.vt-label{justify-content:center;align-items:center;gap:var(--s-1) var(--s-3);flex-wrap:wrap;max-width:100%;min-height:2.75rem;display:flex}.vt-label__text{font-weight:700;font-size:var(--step-3);overflow-wrap:anywhere;text-align:center;line-height:1.1}.vt-labelform{align-items:end;gap:var(--s-1) var(--s-3);grid-template-columns:minmax(0,1fr) auto;width:min(100%,26rem);display:grid}.vt-labelform label{font-weight:600;font-size:var(--step--1);grid-column:1/-1}.vt-labelform .vt-hint{grid-column:1/-1}.vt-dialbox{width:min(100%,26rem,max(14rem,100dvh - 22rem))}.vt-dial{aspect-ratio:1;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:50%;width:100%;display:block}.vt-dial[aria-disabled=true]{cursor:default}.vt-dial:focus-visible{outline:3px solid var(--signal);outline-offset:4px}.vt-dial svg{width:100%;height:100%}.vt-face{fill:var(--paper);stroke:var(--line);stroke-width:var(--border);vector-effect:non-scaling-stroke}.vt.is-done .vt-face{fill:var(--vt-wash)}.vt.is-flash .vt-face{animation:.9s ease-out forwards vt-flash}@keyframes vt-flash{0%,33.33%{fill:var(--vt-disk)}to{fill:var(--vt-wash)}}@media (prefers-reduced-motion:reduce){.vt.is-flash .vt-face{animation:none}}.vt-tick{stroke:var(--ink-2);stroke-width:1.5px}.vt-tick--major{stroke:var(--ink);stroke-width:2.5px}.vt-numeral{fill:var(--ink-2);font:600 11px var(--font-text);font-variant-numeric:tabular-nums lining-nums;text-anchor:middle;dominant-baseline:central}.vt-wedge{fill:var(--vt-disk)}.vt-hub,.vt-grip{fill:var(--ink)}.vt-hub-dot{fill:var(--paper)}.vt-grip{stroke:var(--paper);stroke-width:2px}.vt-panel{justify-items:center;gap:var(--s-4);text-align:center;width:100%;display:grid}.vt-digits{letter-spacing:-.02em;font-size:clamp(3.5rem,13vw,6rem)}.vt-status{min-height:1.5em;color:var(--ink-2);font-weight:500}.vt-controls,.vt-quiet{justify-content:center;align-items:center;gap:var(--s-3);flex-wrap:wrap;display:flex}.vt-quiet{gap:var(--s-2) var(--s-4)}.vt .kit-hold{--hold-color:var(--vt-disk)}.vt-group{gap:var(--s-2);border:0;min-width:0;padding:0;display:grid}.vt-group legend{margin-bottom:var(--s-1);padding:0;font-weight:700}.vt-options{gap:var(--s-1) var(--s-5);flex-wrap:wrap;display:flex}.vt-radio,.vt-check{align-items:center;gap:var(--s-3);min-height:2.75rem;display:flex}.vt-radio input,.vt-check input{width:1.25rem;height:1.25rem;accent-color:var(--ink)}.vt-radio input:disabled+span{opacity:.55}.vt-swatch__dot{border:2px solid var(--line);background:var(--vt-disk);border-radius:50%;width:1.25rem;height:1.25rem}.vt-sound{align-items:center;gap:var(--s-3);display:inline-flex}.vt-play{min-height:2.75rem;padding:0 var(--s-4);box-shadow:none}.vt-hint{color:var(--ink-2);font-size:var(--step--1)}@media (width>=60rem){.vt:not(.is-full){justify-items:start;column-gap:var(--s-8);grid-template-rows:1fr auto auto 1fr;grid-template-columns:minmax(0,30rem) minmax(0,1fr)}.vt:not(.is-full) .vt-dialbox{grid-area:1/1/-1;width:min(100%,30rem)}.vt:not(.is-full)>.vt-label,.vt:not(.is-full)>.vt-labelform{grid-area:2/2;justify-content:flex-start}.vt:not(.is-full) .vt-label__text{text-align:left}.vt:not(.is-full)>.vt-panel{text-align:left;grid-area:3/2;justify-items:start}.vt:not(.is-full)>.kit-note{grid-area:5/1/auto/-1}.vt:not(.is-full) .vt-controls,.vt:not(.is-full) .vt-quiet{justify-content:flex-start}.vt:not(.is-full) .vt-quiet{margin-left:calc(-1 * var(--s-3))}}.vt.is-cover{z-index:50;overscroll-behavior:contain;position:fixed;inset:0;overflow:auto}.vt.is-full{box-sizing:border-box;height:100%;padding:var(--s-5);background:var(--desk);gap:var(--s-4)}.vt.is-full .vt-dialbox{place-items:center;width:100%;height:100%;min-height:0;display:grid;container-type:size}.vt.is-full .vt-dial{width:min(100cqw,100cqh);height:auto}.vt.is-full .vt-label__text{font-size:clamp(2rem,7vh,5rem)}.vt.is-full .vt-digits{font-size:clamp(3rem,14vh,9rem)}.vt.is-full .vt-status{font-size:var(--step-1)}@media (orientation:portrait){.vt.is-full{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}.vt.is-full>.vt-label,.vt.is-full>.vt-labelform{grid-row:1}.vt.is-full .vt-dialbox{grid-row:2}.vt.is-full>.vt-panel{grid-row:3}.vt.is-full>.kit-note{grid-row:4}}@media (orientation:landscape){.vt.is-full{grid-template-columns:min(calc(100dvh - 2 * var(--s-6)), 60vw) minmax(0, 1fr);justify-items:start;column-gap:var(--s-7);padding:var(--s-6);grid-template-rows:1fr auto auto 1fr}.vt.is-full .vt-dialbox{grid-area:1/1/-1}.vt.is-full>.vt-label,.vt.is-full>.vt-labelform{grid-area:2/2;justify-content:flex-start}.vt.is-full .vt-label__text{text-align:left}.vt.is-full>.vt-panel{text-align:left;grid-area:3/2;justify-items:start}.vt.is-full .vt-controls,.vt.is-full .vt-quiet{justify-content:flex-start}.vt.is-full>.kit-note{grid-area:5/1/auto/-1}}