task-view{display:flex;flex-direction:column;flex:1;min-inline-size:0;overflow:auto;background:var(--paper);scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}task-view>*{inline-size:100%;max-inline-size:var(--sheet-width);margin-inline:auto;padding-inline:max(var(--space-md),env(safe-area-inset-left)) max(var(--space-md),env(safe-area-inset-right))}@media (min-width: 900px){task-view>*{padding-inline:var(--space-2xl)}}task-view task-header{display:flex;flex-direction:column;gap:var(--space-xs);padding-block:var(--space-lg) var(--space-md)}task-view task-meta{display:flex;align-items:center;gap:var(--space-xs);min-block-size:2.5rem}task-view task-actions{display:flex;align-items:center;gap:var(--space-3xs);flex:none;margin-inline-start:auto}task-view task-actions text-button{margin-inline-end:var(--space-2xs)}task-view task-badge{display:inline-flex;align-items:center;gap:var(--space-xs);min-inline-size:0;padding:var(--space-2xs) var(--space-sm) var(--space-2xs) var(--space-xs);border-radius:var(--shape-full);background:var(--status-soft);color:var(--status-color);font-size:var(--type-small);font-weight:560;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}task-view task-badge[status=waiting],task-view task-badge[status=draft],task-view task-badge[status=archived]{color:var(--ink-soft)}task-view task-badge:before{content:"";flex:none;inline-size:.5rem;block-size:.5rem;border-radius:var(--shape-full);box-shadow:inset 0 0 0 1.5px var(--status-color)}task-view task-badge[status=draft]:before{box-shadow:none;border:1.5px dashed var(--status-color)}task-view task-badge[status=working]:before,task-view task-badge[status=realized]:before{background:var(--status-color);box-shadow:none}@media (prefers-reduced-motion: no-preference){task-view task-badge[status=working]:before{animation:task-view-live 1.6s var(--ease-standard) infinite}}@keyframes task-view-live{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}task-view editable-text[kind=task-title]{margin-inline:calc(-1 * var(--space-xs));padding:var(--space-3xs) var(--space-xs);font-size:var(--type-display);font-weight:680;line-height:var(--leading-tight);letter-spacing:-.02em;overflow-wrap:anywhere}task-view task-header data-label{padding-block-start:var(--space-3xs)}task-view text-editor[mode=code]{flex:1 0 auto;min-block-size:50dvh;padding-block:0 var(--space-2xl);background:linear-gradient(var(--line),var(--line)) top / 100% 1px no-repeat;background-origin:content-box}task-view text-editor .cm-content .cm-line{padding-inline:0}@media (min-width: 900px){task-view text-editor .cm-editor{margin-inline-start:-2.75rem}}@media (max-width: 899px){task-view text-editor .cm-editor .cm-gutters{display:none}}task-view[state=empty]{justify-content:center}task-view task-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);padding-block:var(--space-2xl);text-align:center}task-view empty-art{position:relative;display:block;inline-size:7.5rem;block-size:6rem}task-view art-sheet{position:absolute;inset-inline:0;block-size:1.5rem;border-radius:var(--shape-sm);background:var(--paper);box-shadow:var(--shadow-2)}task-view art-sheet:before{content:"";position:absolute;inset-block-start:50%;inset-inline-start:.75rem;inline-size:45%;block-size:.3rem;border-radius:var(--shape-full);background:var(--fill-strong);transform:translateY(-50%)}task-view art-sheet:nth-child(1){inset-block-start:0;transform:scale(.84);opacity:.55}task-view art-sheet:nth-child(2){inset-block-start:2rem;transform:scale(.92);opacity:.8}task-view art-sheet:nth-child(3){inset-block-start:4rem}:root[mode=dark] task-view art-sheet{background:var(--paper-raised)}task-view empty-text{max-inline-size:28ch;color:var(--ink-soft);font-size:var(--type-body)}