:root{--hue: 82;--canvas: oklch(.977 .005 var(--hue));--surface: oklch(.995 .002 var(--hue));--sunken: oklch(.955 .006 var(--hue));--line: oklch(.902 .007 var(--hue));--line-strong: oklch(.845 .009 var(--hue));--ink: oklch(.235 .012 var(--hue));--ink-2: oklch(.445 .011 var(--hue));--ink-3: oklch(.6 .01 var(--hue));--overdue: oklch(.525 .185 27);--overdue-soft: oklch(.955 .028 35);--soon: oklch(.545 .125 70);--soon-soft: oklch(.962 .038 85);--done: oklch(.5 .065 155);--focus: oklch(.55 .15 255);--t-xs: .75rem;--t-sm: .8125rem;--t-base: .9375rem;--t-md: 1.0625rem;--t-lg: 1.375rem;--r: 6px;--ease: cubic-bezier(.22, 1, .36, 1);--fast: .16s;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial, sans-serif}@media(prefers-reduced-motion:reduce){:root{--fast: 1ms}}*{box-sizing:border-box}html,body{margin:0;background:var(--canvas)}body{color:var(--ink);font-family:var(--font);font-size:var(--t-base);line-height:1.5;-webkit-font-smoothing:antialiased}time,.tabular{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.topbar{border-bottom:1px solid var(--line);background:var(--surface)}.topbar__inner{max-width:60rem;margin:0 auto;padding:0 24px;height:52px;display:flex;align-items:center;gap:16px}.brand{font-size:var(--t-base);font-weight:600;letter-spacing:-.01em;margin-right:auto}.topbar__user{color:var(--ink-3);font-size:var(--t-sm)}.page{max-width:60rem;margin:0 auto;padding:40px 24px 96px}.page__head{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}.page__title{font-size:var(--t-lg);font-weight:600;letter-spacing:-.02em;margin:0 auto 0 0}.page__count{color:var(--ink-3);font-size:var(--t-sm)}.btn{font:inherit;font-size:var(--t-sm);font-weight:500;padding:7px 13px;border-radius:var(--r);border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);cursor:pointer;white-space:nowrap;transition:background var(--fast) var(--ease),border-color var(--fast) var(--ease)}.btn:hover:not(:disabled){background:var(--sunken)}.btn:active:not(:disabled){background:var(--line)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--ink);border-color:var(--ink);color:var(--surface)}.btn--primary:hover:not(:disabled){background:oklch(.32 .014 var(--hue));border-color:oklch(.32 .014 var(--hue))}.btn--primary:active:not(:disabled){background:oklch(.28 .013 var(--hue))}.btn--quiet{border-color:transparent;background:transparent;color:var(--ink-2);padding:5px 8px}.btn--quiet:hover:not(:disabled){background:var(--sunken);color:var(--ink)}.btn--danger{color:var(--ink-2)}.btn--danger:hover:not(:disabled),.btn--danger.is-armed{color:var(--overdue);background:var(--overdue-soft)}.toolbar{margin:20px 0 0}.input{font:inherit;font-size:var(--t-base);width:100%;padding:8px 11px;border:1px solid var(--line-strong);border-radius:var(--r);background:var(--surface);color:var(--ink);transition:border-color var(--fast) var(--ease)}input.input,select.input{min-height:2.5rem}.input::placeholder{color:var(--ink-3)}.input:hover{border-color:oklch(.78 .01 var(--hue))}.group{margin-top:40px}.group__head{display:flex;align-items:baseline;gap:12px;padding-bottom:8px;border-bottom:1px solid var(--line)}.group__label{font-size:var(--t-xs);font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-2);margin:0}.group__label--overdue{color:var(--overdue)}.group__count{margin-left:auto;font-size:var(--t-sm);color:var(--ink-3)}.rows{list-style:none;margin:0;padding:0}.row{display:flex;align-items:center;gap:14px;padding:12px 8px 12px 0;border-bottom:1px solid var(--line);transition:background var(--fast) var(--ease)}.row:hover{background:var(--sunken)}.row--new{animation:flash 1.6s var(--ease)}@keyframes flash{0%{background:var(--soon-soft)}to{background:transparent}}.dot{flex:none;width:9px;height:9px;border-radius:50%;margin-left:8px;border:1.5px solid var(--ink-3)}.dot--overdue{background:var(--overdue);border-color:var(--overdue)}.dot--soon{border-color:var(--soon)}.dot--done{background:var(--done);border-color:var(--done)}.row__main{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.row__title{font:inherit;font-size:var(--t-base);font-weight:500;color:var(--ink);text-align:left;background:none;border:0;padding:0;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row__title:hover{text-decoration:underline;text-underline-offset:2px}.row__meta{font-size:var(--t-sm);color:var(--ink-3)}.row__when{flex:none;font-size:var(--t-sm);color:var(--ink-2);text-align:right}.row__when--overdue{color:var(--overdue);font-weight:500}.row__when--soon{color:var(--soon)}.row__actions{flex:none;display:flex;gap:2px;opacity:0;transition:opacity var(--fast) var(--ease)}.row:hover .row__actions,.row__actions:focus-within{opacity:1}@media(hover:none){.row__actions{opacity:1}}.row--resolved .row__title{color:var(--ink-2)}.disclosure{margin-top:40px;font-size:var(--t-sm);color:var(--ink-2);background:none;border:0;padding:4px 0;cursor:pointer;font-family:inherit}.disclosure:hover{color:var(--ink)}.empty{margin-top:56px;padding:48px 24px;border:1px dashed var(--line-strong);border-radius:10px;text-align:center}.empty__title{margin:0 0 4px;font-size:var(--t-md);font-weight:600}.empty__hint{margin:0 auto 20px;color:var(--ink-2);max-width:42ch}.notice{margin:16px 0 0;padding:10px 12px;border-radius:var(--r);font-size:var(--t-sm);background:var(--overdue-soft);color:var(--overdue)}.skeleton{height:45px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,transparent,var(--sunken),transparent);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none;background:var(--sunken)}.row--new{animation:none}}dialog{padding:0;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface);color:var(--ink);width:min(28rem,calc(100vw - 32px));box-shadow:0 12px 32px -8px #211e182e;max-height:calc(100dvh - 48px);overflow:hidden}dialog form{display:flex;flex-direction:column;max-height:calc(100dvh - 48px)}dialog::backdrop{background:#211e1852;animation:fade var(--fast) var(--ease)}dialog[open]{animation:rise var(--fast) var(--ease)}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(6px) scale(.99)}}@media(prefers-reduced-motion:reduce){dialog[open],dialog::backdrop{animation:none}}.dialog__head{padding:18px 20px 14px;border-bottom:1px solid var(--line)}.dialog__title{margin:0;font-size:var(--t-md);font-weight:600;letter-spacing:-.01em}.dialog__body{padding:20px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;min-height:0}.dialog__head,.dialog__foot{flex:none}.dialog__foot{padding:14px 20px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px;background:var(--canvas);border-radius:0 0 12px 12px}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-size:var(--t-sm);font-weight:500;color:var(--ink-2)}.field__hint{font-size:var(--t-xs);color:var(--ink-3)}.file{display:flex;align-items:center;gap:10px;padding:10px 11px;border:1px dashed var(--line-strong);border-radius:var(--r);background:var(--sunken)}.file__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--t-sm);color:var(--ink-2)}.file__name--empty{color:var(--ink-3)}.login{min-height:100vh;display:grid;place-items:center;padding:24px}.login__card{width:min(21rem,100%);display:flex;flex-direction:column;gap:16px}.login__brand{font-size:var(--t-lg);font-weight:600;letter-spacing:-.02em;margin:0}.login__sub{margin:-12px 0 4px;color:var(--ink-3);font-size:var(--t-sm)}@media(max-width:34rem){.page{padding:28px 16px 72px}.topbar__inner{padding:0 16px}.row{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"dot  title  title" ".    when   actions";column-gap:12px;row-gap:3px;align-items:center}.dot{grid-area:dot;margin-left:0}.row__main{grid-area:title}.row__title{white-space:normal}.row__when{grid-area:when;text-align:left}.row__actions{grid-area:actions;opacity:1}}.brand--with-nav{margin-right:20px}.topbar__nav{display:flex;gap:2px;margin-right:auto}.navlink{padding:5px 10px;border-radius:var(--r);color:var(--ink-3);text-decoration:none;font-size:var(--t-sm);font-weight:500;transition:background var(--fast) var(--ease),color var(--fast) var(--ease)}.navlink:hover,.navlink--active{background:var(--sunken);color:var(--ink)}.page__lead{margin:4px 0 0;color:var(--ink-2);max-width:65ch}.row__name{font-size:var(--t-base);font-weight:500;color:var(--ink)}.row__tag{margin-left:6px;font-weight:400;color:var(--ink-3)}.row__actions--always{opacity:1}.row--plain{padding-left:8px}.rows--spaced{margin-top:28px;border-top:1px solid var(--line)}.rows--spaced .row{padding-top:16px;padding-bottom:16px}.row--stacked{display:grid;grid-template-columns:1fr auto;grid-template-areas:"main actions" "panel panel";align-items:start;row-gap:14px}.row--stacked .row__main{grid-area:main}.row--stacked .row__actions{grid-area:actions}.row__panel{grid-area:panel}.assign{border-top:1px solid var(--line);padding-top:14px;display:flex;flex-direction:column;gap:16px}.disclosure--inline{margin-top:0;align-self:flex-start;font-weight:500}.picker{border:0;margin:0;padding:0;min-width:0}.picker__well{margin-top:8px;max-height:168px;overflow-y:auto;border:1px solid var(--line-strong);border-radius:var(--r);background:var(--surface);padding:4px}.picker__section{margin:6px 0 2px;padding:0 8px;font-size:var(--t-xs);font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3)}.picker__row{display:flex;align-items:center;gap:9px;padding:6px 8px;border-radius:4px;font-size:var(--t-sm);cursor:pointer}.picker__row:hover{background:var(--sunken)}.picker__row input{accent-color:var(--ink);margin:0}.picker__meta{margin-left:auto;color:var(--ink-3);font-size:var(--t-xs)}.inline-form{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-top:20px;padding-bottom:20px;border-bottom:1px solid var(--line)}.inline-form .field{flex:1;min-width:11rem}.inline-form .field--narrow{flex:0 0 8.5rem;min-width:0}.input--link{margin-top:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--t-sm);color:var(--ink-2)}.login__link{align-self:center;font-size:var(--t-sm);color:var(--ink-3);text-decoration:none}.login__link:hover{color:var(--ink);text-decoration:underline}@media(max-width:34rem){.row--plain,.row--stacked{display:grid;grid-template-columns:1fr;grid-template-areas:"main" "actions" "panel";row-gap:10px;align-items:start}.row--plain .row__main,.row--stacked .row__main{grid-area:main}.row--plain .row__actions,.row--stacked .row__actions{grid-area:actions;justify-content:flex-start}.row--plain .row__panel,.row--stacked .row__panel{grid-area:panel}.row__meta{overflow-wrap:anywhere}.inline-form .field,.inline-form .field--narrow{flex:1 1 100%}}@media(max-width:34rem){.topbar__inner{height:auto;flex-wrap:wrap;padding:10px 16px;row-gap:6px}.brand--with-nav{margin-right:auto}.topbar__nav{order:3;flex-basis:100%;margin-right:0;overflow-x:auto;scrollbar-width:none}.topbar__nav::-webkit-scrollbar{display:none}}