task-drawer{display:flex;flex-direction:column;flex:none;inline-size:min(var(--drawer-width),88vw);overflow:auto;overscroll-behavior:contain;padding:var(--space-xs) var(--space-sm) var(--space-lg) max(var(--space-sm),env(safe-area-inset-left));scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}task-drawer>*{flex:none}task-drawer drawer-header{display:flex;flex-direction:column;gap:var(--space-3xs);padding:var(--space-xs) 0 var(--space-md)}task-drawer drawer-header data-label{padding-inline:var(--space-xs)}task-drawer editable-text{padding:var(--space-3xs) var(--space-xs)}task-drawer editable-text[kind=title]{font-size:var(--type-title);font-weight:680;line-height:var(--leading-tight);letter-spacing:-.01em}task-drawer editable-text[kind=description]{color:var(--ink-soft);font-size:var(--type-small);line-height:1.45}task-drawer section-tabs{margin-block-end:var(--space-md)}task-drawer section-list{display:flex;flex-direction:column;gap:var(--space-2xs)}task-drawer lane-group{display:flex;flex-direction:column}task-drawer lane-group+lane-group{margin-block-start:var(--space-sm)}task-drawer lane-header{display:flex;align-items:center;gap:var(--space-2xs);min-block-size:2rem;padding-inline-end:var(--space-3xs);color:var(--ink-soft);font-family:var(--voice-data);font-size:var(--type-label);font-weight:500;letter-spacing:var(--track-label);text-transform:uppercase}task-drawer lane-header lane-name,task-drawer lane-header editable-text{flex:1;min-inline-size:0;padding:var(--space-3xs) var(--space-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}task-drawer lane-header editable-text editable-display{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}task-drawer lane-count{flex:none;min-inline-size:1.25rem;padding-inline:var(--space-2xs);color:var(--ink-faint);text-align:end}task-drawer lane-header:not(:has(icon-button)):after{content:"";flex:none;inline-size:2rem}@media (hover: hover){task-drawer lane-header icon-button{opacity:0;transition:opacity var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard)}task-drawer lane-header:hover icon-button,task-drawer lane-header:focus-within icon-button{opacity:1}}task-drawer task-zone{display:flex;flex-direction:column;gap:var(--space-3xs)}task-drawer task-zone:empty{display:grid;place-items:center;min-block-size:2.75rem;border-radius:var(--shape-sm);box-shadow:inset 0 0 0 1px var(--line);background-image:repeating-linear-gradient(135deg,transparent 0 6px,var(--fill) 6px 7px)}task-drawer task-zone:empty:before{content:attr(empty-hint);color:var(--ink-faint);font-size:var(--type-small)}task-drawer task-row{position:relative;display:flex;align-items:flex-start;border-radius:var(--shape-sm);transition:background-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-base) var(--ease-standard),transform var(--motion-base) var(--ease-spring)}task-drawer task-row:hover{background:var(--fill)}task-drawer task-row[aria-current=page]{background:var(--paper);box-shadow:var(--shadow-1)}:root[mode=dark] task-drawer task-row[aria-current=page]{background:var(--paper-raised)}task-drawer task-row[aria-current=page] row-title{font-weight:620}task-drawer task-row[dragging=true]{z-index:1;background:var(--paper-raised);box-shadow:var(--shadow-3);transform:scale(1.02)}task-drawer drag-handle{display:grid;place-items:center;flex:none;inline-size:1.75rem;min-block-size:2.75rem;align-self:stretch;color:var(--ink-faint);cursor:grab;touch-action:none;user-select:none}task-drawer task-row[dragging=true] drag-handle{cursor:grabbing;color:var(--ink)}task-drawer drag-handle m-symbol{font-size:18px;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 20}@media (hover: hover){task-drawer drag-handle{opacity:.45;transition:opacity var(--motion-fast) var(--ease-standard)}task-drawer task-row:hover drag-handle,task-drawer task-row[aria-current=page] drag-handle{opacity:1}}task-drawer status-dot{flex:none;inline-size:.5rem;block-size:.5rem;margin-block-start:1.0625rem;margin-inline-end:var(--space-xs);border-radius:var(--shape-full);box-shadow:inset 0 0 0 1.5px var(--status-color)}task-drawer task-row[status=draft] status-dot{box-shadow:none;border:1.5px dashed var(--status-color)}task-drawer task-row[status=working] status-dot,task-drawer task-row[status=realized] status-dot{background:var(--status-color);box-shadow:none}task-drawer task-row[status=working] status-dot{box-shadow:0 0 0 3px var(--status-soft)}@media (prefers-reduced-motion: no-preference){task-drawer task-row[status=working] status-dot{animation:task-drawer-live 1.6s var(--ease-standard) infinite}}@keyframes task-drawer-live{0%,to{box-shadow:0 0 0 2px var(--status-soft)}50%{box-shadow:0 0 0 5px var(--status-soft)}}task-drawer task-row a{display:flex;flex-direction:column;gap:1px;flex:1;min-inline-size:0;padding:var(--space-xs) var(--space-sm) var(--space-xs) 0;color:var(--ink);text-decoration:none;border-radius:var(--shape-sm)}task-drawer task-row a:focus-visible{outline-offset:-2px}task-drawer row-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:.875rem;line-height:1.4;overflow-wrap:anywhere}task-drawer task-row[status=realized] row-title,task-drawer task-row[status=archived] row-title{color:var(--ink-soft)}task-drawer task-state{overflow:hidden;color:var(--ink-faint);font-family:var(--voice-data);font-size:var(--type-label);line-height:1.5;text-overflow:ellipsis;white-space:nowrap}task-drawer task-row[status=working] task-state,task-drawer task-row[status=realized] task-state{color:var(--status-color)}task-drawer text-button[kind=create]{justify-content:flex-start;block-size:2.75rem;border-radius:var(--shape-sm);color:var(--ink-soft);box-shadow:inset 0 0 0 1px var(--line)}task-drawer text-button[kind=create]:hover{background:var(--paper);color:var(--ink);box-shadow:var(--shadow-1)}task-drawer lane-group+text-button[kind=create]{margin-block-start:var(--space-md)}task-drawer drawer-actions{display:flex;flex-direction:column;align-items:flex-start;margin-block-start:auto;padding-block-start:var(--space-xl)}@media (max-width: 899px){task-drawer task-row[aria-current=page],:root[mode=dark] task-drawer task-row[aria-current=page]{background:var(--fill-strong);box-shadow:none}task-drawer text-button[kind=create]:hover{background:var(--fill);box-shadow:inset 0 0 0 1px var(--line-strong)}}task-drawer lane-header editable-text[state=editing]{font-family:var(--voice-ui);font-size:var(--type-small);letter-spacing:normal;text-transform:none}