.task.svelte-1afh61d{border-radius:var(--radius-l);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-1);transition:transform .25s var(--ease-out), border-color .25s var(--ease), box-shadow .3s var(--ease), background .25s;isolation:isolate;flex-direction:column;gap:10px;min-width:0;padding:18px 18px 16px;display:flex;position:relative;overflow:hidden}.task.svelte-1afh61d:before{content:"";z-index:-1;background:radial-gradient(600px circle at var(--mx,50%) var(--my,0%), color-mix(in oklab, var(--spark) 9%, transparent), transparent 45%);opacity:0;transition:opacity .3s;position:absolute;inset:0}.task.svelte-1afh61d:hover{border-color:var(--line-3);box-shadow:var(--shadow-2);transform:translateY(-2px)}.task.svelte-1afh61d:hover:before{opacity:1}.top.svelte-1afh61d{color:var(--text-3);align-items:center;gap:8px;font-size:14px;display:flex}.cat.svelte-1afh61d{color:var(--text-2);align-items:center;gap:6px;font-weight:520;display:inline-flex}.spacer.svelte-1afh61d{flex:1}.title.svelte-1afh61d{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;padding-right:18px;font-size:1.12rem;font-weight:620;line-height:1.25;display:-webkit-box;overflow:hidden}.body.svelte-1afh61d{color:var(--text-2);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;min-height:2.6em;font-size:13.8px;line-height:1.55;display:-webkit-box;overflow:hidden}.meta.svelte-1afh61d{color:var(--text-3);align-items:center;gap:7px;min-width:0;margin-top:auto;padding-top:4px;font-size:14px;display:flex}.who.svelte-1afh61d{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.sep.svelte-1afh61d{color:var(--text-4)}.when.svelte-1afh61d{white-space:nowrap}.comments.svelte-1afh61d{align-items:center;gap:4px;margin-left:4px;display:inline-flex}.arrow.svelte-1afh61d{color:var(--text-3);opacity:0;transition:all .25s var(--ease-out);position:absolute;top:44px;right:14px;transform:translate(-4px,4px)}.task.svelte-1afh61d:hover .arrow:where(.svelte-1afh61d){opacity:1;color:var(--spark-text);transform:none}.compact.svelte-1afh61d{gap:8px;padding:14px 16px}.compact.svelte-1afh61d .title:where(.svelte-1afh61d){font-size:1rem}