:root{color-scheme:dark;--hue: 38;--void: hsl(var(--hue) 34% 4%);--line: hsl(var(--hue) 96% 64% / .75);--line-soft: hsl(var(--hue) 96% 64% / .32);--fill: hsl(var(--hue) 34% 13% / .55);--fill-lit: hsl(var(--hue) 36% 20% / .75);--accent: hsl(var(--hue) 96% 64%);--accent-dim: hsl(var(--hue) 44% 62%);--text: hsl(var(--hue) 22% 92%);--gap: 1rem;--gap-lg: 1.5rem;--pad: 1rem;--radius: 2px;--bracket: 12px;--mono: ui-monospace, "SF Mono", "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{min-height:100dvh;background:var(--void);color:var(--text);font-family:var(--mono);font-size:.9375rem;line-height:1.55;padding:clamp(.75rem,3vw,2rem);padding-bottom:max(2rem,env(safe-area-inset-bottom))}.page{position:relative;max-width:62rem;margin:0 auto;padding:clamp(1rem,3vw,1.75rem);border:1px solid var(--line-soft)}.page:before,.page:after{content:"";position:absolute;width:var(--bracket);height:var(--bracket);border:1px solid var(--line);pointer-events:none}.page:before{top:-1px;left:-1px;border-right:0;border-bottom:0}.page:after{bottom:-1px;right:-1px;border-left:0;border-top:0}.page>.page__corners:before,.page>.page__corners:after{content:"";position:absolute;width:var(--bracket);height:var(--bracket);border:1px solid var(--line);pointer-events:none}.page>.page__corners:before{top:-1px;right:-1px;border-left:0;border-bottom:0}.page>.page__corners:after{bottom:-1px;left:-1px;border-right:0;border-top:0}.stack{display:flex;flex-direction:column;gap:var(--gap-lg)}.stack--tight{gap:var(--gap)}.label{font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-dim)}.value{color:var(--accent);text-transform:uppercase;font-size:.8125rem;letter-spacing:.04em;text-align:right}.muted{color:var(--accent-dim)}.panel{position:relative;border:1px solid var(--line);background:var(--fill);padding:calc(var(--pad) + .25rem) var(--pad) var(--pad);display:flex;flex-direction:column;gap:.75rem}.panel__tag{position:absolute;top:0;left:var(--pad);transform:translateY(-50%);z-index:1;padding:0 .5rem;background:var(--void);font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-dim)}.panel--alert{border-color:var(--accent);background:var(--fill-lit)}.panel--alert .panel__tag{color:var(--accent)}.panel--focus{border-width:2px}.masthead{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--gap);border-bottom:1px solid var(--line-soft);padding-bottom:.75rem}.wordmark{font-size:1.375rem;letter-spacing:.42em;text-transform:uppercase;color:var(--accent);font-weight:400}.masthead__meta{display:flex;align-items:center;gap:.75rem}.live{margin:0;font-size:.6875rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-dim)}.live[data-state=live]{color:var(--accent)}.card--enter{animation:card-enter .18s ease-out}@keyframes card-enter{0%{opacity:0;transform:translateY(-.4rem)}to{opacity:1;transform:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.75rem;padding:.5rem 1.125rem;border:1px solid var(--line);border-radius:var(--radius);background:transparent;color:var(--accent);font:inherit;font-size:.8125rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background-color .12s ease-out,color .12s ease-out}.btn:hover{background:var(--fill-lit)}.btn--solid{background:var(--accent);border-color:var(--accent);color:var(--void);font-weight:700}.btn--solid:hover{background:var(--accent);filter:brightness(1.08)}.btn--quiet{border-color:var(--line-soft);color:var(--accent-dim)}.btn[disabled]{cursor:not-allowed;opacity:.45}.btn[disabled]:hover{background:transparent;filter:none}:where(a,button,select,input,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.field{display:flex;flex-direction:column;gap:.375rem;min-width:8rem}.field select,.field input{min-height:2.75rem;padding:.5rem .75rem;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--void);color:var(--text);font:inherit;font-size:.875rem}.field select:hover,.field input:hover{border-color:var(--line)}.filters{flex-direction:row;flex-wrap:wrap;align-items:flex-end;gap:var(--gap)}.filters .field{flex:1 1 8rem}.filters .btn{flex:0 0 auto}.cells{display:flex;flex-direction:column;gap:0;margin:0}.cells>div{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.3125rem 0;border-bottom:1px solid var(--line-soft)}.cells>div:last-child{border-bottom:0}.cells dt{font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-dim)}.cells dd{color:var(--accent);text-transform:uppercase;font-size:.8125rem;letter-spacing:.04em;text-align:right}.strip{height:6px;background:repeating-linear-gradient(90deg,var(--line) 0 2px,transparent 2px 7px);opacity:.65}.tags{display:flex;flex-wrap:wrap;align-items:center;gap:.4375rem;list-style:none}.tag{display:inline-flex;align-items:center;gap:.375rem;padding:.125rem .5rem;border:1px solid var(--line-soft);border-radius:var(--radius);font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-dim);white-space:nowrap}.tag--prio-high{background:var(--accent);border-color:var(--accent);color:var(--void);font-weight:700}.tag--prio-medium{border-color:var(--line);color:var(--accent)}.tag--prio-low{border-color:var(--line-soft);color:var(--accent-dim)}.tag--due{border-color:var(--line);color:var(--accent)}.tag--overdue{background:var(--fill-lit);border-color:var(--accent);color:var(--accent);font-weight:700}.tasks{list-style:none;display:flex;flex-direction:column;gap:var(--gap)}.tasks--nested{margin-top:var(--gap);padding-left:clamp(.75rem,3vw,1.5rem);border-left:1px solid var(--line-soft)}.card{position:relative;display:flex;flex-direction:column;gap:.5rem;border:1px solid var(--line-soft);background:var(--fill);padding:.875rem var(--pad) 0}.card:hover,.card:focus-within{background:var(--fill-lit);border-color:var(--line)}.card__crumb{display:inline-flex;align-items:center;gap:.375rem;align-self:flex-start;font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-dim);text-decoration:none;border-bottom:1px solid var(--line-soft)}.card__crumb:hover{color:var(--accent);border-bottom-color:var(--line)}.card__title{color:var(--text);font-size:1rem;font-weight:400;line-height:1.35;text-decoration:none}.card__title:hover{color:var(--accent)}.card__title:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.card__done .card__title{color:var(--accent-dim);text-decoration:line-through}.card>.strip{margin:.25rem calc(var(--pad) * -1) 0}.callout{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:baseline;gap:.375rem;padding:.375rem .5rem;border:1px solid var(--accent);background:var(--fill-lit);font-size:.75rem}.callout__label{font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:700}.callout a{color:var(--text);text-decoration:underline;text-underline-offset:2px}.callout a:hover{color:var(--accent)}.context-grid{display:grid;gap:var(--gap-lg);grid-template-columns:1fr}@media (min-width: 60rem){.context-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start}}.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem;font-size:.6875rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-dim)}.crumbs a{color:var(--accent-dim);text-decoration:none;border-bottom:1px solid var(--line-soft)}.crumbs a:hover{color:var(--accent)}.title{font-size:clamp(1.25rem,4.5vw,1.75rem);font-weight:400;line-height:1.25;color:var(--text)}.title[tabindex="-1"]:focus,.title[tabindex="-1"]:focus-visible{outline:none}.rows{list-style:none;display:flex;flex-direction:column;gap:0}.rows>li{border-bottom:1px solid var(--line-soft)}.rows>li:last-child{border-bottom:0}.row{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem;padding:.5rem .25rem;color:var(--text);text-decoration:none}.row:hover{background:var(--fill-lit);color:var(--accent)}.row__done{color:var(--accent-dim);text-decoration:line-through}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding-top:.25rem;border-top:1px solid var(--line-soft)}.state{align-items:flex-start;text-align:left}.state__title{font-size:1rem;font-weight:400;color:var(--accent);text-transform:uppercase;letter-spacing:.1em}.state__body{color:var(--accent-dim);max-width:44ch}.skeleton{height:3.5rem;border:1px solid var(--line-soft);background:var(--fill);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.45}50%{opacity:.85}}.banner{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid var(--accent);background:var(--fill-lit);color:var(--accent);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.create-form{max-width:32rem}.field-group{display:flex;flex-wrap:wrap;gap:var(--gap)}.field-group .field{flex:1 1 10rem}.edit-form{padding:.75rem 0;border-top:1px solid var(--line-soft)}.title-input{display:block;width:100%;padding:.5rem .75rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--void);color:var(--text);font:inherit;font-size:clamp(1.25rem,4.5vw,1.75rem);line-height:1.25;margin-bottom:.75rem}.title-input:focus{border-color:var(--accent);outline:none}.actions__row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.btn--danger{border-color:var(--accent);color:var(--accent);font-weight:700}.btn--danger:hover{background:var(--fill-lit)}.btn--danger[disabled]{opacity:.45}.skip{position:absolute;left:-9999px}.skip:focus{position:static;display:inline-block;padding:.5rem .75rem;background:var(--accent);color:var(--void)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}[hidden]{display:none!important}.login{max-width:26rem;margin:0 auto}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}