:root{--paper:#f7f4ec;--paper-raised:#fffdf8;--ink:#1f1c17;--ink-soft:#4d4842;--ink-mute:#8a847a;--rule:#d9d3c6;--accent:#b5452b;--accent-soft:color-mix(in oklab, var(--accent) 12%, var(--paper));--link:#2a5a8a;--font:Charter, "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;--size:17px;--lh:1.5;--indent:1.6rem;--gutter:2.4rem;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#1b1a17;--paper-raised:#24221e;--ink:#ebe6db;--ink-soft:#c9c3b6;--ink-mute:#857f74;--rule:#3a3731;--accent:#e0755a;--link:#8fb4d8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--paper:#1b1a17;--paper-raised:#24221e;--ink:#ebe6db;--ink-soft:#c9c3b6;--ink-mute:#857f74;--rule:#3a3731;--accent:#e0755a;--link:#8fb4d8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--paper);color:var(--ink);font:var(--size) / var(--lh) var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}a{color:var(--link);text-underline-offset:.15em}kbd{font:.85em / 1 var(--font);border:1px solid var(--rule);background:var(--paper-raised);border-bottom-width:2px;border-radius:3px;padding:.1em .35em}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{max-width:44rem;margin:0 auto;padding:1.25rem 16px 6rem}.top{flex-wrap:wrap;align-items:baseline;gap:.5rem 1.25rem;margin-bottom:1.5rem;display:flex;position:relative}.top h1{letter-spacing:.01em;color:var(--ink-soft);margin:0;font-size:1.15rem;font-style:italic;font-weight:400}.bar{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:.25rem .5rem;font-size:.9rem;display:flex}.bar button,.bar .check,.bar select{border-radius:4px;align-items:center;gap:.35em;min-height:32px;padding:0 .55rem;display:inline-flex}.bar button:hover:not(:disabled),.bar .check:hover,.bar select:hover{background:var(--paper-raised);color:var(--ink)}.bar button:disabled{color:var(--ink-mute);cursor:default}.bar select{appearance:auto;cursor:pointer;background:0 0;border:0}.check input{accent-color:var(--accent);width:1rem;height:1rem;margin:0}.banner{border:1px solid var(--accent);background:var(--paper-raised);border-left-width:4px;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:.6rem .8rem;font-size:.92rem;display:flex}.banner button{min-width:32px;min-height:32px;padding:0 .3rem;font-size:1.2rem;line-height:1}.rows{position:relative}.row{grid-template-columns:var(--gutter) 1fr;padding-left:calc(var(--depth) * var(--indent));border-radius:4px;align-items:start;display:grid;position:relative}.row.is-selected{background:var(--accent-soft)}.row .toggle,.row .bullet{height:calc(var(--size) * var(--lh));grid-area:1/1;width:100%;position:relative}.row .bullet{box-sizing:content-box;touch-action:none;cursor:grab;margin:-10px 0;padding:10px 0}.row.is-dragging{opacity:.35}body.is-dragging-rows{cursor:grabbing;-webkit-user-select:none;user-select:none}body.is-dragging-rows .row .bullet{cursor:grabbing}.drop-line{background:var(--accent);pointer-events:none;z-index:2;height:2px;margin-top:-1px;position:absolute;right:0}.drop-line:before{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute;top:-3px;left:-4px}.drag-ghost{z-index:10;pointer-events:none;text-overflow:ellipsis;white-space:nowrap;background:var(--paper-raised);border:1px solid var(--rule);border-radius:4px;max-width:18rem;padding:.15rem .5rem;font-size:.95rem;position:fixed;overflow:hidden;box-shadow:0 6px 24px -12px #00000059}.row .toggle{opacity:0;justify-self:start;width:1rem;margin-left:-1.1rem;transition:opacity .12s}.row .toggle:before{content:"";border:.32rem solid #0000;border-top:.42rem solid var(--ink-mute);border-bottom:0;position:absolute;top:50%;left:50%;translate:-50% -50%}.row.is-collapsed .toggle:before{translate:-40% -50%;rotate:-90deg}.row:hover .toggle,.row:focus-within .toggle,.row.is-collapsed .toggle,.row .toggle:focus-visible{opacity:1}.row .bullet:before{content:"";background:var(--ink-soft);border-radius:50%;width:.38rem;height:.38rem;transition:box-shadow .12s,background .12s;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 0 #0000}.row.is-collapsed .bullet:before{box-shadow:0 0 0 .3rem var(--rule)}.row.is-editing .bullet:before{background:var(--accent)}.row.is-empty .bullet:before{background:0 0}.row.is-done .bullet:before{content:"×";width:auto;height:auto;color:var(--ink-mute);background:0 0;border-radius:0;font-size:1.15em;line-height:1;translate:-50% -52%}.row.is-numbered .bullet:before{content:attr(data-num);width:auto;height:auto;box-shadow:none;color:var(--ink-soft);font-variant-numeric:tabular-nums;background:0 0;border-radius:0;line-height:1;top:50%;left:auto;right:.55rem;translate:0 -50%}.row.is-numbered.is-editing .bullet:before{color:var(--accent)}.row.is-numbered.is-done .bullet:before{color:var(--ink-mute);text-decoration:line-through;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.row.is-numbered.is-collapsed .bullet:before{box-shadow:none;text-decoration:underline;-webkit-text-decoration-color:var(--rule);text-decoration-color:var(--rule);text-underline-offset:.2em}.row.is-numbered .bullet:hover:before{box-shadow:none;background:var(--accent-soft);border-radius:3px;margin-right:-.2rem;padding:0 .2rem}.row .bullet:hover:before{box-shadow:0 0 0 .3rem var(--accent-soft)}.row .text{min-height:calc(var(--size) * var(--lh));resize:none;white-space:pre-wrap;overflow-wrap:anywhere;width:100%;color:inherit;cursor:text;background:0 0;border:0;outline:none;grid-area:1/2;margin:0;padding:0;display:block;overflow:hidden}.row.is-done .text{color:var(--ink-mute);text-decoration:line-through;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-decoration-thickness:1px}.row.is-done .text a{color:inherit}.placeholder{min-width:1px;display:inline-block}.tail{cursor:text;border-radius:4px;width:100%;height:3rem;display:block}.tail:hover{background:var(--paper-raised)}.hint{color:var(--ink-mute);margin:.75rem 0 0 var(--gutter);font-size:.95rem;font-style:italic}.foot{color:var(--ink-mute);margin-top:3rem;font-size:.82rem}.selbar{left:50%;bottom:calc(max(1rem, env(safe-area-inset-bottom)) + var(--kb,0px));background:var(--paper-raised);border:1px solid var(--rule);white-space:nowrap;scrollbar-width:thin;max-width:calc(100vw - 32px);color:var(--ink);border-radius:6px;flex-wrap:nowrap;gap:.1rem;padding:.3rem .4rem;position:fixed;overflow-x:auto;translate:-50%;box-shadow:0 6px 24px -12px #00000059}.selbar .count{color:var(--ink-mute);flex:none;padding:0 .5rem}.selbar .sep{background:var(--rule);flex:none;width:1px;height:1.4rem;margin:0 .25rem}.selbar button{flex:none;justify-content:center;min-width:36px;min-height:36px;padding:0 .5rem}.selbar button:disabled{color:var(--ink-mute);opacity:.45;cursor:default}.selbar .danger:hover:not(:disabled){color:var(--accent)}@media (width<=640px){.selbar{justify-content:flex-start;max-width:none;padding-right:1.5rem;left:16px;right:16px;translate:0;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 1.5rem),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 1.5rem),#0000)}.selbar .count{display:none}.selbar button{padding:0 .4rem}}.toast{color:var(--ink-soft);margin-top:.15rem;font-size:.9rem;font-style:italic;position:absolute;top:100%;left:0}dialog.import{border:1px solid var(--rule);background:var(--paper);color:var(--ink);border-radius:6px;width:min(40rem,100vw - 32px);padding:1.25rem}dialog.import::backdrop{background:#00000059}dialog.import h2{margin:0 0 .5rem;font-size:1.2rem;font-weight:400}dialog.import p{color:var(--ink-soft);margin:0 0 .75rem;font-size:.92rem}dialog.import textarea{border:1px solid var(--rule);background:var(--paper-raised);tab-size:4;border-radius:4px;width:100%;padding:.6rem;font-size:.95rem}dialog.import .actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;margin-top:.75rem;display:flex}dialog.import .actions button{border:1px solid var(--rule);border-radius:4px;min-height:36px;padding:0 .8rem}dialog.import .actions .primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}dialog.import .actions button:disabled{opacity:.5;cursor:default}@media (width<=480px){:root{--size:16px;--indent:1.2rem;--gutter:2rem}.top{gap:.5rem .75rem}.bar{font-size:.85rem}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.foot{flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;display:flex}.account{flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;display:inline-flex}.account .who{color:var(--ink-soft)}button.link{color:var(--link);text-underline-offset:.15em;min-height:32px;font-size:inherit;text-decoration:underline}button.link:hover{color:var(--ink)}dialog.import .field{gap:.3rem;margin:.75rem 0;display:grid}dialog.import .field span{color:var(--ink-soft);font-size:.9rem}dialog.import input[type=email]{border:1px solid var(--rule);background:var(--paper-raised);border-radius:4px;width:100%;padding:.55rem .6rem}
