:root{--bg:#000;--fg:#e8e8e8;--dim:#767676;--dimmer:#4a4a4a;--line:#1f1f1f;--line-strong:#333;--active:#1a1a1a;--active-strong:#333;--gutter:16px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);margin:0}body{-webkit-font-smoothing:antialiased;overflow-wrap:break-word;font:16px/1.55 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button,input,textarea,select,a{font:inherit;color:inherit}button{cursor:pointer;text-align:left;background:0 0;border:0;padding:0}:focus-visible{outline:1px solid var(--fg);outline-offset:2px}.app{max-width:46rem;padding:0 var(--gutter) calc(6rem + env(safe-area-inset-bottom));margin:0 auto}.top{z-index:2;padding:calc(1rem + env(safe-area-inset-top)) 0 .75rem;background:var(--bg);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;display:flex;position:sticky;top:0}.crumbs{flex-wrap:wrap;align-items:baseline;gap:.35rem;min-width:0;font-size:.875rem;display:flex}.crumbs button{color:var(--dim)}.crumbs button:hover,.crumbs>span:last-child button{color:var(--fg)}.sep{color:var(--dimmer);margin-right:.35rem}.who{color:var(--dim);align-items:center;gap:.75rem;font-size:.8125rem;display:flex}.email{text-overflow:ellipsis;white-space:nowrap;max-width:14rem;overflow:hidden}.icon{width:1.15rem;height:1.15rem;display:block}.user-menu{position:relative}.user-button{color:var(--dim);padding:.15rem;display:block}.user-menu:hover .user-button,.user-menu:focus-within .user-button{color:var(--fg)}.user-dropdown{z-index:3;background:var(--bg);border:1px solid var(--line-strong);white-space:nowrap;flex-direction:column;align-items:flex-end;gap:.4rem;padding:.6rem .75rem;display:none;position:absolute;top:100%;right:0}.user-menu:hover .user-dropdown,.user-menu:focus-within .user-dropdown{display:flex}.link:hover,.chip:hover{color:var(--fg)}.chip{border:1px solid var(--line-strong);color:var(--dim);border-radius:999px;padding:.05rem .5rem}.sheet{padding-top:1.5rem}.space-title,.detail-title{letter-spacing:-.01em;margin:0 0 1rem;font-size:1.5rem;font-weight:600}.banner{border:1px solid var(--line-strong);cursor:pointer;margin:.75rem 0 0;padding:.5rem .75rem;font-size:.875rem}.dismiss{color:var(--dim);margin-left:.5rem}.empty{color:var(--dim);font-size:.9375rem}.tree{margin:0;padding:0;list-style:none}.tree .tree{border-left:1px solid var(--line);margin-left:1.05rem;padding-left:.5rem}.row{border-bottom:1px solid var(--line);align-items:baseline;gap:.4rem;padding:.3rem 0;display:flex}.caret{width:1rem;color:var(--dimmer);flex:none;font-size:.75rem}.caret:hover{color:var(--fg)}.dot{flex:none;width:1.15rem;line-height:1}.mark{border:1px solid var(--dim);vertical-align:baseline;border-radius:50%;width:.6rem;height:.6rem;display:inline-block}.mark-doing{border-color:var(--fg);background:linear-gradient(90deg, var(--fg) 50%, transparent 50%)}.mark-done{border-color:var(--dim);background:var(--dim)}.dot:hover .mark{border-color:var(--fg)}.dot-add{width:1.15rem;color:var(--dimmer);flex:none;font-size:.8125rem}.title{flex-wrap:wrap;flex:1;align-items:baseline;gap:.5rem;min-width:0;display:flex}.title:hover .title-text{text-underline-offset:3px;text-decoration:underline}.status-done>.row .title-text{color:var(--dim);text-decoration:line-through;-webkit-text-decoration-color:var(--dimmer);text-decoration-color:var(--dimmer)}.hint{min-width:0;color:var(--dimmer);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.8125rem;overflow:hidden}.actions{color:var(--dimmer);flex:none;align-items:baseline;gap:.4rem;font-size:.8125rem;display:flex}.actions button{color:var(--dimmer);text-align:center;min-width:1.25rem;padding:0 .15rem}.actions button:hover:not(:disabled){color:var(--fg)}.actions button:disabled{opacity:.25;cursor:default}.count{font-variant-numeric:tabular-nums}@media (hover:hover){.actions button{opacity:0}.row:hover .actions button,.row:focus-within .actions button{opacity:1}}.add{border-bottom:1px solid var(--line);align-items:baseline;gap:.4rem;padding:.3rem 0;display:flex}.input-bare{background:0 0;border:0;flex:1;min-width:0;padding:0}.input-bare::placeholder{color:var(--dimmer)}.input-bare:focus{outline:none}.nav-active{background:var(--active);box-shadow:-.5rem 0 var(--active), .5rem 0 var(--active)}.status-option.nav-candidate{background:var(--active-strong);color:var(--fg)}.overlay{z-index:10;padding:var(--gutter);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{color:#000;background:#fff;width:100%;max-width:24rem;padding:1.25rem}.dialog-title{margin:0 0 .5rem;font-size:1rem;font-weight:700}.dialog-body{margin:0 0 1.25rem;font-size:.9375rem}.dialog-buttons{justify-content:flex-end;gap:.5rem;display:flex}.dialog-buttons button{border:1px solid #000;padding:.3rem .8rem;font-size:.875rem}.dialog-buttons button:hover,.dialog-buttons button:focus-visible,.dialog-buttons button:focus{color:#fff;background:#000;outline:none}.recent{margin-top:2.5rem}.section-title{color:var(--dim);text-transform:uppercase;letter-spacing:.06em;margin:0 0 .5rem;font-size:.8125rem;font-weight:400}.title-line{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.detail-title{cursor:text;flex:1;min-width:0}.title-line .detail-title{margin:0}.trash{color:var(--dimmer);flex:none;padding:.25rem}.trash:hover,.trash.nav-active{color:#ff6b6b}.status-picker{gap:.5rem;margin-bottom:1.5rem;font-size:.8125rem;display:flex}.status-option{border:1px solid var(--line);color:var(--dim);align-items:center;gap:.4rem;padding:.2rem .6rem;display:flex}.status-option:hover{border-color:var(--line-strong);color:var(--fg)}.status-option.selected{border-color:var(--fg);color:var(--fg)}.body{cursor:text;margin-bottom:2rem}.body>:first-child{margin-top:0}.body>:last-child{margin-bottom:0}.body a{color:var(--fg);text-underline-offset:3px}.body code{background:#121212;padding:.1em .35em;font-size:.875em}.body pre{border:1px solid var(--line);background:#0c0c0c;padding:.75rem;overflow-x:auto}.body pre code{background:0 0;padding:0}.body blockquote{border-left:1px solid var(--line-strong);color:var(--dim);margin:1rem 0;padding-left:.9rem}.body table{border-collapse:collapse;width:100%}.body th,.body td{border:1px solid var(--line);text-align:left;padding:.35rem .5rem}.body hr{border:0;border-top:1px solid var(--line)}.body-empty,.body-editor{width:100%;margin-bottom:2rem}.body-empty{color:var(--dimmer)}.body-empty:hover{color:var(--dim)}.body-editor{border:1px solid var(--line-strong);resize:vertical;background:#0a0a0a;padding:.75rem;font:.9375rem/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}.signin{max-width:26rem;padding:22vh var(--gutter) 0;margin:0 auto}.wordmark{letter-spacing:-.02em;margin:0;font-size:1.75rem;font-weight:600}.tagline{color:var(--dim);margin:.5rem 0 2rem}.tagline.small{margin-top:1rem;font-size:.8125rem}.button{border:1px solid var(--fg);padding:.5rem 1.1rem;text-decoration:none;display:inline-block}.button:hover{background:var(--fg);color:var(--bg)}.banner-error{color:#ff9c9c;border-color:#4a2020}@media (width<=560px){.hint{display:none}}@media (width<=420px){.email{display:none}}
