.work-hub{flex-direction:column;gap:24px;display:flex}.work-segmented{border:1px solid var(--line);background:var(--background);border-radius:32px;flex-wrap:wrap;align-self:flex-start;gap:4px;padding:4px;display:inline-flex}.work-segmented__option{min-height:44px;color:var(--dim);cursor:pointer;transition:background-color .3s var(--ease-smooth-out), color .3s var(--ease-smooth-out);background:0 0;border-radius:32px;padding:8px 20px;font-size:.875rem;font-weight:500;line-height:1.25rem}.work-segmented__option:hover{color:var(--ink);background:var(--panel)}.work-segmented__option[aria-checked=true]{color:var(--background);background:var(--ink);font-weight:600}.work-segmented__option:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.work-hub__body{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:16px;display:grid}.work-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.dc-card.work-list__item{text-align:left;cursor:pointer;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"path status""title title";gap:4px 12px;width:100%;display:grid}.dc-card.work-list__item[aria-pressed=true]{border-color:var(--blue);background:var(--blue-soft)}.work-list__path{color:var(--dim);grid-area:path;font-size:.75rem;line-height:1rem}.work-list__title{color:var(--ink);text-wrap:balance;grid-area:title;font-size:1rem;font-weight:600;line-height:1.5rem}.work-list__item .work-status{grid-area:status}.work-preview{border:1px solid var(--line);background:var(--background);border-radius:16px;padding:8px}.work-preview__inner{flex-direction:column;gap:8px;display:flex}html.js .work-preview__inner{animation:work-swap .6s var(--ease-smooth-out) both}@keyframes work-swap{0%{opacity:0;filter:blur(4px);transform:translateY(10px)}}.work-preview__visual{background:var(--panel);isolation:isolate;border-radius:8px;place-items:center;min-height:224px;padding:24px;display:grid;position:relative;overflow:hidden}.work-preview__text{flex-direction:column;align-items:flex-start;gap:12px;padding:16px;display:flex}.work-preview__text h3{letter-spacing:-.02em;color:var(--ink);text-wrap:balance;margin:0;font-size:1.5rem;font-weight:500;line-height:2rem}.work-preview__text p{max-width:560px;color:var(--dim);text-wrap:pretty;margin:0;font-size:1rem;line-height:1.5rem}.work-preview__text .home-pill{white-space:normal;text-align:left;max-width:100%;margin-top:8px}.work-preview__meta{color:var(--dim);flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:.75rem;line-height:1rem;display:flex}html.js .work-preview__visual>*{opacity:0;filter:blur(4px);transform:translateY(10px)}html.js .work-preview__visual[data-in]>*{opacity:1;filter:none;transition:opacity .7s var(--ease-smooth-out), transform 1.05s var(--ease-reveal), filter .7s var(--ease-smooth-out);transform:none}.work-viz-bars{flex-direction:column;gap:8px;width:min(100%,320px);display:flex}.work-viz-bars__row{transition:background-color .5s var(--ease-smooth-out);border-radius:8px;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:12px;padding:6px 8px;display:grid}.work-viz-bars__row[data-active]{background:var(--blue-soft)}.work-viz-bars__label{background:var(--line-strong);border-radius:4px;height:8px}.work-viz-bars__track{background:var(--line);border-radius:5px;height:10px;overflow:hidden}.work-viz-bars__fill{width:var(--w);background:var(--navy);border-radius:5px;height:100%;display:block}html.js .work-preview__visual .work-viz-bars__fill{clip-path:inset(0 100% 0 0)}html.js .work-preview__visual[data-in] .work-viz-bars__fill{clip-path:inset(0);transition:clip-path 1.1s cubic-bezier(.65, 0, .35, 1) calc(.3s + var(--i) * 60ms)}.work-viz-bars__row[data-active] .work-viz-bars__fill{background:var(--blue)}.work-viz-task{border:1px solid var(--line);background:var(--background);border-radius:12px;flex-direction:column;gap:10px;width:min(100%,300px);padding:16px;display:flex}.work-viz-task__head{color:var(--dim);align-items:center;gap:8px;font-size:.75rem;line-height:1rem;display:flex}.work-viz-task__dot{background:var(--blue);border-radius:8px;width:8px;height:8px}.work-viz-task__line{background:var(--line);border-radius:4px;height:8px}.work-viz-task__line--short{width:60%}.work-viz-task__scale{height:20px;margin-top:4px;position:relative}.work-viz-task__track{background:var(--line-strong);border-radius:2px;height:4px;position:absolute;inset:8px 0 auto}.work-viz-task__marker{transform:translateX(var(--at));transition:transform .9s cubic-bezier(.65,0,.35,1);position:absolute;inset:0}.work-viz-task__marker:before{content:"";background:var(--navy);border-radius:16px;width:16px;height:16px;position:absolute;top:2px;left:-8px}.work-viz-task__result{color:var(--background);background:var(--blue);opacity:0;filter:blur(4px);transition:opacity .5s var(--ease-smooth-out), transform .6s var(--ease-reveal), filter .5s var(--ease-smooth-out);border-radius:32px;align-self:flex-start;padding:2px 10px;font-size:.75rem;line-height:1rem;transform:scale(.86)}.work-viz-task__result[data-shown]{opacity:1;filter:none;transform:none}.work-viz-flow{flex-direction:column;gap:12px;width:min(100%,300px);display:flex}.work-viz-flow__row{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.work-viz-flow__node{border:1px solid var(--line);background:var(--background);height:32px;color:var(--muted);transition:border-color .4s var(--ease-smooth-out), color .4s var(--ease-smooth-out), background-color .4s var(--ease-smooth-out);border-radius:8px;place-items:center;font-size:.75rem;display:grid}.work-viz-flow__node[data-done]{color:var(--ink);border-color:var(--line-strong)}.work-viz-flow__node[data-active]{border-color:var(--blue);background:var(--blue-soft)}.work-viz-flow__doc{border:1px solid var(--line);background:var(--background);transition:border-color .4s var(--ease-smooth-out);border-radius:10px;flex-direction:column;gap:8px;padding:14px;display:flex}.work-viz-flow__doc>span{background:var(--line);transform-origin:0;height:8px;transition:background-color .5s var(--ease-smooth-out), transform .7s var(--ease-reveal);border-radius:4px}.work-viz-flow__doc>span:nth-child(2){width:70%}.work-viz-flow__doc>span:nth-child(3){width:45%}.work-viz-flow__doc[data-updated]{border-color:var(--blue)}.work-viz-flow__doc[data-updated]>span:nth-child(2){background:var(--blue);transform:scaleX(.8)}@media (max-width:900px){.work-hub__body{grid-template-columns:minmax(0,1fr)}.work-preview__visual{min-height:208px;padding:16px}}@media (prefers-reduced-motion:reduce){html.js .work-preview__inner{animation:none}html.js .work-preview__visual>*,html.js .work-preview__visual .work-viz-bars__fill{opacity:1;filter:none;clip-path:none;transition:none;transform:none}}