.task-page{--te-sheet: #efeeea;--te-ink: #141414;--te-ink-2: #4a4945;--te-ink-muted: #5f5d58;--te-hairline: color-mix(in srgb, var(--te-ink) 18%, transparent);--te-led: .625rem;--te-led-lg: .75rem;--te-led-ok: #16a34a;--te-led-ok-glow: #4ade80;--te-ok-ink: #15803d;--te-rival: #9b9a95;--te-led-fail: #dc2626;--te-led-fail-glow: #f87171;--te-check: 1.125rem;--te-num: 3rem;--te-w: 36rem;--te-title: 3rem;--te-grit-h: var(--space-6);--te-dot-step: 4px;--te-dot-r: .9px;--te-dot-soft: .5px;--te-grain: url(/cdn/65dce6831bf9f730421e2915/69bdb7201fcd5c39cb449aa0_8b02323b0e8b78d62e9421bf6166905d_noise.png);--te-grain-size: 58px}@media(max-width:639.98px){.task-page{--te-title: 2.25rem;--te-num: 2.75rem}}.task-page .te-led{--led: var(--te-led-ok);--led-glow: var(--te-led-ok-glow);display:inline-block;flex:none;width:var(--te-led);height:var(--te-led);background:radial-gradient(circle closest-side,var(--led-glow) 0%,var(--led) 55%,color-mix(in srgb,var(--led) 60%,var(--te-ink)) 85%,transparent 100%);filter:drop-shadow(0 0 var(--space-1) var(--led-glow))}.task-page .te-led.is-fail{--led: var(--te-led-fail);--led-glow: var(--te-led-fail-glow)}.task-page .te-sheet{position:relative;display:grid;gap:var(--space-5);width:min(100%,var(--te-w));margin:0 0 0 auto;padding:var(--space-5) var(--space-6) calc(var(--te-grit-h) + var(--space-4));background:var(--te-grain) 0 0 / var(--te-grain-size) var(--te-grain-size),var(--te-sheet);box-shadow:var(--shadow-lift);color:var(--te-ink)}@media(max-width:959.98px){.task-page .te-sheet{margin:0}}@media(max-width:639.98px){.task-page .te-sheet{padding-inline:var(--space-5)}}.task-page .te-sheet-status,.task-page .te-sheet-foot,.task-page .te-memo dt{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);font-family:var(--cl-mono);font-size:var(--fs-label);line-height:var(--lh-snug);letter-spacing:var(--tracking-label);text-transform:uppercase}.task-page .te-sheet-status,.task-page .te-sheet-foot>:last-child{white-space:nowrap}.task-page .te-sheet-titlerow{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.task-page .te-sheet-status{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--fs-secondary);color:var(--te-ink)}.task-page .te-sheet-status .te-led{width:var(--te-led-lg);height:var(--te-led-lg)}.task-page .te-sheet-head{display:grid;gap:var(--space-2);padding-bottom:var(--space-4);border-bottom:var(--line-w) solid var(--te-ink)}.task-page .te-sheet-note{font-family:var(--cl-mono);font-size:var(--fs-label);line-height:var(--lh-snug);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--te-ink-muted)}.task-page .te-sheet-title{font-family:var(--font-display);font-size:var(--te-title);line-height:1;letter-spacing:var(--tracking-display)}.task-page :is(.te-memo dd,.te-sheet-q,.te-sheet-a){text-wrap:pretty}.task-page .te-sheet-foot>:first-child{text-wrap:balance}.task-page .te-memo{display:grid;gap:var(--space-2);margin:var(--space-2) 0 0}.task-page .te-memo div{display:grid;grid-template-columns:var(--te-num) minmax(0,1fr);align-items:baseline;gap:var(--space-3)}.task-page .te-memo dt{color:var(--te-ink-muted)}.task-page .te-memo dd{margin:0;font-family:var(--font-display);font-size:var(--fs-lead);line-height:var(--lh-snug);color:var(--te-ink)}.task-page .te-sheet-rows{display:grid;margin:calc(-1 * var(--space-5)) 0 0;padding:0;list-style:none}.task-page .te-sheet-row{display:grid;grid-template-columns:var(--te-num) minmax(0,1fr);column-gap:var(--space-3);row-gap:var(--space-2);padding:var(--space-4) 0}.task-page .te-sheet-row+.te-sheet-row{border-top:var(--line-w) solid var(--te-hairline)}.task-page .te-sheet-num{grid-row:1;align-self:baseline;font-family:var(--cl-mono);font-size:var(--fs-secondary);color:var(--te-ink-muted)}.task-page :is(.te-sheet-q,.te-sheet-a){grid-column:2;margin:0;font-family:var(--font-display);font-size:var(--fs-lead);line-height:var(--lh-snug)}.task-page .te-sheet-q{grid-row:1;align-self:baseline;color:var(--te-ink-2)}.task-page .te-sheet-a{display:grid;grid-template-columns:var(--te-check) minmax(0,1fr);align-items:start;gap:var(--space-3);color:var(--te-ink)}.task-page .te-check{display:grid;place-items:center;width:var(--te-check);height:var(--te-check);margin-top:calc((var(--fs-lead) * var(--lh-snug) - var(--te-check)) / 2);border:var(--line-w) solid var(--te-ink)}.task-page .te-check svg{width:80%;height:80%}.task-page .te-sheet-foot{margin-top:calc(-1 * var(--space-5));padding-top:var(--space-4);border-top:var(--line-w) solid var(--te-ink);color:var(--te-ink)}.task-page .te-sheet-grit{position:absolute;right:0;bottom:0;left:0;height:var(--te-grit-h);background-image:radial-gradient(circle,var(--te-ink) var(--te-dot-r),transparent calc(var(--te-dot-r) + var(--te-dot-soft)));background-size:var(--te-dot-step) var(--te-dot-step);mask-image:linear-gradient(to bottom,transparent,var(--brand-black));opacity:.3;pointer-events:none}.task-page .te-sheet.is-compact{--te-title: 2.25rem;--te-check: 1rem;--te-num: 2.5rem;--te-w: 32rem;gap:var(--space-4);padding:var(--space-4) var(--space-5) calc(var(--te-grit-h) + var(--space-3))}.task-page .te-sheet.is-compact :is(.te-memo dd,.te-sheet-q,.te-sheet-a){font-size:var(--fs-secondary)}.task-page .te-sheet.is-compact .te-check{margin-top:calc((var(--fs-secondary) * var(--lh-snug) - var(--te-check)) / 2)}.task-page .te-sheet.is-compact .te-sheet-row{padding:var(--space-3) 0}.task-page .te-sheet.is-compact .te-sheet-rows{margin-top:calc(-1 * var(--space-4))}.task-page .te-sheet.is-compact .te-sheet-foot{margin-top:calc(-1 * var(--space-4));padding-top:var(--space-3)}.task-page .te-check path{stroke-dasharray:24;stroke-dashoffset:0}.task-page .te-sheet.is-armed .te-check path{stroke-dashoffset:24}.task-page .te-sheet.is-armed .te-sheet-status .te-led{filter:grayscale(1) brightness(.75) drop-shadow(0 0 0 transparent)}.task-page .te-sheet.is-armed.is-ticked .te-check path{stroke-dashoffset:0;transition:stroke-dashoffset .3s ease-out;transition-delay:calc(.2s + var(--i) * .45s)}.task-page .te-sheet.is-armed.is-ticked .te-sheet-status .te-led{filter:grayscale(0) brightness(1) drop-shadow(0 0 var(--space-1) var(--led-glow));transition:filter .3s ease-out;transition-delay:calc(.5s + var(--rows) * .45s)}
