.dot-card{touch-action:manipulation;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.dot-card-head,.dot-card-bar,.dot-a11y-root{-webkit-user-select:none;user-select:none}.dot-a11y-root{-webkit-touch-callout:none}.dot-a11y-root .dot-a11y-hit--drag{touch-action:pan-y}.dot-a11y-root[data-engaged] .dot-a11y-hit--drag{touch-action:none}.dot-card.dot-card--engaged{border-color:color-mix(in srgb, var(--red) 60%, transparent);box-shadow:var(--card-edge), var(--glow-halo)}.dot-card-bar .dot-card-done{pointer-events:auto;min-width:var(--tap);min-height:28px;color:var(--value);border-color:var(--line);background:color-mix(in srgb, var(--surface) 86%, transparent)}@media (hover:none),(pointer:coarse){.dot-card-hint[data-touch]{font-size:0}.dot-card-hint[data-touch]:after{content:attr(data-touch);font-size:var(--fs-tag-8)}.dot-card-bar.open .dot-card-acts button{min-width:var(--tap);min-height:var(--tap);font-size:var(--fs-label-10)}.dot-card-bar.open .dot-card-acts button:first-child{font-size:var(--fs-copy-14)}.dot-card-bar .dot-card-more,.dot-card-bar .dot-card-done{position:relative}.dot-card-bar .dot-card-more:after,.dot-card-bar .dot-card-done:after{content:"";width:var(--tap);height:var(--tap);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dot-card-bar>.dot-card-hint{display:none}.dot-card--bleed .dot-card-bar .dot-card-more:not([aria-expanded=true]){border-color:#0000;background:color-mix(in srgb, var(--surface) 45%, transparent)!important}}@media (prefers-reduced-motion:no-preference){.dot-card{transition:border-color var(--dur-out), box-shadow var(--dur-out)}}