.vs{gap:1.4rem;display:grid}.vs__modes{align-items:center}.vs__clock{font:800 1.6rem var(--font-head);font-variant-numeric:tabular-nums;margin-left:auto}.vs__board{color:#fff;border-radius:var(--radius);background:#111;gap:1rem;padding:clamp(.8rem,2.5vw,1.6rem);display:grid}.vs__day,.vs__ft{grid-template-columns:1.6fr 1fr;gap:1rem;display:grid}.vs__ft{grid-template-columns:1fr 1fr}.vs__day[hidden],.vs__ft[hidden],.vs__step[hidden],.vs__strip[hidden]{display:none}.vs__now,.vs__next{border-radius:var(--radius);text-align:center;border:4px solid #ffd400;align-content:center;gap:.3rem;min-width:0;padding:1rem;display:grid}.vs__next{opacity:.92;border-color:#fff}.vs__tag{font:800 clamp(1.1rem, 2.5vw, 1.6rem) var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:#ffd400;margin:0}.vs__next .vs__tag{color:#fff}.vs__icon{font-size:clamp(4rem,12vw,9rem);line-height:1.1}.vs__next .vs__icon{font-size:clamp(3rem,8vw,6rem)}.vs__label{font:800 clamp(1.8rem, 5vw, 3.6rem)/1.1 var(--font-head);color:#fff;overflow-wrap:anywhere;margin:0}.vs__next .vs__label{font-size:clamp(1.4rem,3.4vw,2.4rem)}.vs__time{color:#e8e8e8;font-variant-numeric:tabular-nums;margin:0;font-size:clamp(1rem,2.2vw,1.4rem);font-weight:700}.vs__now.is-done .vs__label{text-decoration:line-through #ffd400}.vs__bar{border:2px solid #fff;border-radius:999px;height:1.1rem;margin-top:.4rem;overflow:hidden}.vs__bar[hidden]{display:none}.vs__bar span{background:#ffd400;height:100%;display:block}.vs__step{justify-content:center}.vs__step .btn{border-color:#fff;font-size:1.1rem}.vs__strip{gap:.5rem;margin:0;padding:0 0 .3rem;list-style:none;display:flex;overflow-x:auto}.vs__strip button{border-radius:var(--radius-sm);color:#fff;min-width:5.6rem;font:700 .85rem var(--font-body);cursor:pointer;background:#222;border:2px solid #777;justify-items:center;gap:.1rem;padding:.5rem .4rem;display:grid;position:relative}.vs__strip .vs__si{font-size:1.8rem}.vs__strip small{color:#ccc;font-weight:600}.vs__strip li.is-now button{background:#3a3300;border-color:#ffd400}.vs__strip li.is-past button{opacity:.55}.vs__strip button.is-crossed{opacity:.5;text-decoration:line-through}.vs__strip button.is-crossed:after{content:"✓";color:#7dff7d;font-size:1.4rem;position:absolute;top:-.1rem;right:.25rem}.vs__sr{clip-path:inset(50%);width:1px;height:1px;margin:0;position:absolute;overflow:hidden}.vs__edit{gap:.8rem;display:grid}.vs__edit label{margin:0}.vs__h{margin:0;font-size:1.3rem}.vs__edit>p{margin:0}.vs__ftpick[hidden]{display:none}.vs__lib{grid-template-columns:repeat(auto-fill,minmax(7rem,1fr));gap:.5rem;display:grid}.vs__card{border:var(--line);border-radius:var(--radius-sm);background:var(--paper);box-shadow:var(--shadow-sm);font:700 .9rem var(--font-body);cursor:pointer;justify-items:center;gap:.15rem;padding:.5rem .3rem;display:grid}.vs__card span{font-size:1.8rem}.vs__card:active{box-shadow:none;transform:translate(2px,2px)}.vs__custom label{flex:10rem}.vs__list{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.vs__list li{border:1.5px solid var(--ink);border-radius:var(--radius-sm);background:var(--paper);grid-template-columns:auto auto 1fr 8.5rem auto auto auto;align-items:center;gap:.35rem;padding:.3rem .5rem;display:grid}.vs__list li.is-drag{opacity:.4}.vs__list input{min-width:0;padding:.4rem .5rem}.vs__list input[type=time],.vs__end{font:inherit;border:var(--line);border-radius:var(--radius-sm);background:#fff;width:100%;padding:.4rem .5rem}.vs__end{padding:.7rem;display:block}.vs__list button{cursor:pointer;color:var(--ink-soft);background:0 0;border:0;border-radius:6px;padding:.3rem .4rem;font-size:1.1rem}.vs__list button:hover{background:var(--wheat-soft);color:var(--ink)}.vs__grip{cursor:grab;touch-action:none;user-select:none;color:var(--ink-soft);padding:.2rem;font-size:1.2rem}.vs__li{font-size:1.5rem}.vs__warn{color:var(--clay);margin:0;font-weight:700}.vs__warn:empty{display:none}.tool-stage:fullscreen{background:#111}.tool-stage:fullscreen .vs__edit,.tool-stage:fullscreen .vs__modes .chip{display:none}.tool-stage:fullscreen .vs__clock{color:#fff}.tool-stage:fullscreen .vs__icon{font-size:min(14vw,24vh)}@media (width<=640px){.vs__day,.vs__ft{grid-template-columns:1fr}.vs__list li{flex-wrap:wrap;display:flex}.vs__list li>input[type=text]{flex:calc(100% - 3rem)}.vs__list li>input[type=time]{flex:7rem;width:auto}.vs__grip{display:none}}