.touch{--touch-in:#fbeef2;--touch-due:#f5d5df;--touch-drift:#ecbccb;--touch-ring:#9e3a5e;--touch-label:#7d2747;--touch-on-ring:#fff;gap:var(--s-4);padding:clamp(var(--s-4), 3vw, var(--s-6));border:var(--border) solid var(--line);border-radius:var(--r-object);background:var(--paper);display:grid}:root[data-theme=dark] .touch{--touch-in:#2a2140;--touch-due:#3b2547;--touch-drift:#512b50;--touch-ring:#e79bb7;--touch-label:#f0a8c2;--touch-on-ring:#1b1d38}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .touch{--touch-in:#2a2140;--touch-due:#3b2547;--touch-drift:#512b50;--touch-ring:#e79bb7;--touch-label:#f0a8c2;--touch-on-ring:#1b1d38}}.touch-layout{gap:var(--s-5);min-width:0;display:grid}.touch-side,.touch-main{gap:var(--s-4);align-content:start;min-width:0;display:grid}@media (width>=52rem){.touch-layout{column-gap:clamp(var(--s-5), 4vw, var(--s-7));grid-template-columns:minmax(0,30rem) minmax(0,1fr);align-items:start}.touch-side{top:var(--s-5);position:sticky}}.touch-lead{min-height:calc(var(--step-3) * 2.1)}@media (width>=52rem){.touch-lead{min-height:calc(var(--step-3) * 1.05)}}.touch-headline{font-family:var(--font-display);font-weight:800;font-size:var(--step-3);letter-spacing:-.02em;text-wrap:balance;line-height:1.05}.touch-empty{font-weight:600;font-size:var(--step-1);line-height:1.3}.touch-rings{width:min(100%,30rem);margin-inline:auto}.touch-rings svg{width:100%;height:auto;display:block}.touch-disc--drifting{fill:var(--touch-drift)}.touch-disc--due{fill:var(--touch-due)}.touch-disc--in{fill:var(--touch-in)}.touch-edge{fill:none;stroke:var(--touch-ring);stroke-width:1.5px}.touch-zone,.touch-you__label{paint-order:stroke;stroke-linejoin:round;stroke-width:3px}.touch-zone--in{stroke:var(--touch-in)}.touch-zone--due{stroke:var(--touch-due)}.touch-zone--drifting{stroke:var(--touch-drift)}.touch-zone{fill:var(--touch-label);font-family:var(--font-text);font-size:12px;font-weight:600}.touch-you{fill:var(--ink)}.touch-you__label{stroke:var(--touch-in);fill:var(--ink);font-family:var(--font-text);font-size:13px;font-weight:700}.touch-person{cursor:pointer}.touch-person.is-gliding,.touch-person.is-gliding .touch-chip{transition:transform .28s var(--ease)}.touch-person.is-new{animation:touch-fade .18s var(--ease)}@keyframes touch-fade{0%{opacity:0}}.touch-hit{fill:#0000}.touch-dot{fill:var(--ink);stroke:var(--paper);stroke-width:1.5px}.touch-chip__box{fill:var(--paper);stroke:var(--ink);stroke-width:1.5px}.touch-chip__name{fill:var(--ink);font-family:var(--font-text);font-size:13px;font-weight:600}.touch-add{gap:var(--s-3);display:grid}.touch-field{gap:var(--s-1);font-weight:600;font-size:var(--step--1);display:grid}.touch-chips{gap:var(--s-2);border:0;flex-wrap:wrap;min-width:0;margin:0;padding:0;display:flex}.touch-chips legend{width:100%;margin-bottom:var(--s-1);font-weight:600;font-size:var(--step--1);padding:0}.touch-chip-option{min-height:2.75rem;padding:0 var(--s-3);border:2px solid var(--line);border-radius:var(--r-control);background:var(--paper);color:var(--ink);font-weight:600;font-size:var(--step--1);cursor:pointer;align-items:center;display:inline-flex;position:relative}.touch-chip-option__input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.touch-chip-option:has(input:checked){border-color:var(--touch-ring);background:var(--touch-ring);color:var(--touch-on-ring)}.touch-chip-option:has(input:focus-visible){outline:3px solid var(--signal);outline-offset:3px}.touch-error{color:var(--danger);font-weight:600}.touch-add__foot{justify-content:space-between;align-items:flex-start;gap:var(--s-3);flex-wrap:wrap;display:flex}.touch-details{flex:14rem;min-width:0}.touch-details[open]{gap:var(--s-2);display:grid}.touch-details>summary,.touch-more>summary,.touch-fold>summary{align-items:center;gap:var(--s-2);cursor:pointer;min-height:2.75rem;font-weight:600;display:flex}.touch-details>summary:before,.touch-more>summary:before,.touch-fold>summary:before{content:"";width:.5rem;height:.5rem;transition:transform var(--t-state) var(--ease);border-bottom:2.5px solid;border-right:2.5px solid;flex:none;margin:0 .25rem 0 .1rem;transform:rotate(-45deg)}.touch-details[open]>summary:before,.touch-more[open]>summary:before,.touch-fold[open]>summary:before{transform:rotate(45deg)}.touch-find{gap:var(--s-1);display:grid}.touch-find__status{color:var(--ink-2);font-size:var(--step--1)}.touch-find__status:empty{display:none}.touch-section{gap:var(--s-1);margin-top:var(--s-3);display:grid}.touch-section__title{font-size:var(--step-2)}.touch-section__title:focus:not(:focus-visible){outline:none}.touch-count{font-family:var(--font-text);font-weight:600;font-size:var(--step-0);color:var(--ink-2)}.touch-none{color:var(--ink-2)}.touch-list{padding:0;list-style:none}.touch-row{padding:var(--s-4) 0;border-top:2px solid var(--rule)}.touch-row article{gap:var(--s-1);display:grid}.touch-name{font-size:var(--step-1);overflow-wrap:anywhere}.touch-status{font-weight:600}.touch-state{color:var(--touch-label)}.touch-rhythm,.touch-note{color:var(--ink-2);overflow-wrap:anywhere}.touch-actions{align-items:flex-start;gap:var(--s-3);margin-top:var(--s-2);flex-wrap:wrap;display:flex}.touch-more{min-width:0}.touch-more[open]{flex:100%}.touch-more>summary{padding-inline:var(--s-2)}.touch-more__items{align-items:center;gap:var(--s-1) var(--s-3);flex-wrap:wrap;display:flex}.touch-day{align-items:flex-end;gap:var(--s-2);padding:var(--s-3);border:2px dashed var(--line);border-radius:var(--r-input);flex-wrap:wrap;flex:100%;display:flex}.touch-day .touch-field{flex:10rem}.touch-day .touch-error{flex:100%}.touch-foot{justify-content:flex-end;display:flex}.touch-dialog-actions{gap:var(--s-3);flex-wrap:wrap;display:flex}.touch-edit{gap:var(--s-3);display:grid}@media (width<=30rem) and (height<=40rem){.touch-rings{width:min(100%,14rem)}}