@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-opsz-normal-D9N6E8K1.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-opsz-normal-IcJDqblK.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-opsz-normal-Cre6nC2_.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-ext-wght-normal-DCwSJGxG.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-wght-normal-D_ZTVpCC.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper: #fff8ec;--paper-deep: #f2e9da;--letter: #ffffff;--ink: #1b1530;--ink-muted: #4a4263;--on-ink: #fff8ec;--tomato: #ff5a3c;--tangerine: #ff9a2e;--sun: #ffd23c;--lime: #b5e62e;--grass: #3dd16f;--teal: #2fd4c4;--sky: #4da8ff;--lilac: #b38cff;--bubblegum: #ff7ab8;--tomato-soft: #ffe0d8;--tangerine-soft: #ffe2c2;--sun-soft: #fff3c4;--lime-soft: #effbcf;--grass-soft: #d6f6e0;--teal-soft: #d2f6f2;--sky-soft: #dbeeff;--lilac-soft: #ece2ff;--bubblegum-soft: #ffe0ef;--grape: #6c3bff;--danger: #c8102e;--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 24px;--space-5: 40px;--radius-sm: 10px;--radius-lg: 22px;--radius-pill: 999px;--font-display: "Bricolage Grotesque Variable", "Bricolage Grotesque", "Figtree Variable", system-ui, sans-serif;--font-sans: "Figtree Variable", "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif}.display{font-family:var(--font-display);font-size:56px;line-height:56px;font-weight:800;letter-spacing:-.02em}.title{font-family:var(--font-display);font-size:34px;line-height:38px;font-weight:800;letter-spacing:-.01em}.heading{font-family:var(--font-display);font-size:24px;line-height:28px;font-weight:700}.subject{font-family:var(--font-sans);font-size:19px;line-height:24px;font-weight:700}.body{font-family:var(--font-sans);font-size:16px;line-height:24px;font-weight:400}.meta{font-family:var(--font-sans);font-size:13px;line-height:18px;font-weight:600}.label{font-family:var(--font-sans);font-size:12px;line-height:16px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}@media(max-width:640px){.display{font-size:40px;line-height:44px}.title{font-size:28px;line-height:32px}}*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/24px var(--font-sans)}a{color:var(--ink);font-weight:700}h1,h2,h3,p{margin:0}ul{list-style:none;margin:0;padding:0}:focus-visible{outline:3px solid var(--ink);outline-offset:2px}button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-3);border:0;border-radius:var(--radius-pill);font:700 16px/24px var(--font-sans);cursor:pointer;background:var(--ink);color:var(--on-ink);transition:transform 80ms}button:active:not(:disabled){transform:scale(.98)}button.secondary{background:var(--paper-deep);color:var(--ink)}button.fill{background:var(--c);color:var(--ink)}button.fill:hover:not(:disabled){background:var(--c-soft)}button.danger{background:var(--danger);color:var(--on-ink)}button.quiet{background:transparent;color:var(--ink-muted)}button:disabled{background:var(--paper-deep);color:var(--ink-muted);cursor:default}input,select,textarea{font:inherit;font-weight:400;min-height:44px;border:0;border-radius:var(--radius-sm);background:var(--paper-deep);color:var(--ink)}input,select{padding:0 var(--space-3)}textarea{display:block;width:100%;min-height:88px;padding:var(--space-2) var(--space-3);resize:vertical;overflow-wrap:anywhere}.chip{min-height:36px;padding:0 var(--space-3);border-radius:var(--radius-sm);background:var(--paper-deep);color:var(--ink);font-size:13px;line-height:18px}.chip[aria-pressed=true]{background:var(--ink);color:var(--on-ink)}.chip-label{display:inline-block;padding:0 var(--space-2);border-radius:var(--radius-sm);background:var(--ink);color:var(--on-ink);font:800 12px/20px var(--font-sans)}button.chip-label{min-height:36px}.badge{min-width:28px;padding:2px var(--space-2);border-radius:var(--radius-pill);background:var(--ink);color:var(--c);font:800 13px/18px var(--font-sans);text-align:center}.app{--top: max(var(--space-4), env(safe-area-inset-top));display:grid;grid-template-columns:320px minmax(0,1fr);gap:var(--space-4);align-items:start;padding:var(--top) var(--space-4) var(--space-4);min-height:100dvh}.tabs{background:var(--paper-deep);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);position:sticky;top:var(--space-4)}.brand{margin:0 var(--space-2) var(--space-2);font:800 34px/38px var(--font-display);letter-spacing:-.01em}.tab{justify-content:flex-start;min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-lg);background:var(--c);color:var(--ink);font:700 19px/24px var(--font-sans)}.tab:hover{background:var(--c-soft)}.tab[aria-current=page]{min-height:72px;font:800 24px/28px var(--font-display)}.tab[aria-current=page]:hover{background:var(--c)}.tabs{max-height:calc(100dvh - 2 * var(--space-4));overflow-y:auto}.tab-group{display:flex;flex-direction:column;gap:var(--space-2)}.tab-row{position:relative;display:flex}.tab-row .tab{flex:1;padding-right:52px}.tab-toggle{position:absolute;top:0;bottom:0;right:0;width:48px;min-height:44px;padding:0;border-radius:var(--radius-lg);background:transparent;color:var(--ink);font-size:15px}.sublist{display:flex;flex-direction:column;gap:var(--space-1);margin-left:var(--space-3)}.subtab{justify-content:space-between;width:100%;min-height:44px;padding:var(--space-1) var(--space-2) var(--space-1) var(--space-3);border-radius:var(--radius-lg);background:var(--c-soft);color:var(--ink);font:700 16px/20px var(--font-sans);text-align:left}.subtab:hover{background:var(--c)}.subtab[aria-current=page]{min-height:56px;font:800 19px/24px var(--font-display)}.subtab-name{min-width:0;overflow-wrap:anywhere}.subtab .badge{flex:none}.load-data{align-self:flex-start;margin-top:var(--space-2);padding:var(--space-1) var(--space-2);color:var(--ink-muted);font:600 13px/18px var(--font-sans);cursor:pointer}.load-data input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.load-data:focus-within{outline:3px solid var(--ink);outline-offset:2px;border-radius:var(--radius-sm)}.reset-confirm{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:0 var(--space-2);font:600 13px/18px var(--font-sans)}.reset-confirm button{min-height:36px;font-size:13px}button.load-import,button.sign-out{display:block;margin-top:var(--space-2);padding:0 var(--space-2);font:600 13px/18px var(--font-sans)}button.reset{align-self:flex-start;margin-top:var(--space-2);padding:0 var(--space-2);font:600 13px/18px var(--font-sans)}main{min-width:0;max-width:52rem;display:flex;flex-direction:column;gap:var(--space-2)}main>:first-child{margin-top:0}.add-task{min-height:52px;margin-bottom:var(--space-2);background:var(--bubblegum);color:var(--ink);font:700 19px/24px var(--font-sans)}.add-task:hover{background:var(--bubblegum-soft)}.quick-add{display:flex;align-items:center;gap:var(--space-2);min-height:36px;padding:0 var(--space-2);border-radius:var(--radius-sm);background:var(--c-soft)}.quick-add:focus-within{outline:3px solid var(--ink);outline-offset:2px}.quick-add-plus{flex:none;width:20px;text-align:center;font:700 19px/20px var(--font-sans)}.quick-add input{flex:1;min-width:0;min-height:34px;padding:0 var(--space-1);background:transparent;font:500 15px/20px var(--font-sans)}.quick-add input:focus-visible{outline:none}.quick-add .task-action{background:var(--ink);color:var(--on-ink)}.section-add{position:relative;flex:none;width:24px;height:24px;min-height:0;margin-left:auto;padding:0;background:var(--ink);color:var(--on-ink);font:700 18px/18px var(--font-sans)}.section-add:after{content:"";position:absolute;top:-8px;right:-10px;bottom:-8px;left:-10px}.label-group,.label-group ul{display:flex;flex-direction:column;gap:2px}.label-heading{margin-top:var(--space-1);padding:0 var(--space-2);font:700 13px/18px var(--font-sans);overflow-wrap:anywhere}.label-rows{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3)}.label-row{justify-content:space-between;width:100%;min-height:44px;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);background:var(--c-soft);color:var(--ink);font:600 15px/20px var(--font-sans);text-align:left}.label-row:hover{background:var(--c)}.label-row span:first-child{min-width:0;overflow-wrap:anywhere}.label-row .badge{flex:none}button.delete-label{align-self:flex-start}.delete-label{margin-top:var(--space-3)}.view-header{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 var(--space-3);background:var(--c);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3)}.view-header h1{font:800 28px/34px var(--font-display);letter-spacing:-.01em;overflow-wrap:anywhere}.view-header p{font:600 13px/18px var(--font-sans)}.list-section{margin-top:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1)}.list-section>ul{display:flex;flex-direction:column;gap:2px}.list-section>button:not(.section-title){align-self:flex-start}.section-title{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:var(--space-2);width:100%;min-height:32px;padding:2px var(--space-2);border-radius:var(--radius-sm);background:var(--c);color:var(--ink);font:700 16px/22px var(--font-display);text-align:left}.section-title .badge{min-width:22px;padding:0 6px;font-size:12px;line-height:18px}button.section-title:hover{background:var(--c-soft)}.chevron{width:var(--space-3);font-size:13px}.task{display:flex;align-items:center;gap:var(--space-2);min-height:36px;padding:0 var(--space-2);border-radius:var(--radius-sm);background:var(--c-soft)}.task:hover{background:var(--c)}.task.closed{background:var(--paper-deep)}.task.closed:hover,.task.closed .task-action{background:var(--paper)}.task.closed:hover .task-action{background:var(--paper-deep)}.check{position:relative;flex:none;width:20px;height:20px;min-height:0;padding:0;border:2px solid var(--ink-muted);border-radius:50%;background:var(--paper)}.check:after{content:"";position:absolute;top:-8px;right:-6px;bottom:-8px;left:-6px}.check:hover{background:var(--grass)}.task-main{flex:1;min-width:0;align-self:stretch;display:flex;align-items:center;justify-content:flex-start;gap:var(--space-2);min-height:36px;padding:3px var(--space-1);border-radius:var(--radius-sm);background:transparent;color:var(--ink);text-align:left}.task-text{flex:1 1 0;min-width:40%;display:flex;flex-direction:column}.task-name,.task-description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-name{font:500 15px/20px var(--font-sans)}.task-description{color:var(--ink-muted);font:400 12px/16px var(--font-sans)}.task-meta{flex:0 1 auto;min-width:0;display:flex;align-items:center;gap:var(--space-2);overflow:hidden;color:var(--ink-muted);font:600 12px/16px var(--font-sans);white-space:nowrap}.task-date{min-width:0;overflow:hidden;text-overflow:ellipsis}.task-icon{flex:none;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.task-meta .chip-label{line-height:18px;font-size:11px}.overdue-chip{flex:none;padding:0 var(--space-2);border-radius:var(--radius-sm);background:var(--tomato);color:var(--ink);font:800 12px/18px var(--font-sans)}.task-action{flex:none;min-height:26px;padding:0 10px;background:var(--paper);color:var(--ink);font:700 12px/16px var(--font-sans)}.list-section>button:not(.section-title){min-height:36px;margin-top:var(--space-1);font-size:13px}.empty{padding:var(--space-4) var(--space-2)}.empty h2{font:700 24px/28px var(--font-display)}.hint{color:var(--ink-muted);font:600 13px/18px var(--font-sans)}.sync-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-3)}.sync-banner a{color:inherit}.sync-banner button{min-height:28px;font-size:13px}.error{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--danger);color:var(--on-ink);font:700 13px/18px var(--font-sans)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:color-mix(in srgb,var(--ink) 45%,transparent)}.sheet{display:flex;flex-direction:column;gap:var(--space-2);width:100%;max-width:40rem;max-height:100%;overflow-y:auto;padding:var(--space-3);border-radius:var(--radius-lg);background:var(--paper)}.sheet section{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--paper-deep)}.sheet section.tinted{background:var(--c-soft)}.sheet section>button{align-self:flex-start}.sheet h3{font:700 19px/24px var(--font-sans)}.sheet section input,.sheet section select,.sheet section textarea{background:var(--paper)}.sheet section button.secondary{background:var(--paper)}.sheet-header{display:flex;align-items:center;gap:var(--space-2)}.sheet-header h2{flex:1;font:700 24px/28px var(--font-display)}.title-input{flex:1;min-width:0;font:700 24px/28px var(--font-display)}.draft-destination{align-self:center;margin-left:auto}.sheet-footer{position:sticky;bottom:calc(-1 * var(--space-3));z-index:1;display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:calc(-1 * var(--space-3));padding:var(--space-2) 0 var(--space-3);background:var(--paper)}.triage-name{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--c);font:800 34px/38px var(--font-display);letter-spacing:-.01em;overflow-wrap:anywhere}.triage-go{justify-content:flex-start;min-height:56px;border-radius:var(--radius-lg)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.field-row label{display:grid;gap:var(--space-1);min-width:0;color:var(--ink-muted);font:600 13px/18px var(--font-sans)}.field-row input{width:100%;min-width:0;color:var(--ink);font:400 16px/24px var(--font-sans)}.inline-form{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.inline-form input[type=number]{width:80px}.inline-form input:not([type]){flex:1;min-width:140px}.inline-form select{min-width:0;max-width:100%}.compact{display:flex;align-items:center;gap:var(--space-2);font:600 13px/18px var(--font-sans)}.add-label{margin-top:var(--space-3)}.confirm{font:600 13px/18px var(--font-sans)}.confirm button{font-size:13px}.description{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);overflow-wrap:anywhere}.description>div{width:100%}.description p{margin-bottom:var(--space-2)}.description ul,.description ol{margin-bottom:var(--space-2);padding-left:var(--space-4)}.description ul{list-style:disc}.toast{position:fixed;z-index:10;left:var(--space-3);right:var(--space-3);bottom:max(var(--space-3),env(safe-area-inset-bottom));width:fit-content;max-width:min(36rem,calc(100vw - 2 * var(--space-3)));margin:0 auto;display:flex;align-items:center;gap:var(--space-3);min-height:44px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);background:var(--ink);color:var(--on-ink);font-weight:700}.toast span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toast button{flex:none;min-height:36px;padding:0 var(--space-3);background:var(--on-ink);color:var(--ink)}@media(max-width:640px){.app{--top: max(var(--space-3), env(safe-area-inset-top));display:block;padding:var(--top) var(--space-3) 148px}.add-task{position:fixed;z-index:3;right:var(--space-3);bottom:calc(68px + env(safe-area-inset-bottom));width:56px;height:56px;min-height:0;margin:0;padding:0;font:700 28px/28px var(--font-sans)}.add-task-text{display:none}.quick-add{min-height:44px}.quick-add input{min-height:42px;font-size:16px}.section-add{width:28px;height:28px}.tabs{position:fixed;z-index:4;left:0;right:0;bottom:0;top:auto;flex-direction:row;gap:var(--space-1);padding:var(--space-2) var(--space-2) max(var(--space-2),env(safe-area-inset-bottom));border-radius:var(--radius-lg) var(--radius-lg) 0 0}.brand,button.reset,.load-data,.reset-confirm,.tabs .error,.tab-toggle,.sublist{display:none}.tabs{max-height:none;overflow:visible}.tab-group,.tab-row{display:contents}.tab-row .tab{padding-right:2px}.tab{flex:1 1 0;justify-content:center;min-width:0;padding:0 2px;font:700 13px/18px var(--font-sans)}.tab[aria-current=page]{flex-grow:1.3;min-height:44px;font:800 15px/18px var(--font-display)}.view-header h1{font-size:24px;line-height:30px}.triage-name{padding:var(--space-3);font-size:28px;line-height:32px}.title-input{font-size:19px;line-height:24px}.task,.task-main{min-height:44px}.section-title{min-height:36px}button.section-title:after{content:"";position:absolute;top:-4px;right:0;bottom:-4px;left:0}.task-action{min-height:36px}.task-text{min-width:45%}.overlay{align-items:flex-end;padding:var(--space-3) 0 0}.sheet{max-height:100%;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding-bottom:max(var(--space-3),env(safe-area-inset-bottom))}.sheet section{padding:var(--space-3)}.toast{bottom:calc(68px + env(safe-area-inset-bottom))}}.auth-screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-3)}.auth-screen .brand{display:block;margin:0}.sign-in{padding:var(--space-3) var(--space-5, 32px);border-radius:var(--radius-lg);background:var(--c);color:var(--ink);font:700 16px/20px var(--font-sans);text-decoration:none}.sign-in:hover{background:var(--c-soft)}
