.hstc{background:var(--color-surface)}.hstc__frame{position:relative;isolation:isolate}.hstc__head{position:relative;z-index:1}.hstc__row+.hstc__row{margin-top:var(--space-24)}.hstc__connector{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;overflow:visible;pointer-events:none;display:none}@media (min-width: 1024px){.hstc__connector{display:block}}.hstc__path{stroke-width:2;stroke-linecap:round;stroke-dasharray:1 11;stroke-opacity:.55;animation:hstc-flow 3.2s linear infinite}@keyframes hstc-flow{to{stroke-dashoffset:-12}}.hstc__node-dot{fill:var(--green-500)}.hstc__node-halo{fill:var(--green-400);opacity:0;transform-box:fill-box;transform-origin:center;animation:hstc-pulse 2.6s ease-out infinite}@keyframes hstc-pulse{0%{transform:scale(.5);opacity:.45}70%{opacity:0}to{transform:scale(2.4);opacity:0}}.hstc__row{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:var(--space-8);align-items:center;opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease;will-change:opacity,transform}.hstc__row[data-visible=true]{opacity:1;transform:none}@media (min-width: 1024px){.hstc__row{grid-template-columns:1fr 1fr;gap:var(--space-16)}.hstc__row+.hstc__row{margin-top:var(--space-32)}.hstc__row:nth-child(2n) .hstc__text{order:2}.hstc__row:nth-child(2n) .hstc__visual{order:1}}.hstc-pill{display:inline-flex;align-items:center;flex-shrink:0;border-radius:9999px;padding:4px 10px;font-size:.875rem;font-weight:500;line-height:1.2;white-space:nowrap}.hstc-pill--filed,.hstc-pill--ready{background:var(--green-100);color:var(--green-700)}.hstc-pill--work{background:var(--color-surface-soft);color:var(--color-brand)}.hstc-pill--wait{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-ink-muted)}.hstc-pill--due{background:color-mix(in srgb,var(--amber-400) 26%,transparent);color:var(--amber-500)}.hstc-pill--overdue{background:color-mix(in srgb,var(--notify-500) 16%,transparent);color:var(--notify-500)}.hstc-alert{background:color-mix(in srgb,var(--notify-500) 6%,var(--color-surface));box-shadow:inset 3px 0 0 0 var(--notify-500)}@media (prefers-reduced-motion: reduce){.hstc__row{opacity:1;transform:none;transition:none}.hstc__path,.hstc__node-halo{animation:none}.hstc__node-halo{opacity:0}}.hstf-feature{position:relative;isolation:isolate}.hstf-feature:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:radial-gradient(var(--green-300) 1px,transparent 1.4px);background-size:18px 18px;opacity:.4;-webkit-mask-image:radial-gradient(120% 120% at 85% 0%,#000 0%,transparent 70%);mask-image:radial-gradient(120% 120% at 85% 0%,#000 0%,transparent 70%)}.hstf-feature>*{position:relative}.hstf-record{background-color:var(--green-50);background-image:radial-gradient(var(--green-200) 1px,transparent 1.4px);background-size:16px 16px}.hstf-pill--gap{background:color-mix(in srgb,var(--notify-500) 16%,transparent);color:var(--notify-500)}.hstf-card{opacity:0;transform:translateY(44px) scale(.94);transition:opacity .5s ease-out,transform .7s cubic-bezier(.34,1.56,.64,1);will-change:transform,opacity}.hstf--revealed .hstf-card{opacity:1;transform:translateY(0) scale(1)}.hstf--revealed .hstf-card:nth-child(1){transition-delay:0s}.hstf--revealed .hstf-card:nth-child(2){transition-delay:.13s}.hstf--revealed .hstf-card:nth-child(3){transition-delay:.26s}.hstf--revealed .hstf-card:nth-child(4){transition-delay:.39s}@media (prefers-reduced-motion: reduce){.hstf-card{opacity:1;transform:none;transition:none}}