:root{--font-round:ui-rounded, "SF Pro Rounded", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--app-bg:#e9edf4;--surface:#fff;--surface-2:#f1f5f9;--hairline:#e3e8ef;--canvas-bg:#fbfaf6;--canvas-dot:#ccd3e0;--paper-bg:#fffdf6;--paper-rule:#ccd8ea;--paper-margin-dot:#ef44446b;--paper-edge:#ece5d5;--ink:#1e293b;--ink-soft:#64748b;--ink-faint:#98a2b3;--accent:#4f46e5;--margin-x:92px;--hole-size:23px;--hole-gap:min(279px, 46vh);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font-round);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=640px){:root{--margin-x:60px;--hole-size:17px;--hole-gap:min(190px, 38vh)}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--app-bg);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;margin:0}button,input{font-family:inherit}button:focus-visible,input:focus-visible,[role=checkbox]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.segmented{background:var(--surface-2);border:1px solid var(--hairline);border-radius:999px;flex:none;gap:2px;padding:3px;display:inline-flex}.segmented button{height:30px;color:var(--ink-soft);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:13.5px;font-weight:600;display:inline-flex}.segmented button svg{width:17px;height:17px}.segmented button.is-active{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #0f172a24}.segmented--sm button{height:26px;padding:0 10px;font-size:12.5px}.mappicker{z-index:40;border:1px solid var(--hairline);background:var(--surface);text-align:left;border-radius:12px;width:max-content;min-width:210px;max-width:min(300px,100vw - 24px);padding:6px;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 12px 30px #0f172a33}.mappicker__heading{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint);margin:2px 8px 6px;font-size:11px;font-weight:700}.mappicker__list{max-height:240px;margin:0;padding:0;list-style:none;overflow-y:auto}.mappicker__list button{width:100%;height:32px;color:var(--ink);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:0 9px;font-size:13.5px;display:block;overflow:hidden}.mappicker__list button:hover{background:var(--surface-2)}.mappicker__empty{color:var(--ink-faint);margin:0 8px 6px;font-size:12.5px;line-height:1.45}.mappicker__footer{border:none;border-top:1px solid var(--hairline);width:100%;height:32px;color:var(--ink-soft);text-align:left;cursor:pointer;background:0 0;margin-top:4px;padding:0 9px;font-size:13px;font-weight:600;display:block}.mappicker__footer:hover{background:var(--surface-2);color:var(--ink)}.colorpicker{z-index:40;border:1px solid var(--hairline);background:var(--surface);border-radius:12px;width:max-content;padding:8px;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 12px 30px #0f172a33}.colorpicker__swatches{grid-template-columns:repeat(4,26px);gap:6px;display:grid}.colorpicker__swatch{cursor:pointer;border:2px solid #0000;border-radius:8px;width:26px;height:26px;padding:0}.colorpicker__swatch.is-active{border-color:var(--ink);box-shadow:inset 0 0 0 2px #fff}.colorpicker__auto{border:1px solid var(--hairline);width:100%;height:28px;color:var(--ink-soft);cursor:pointer;background:0 0;border-radius:8px;margin-top:7px;font-family:inherit;font-size:12.5px;font-weight:600}.colorpicker__auto.is-active{border-color:var(--ink);color:var(--ink)}.colorpicker__auto:hover{background:var(--surface-2);color:var(--ink)}.mapview{background:var(--canvas-bg);touch-action:none;width:100%;height:100%;position:relative;overflow:hidden}.mapview__canvas{font-family:var(--font-round);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;display:block}.mapview__canvas.is-dragging{cursor:grabbing}.mapview__dot{fill:var(--canvas-dot)}.map-node{cursor:pointer;filter:drop-shadow(0 2px 3px #0f172a17)}.map-node text{-webkit-user-select:none;user-select:none;paint-order:stroke}.map-node__text.is-done{text-decoration:line-through;text-decoration-thickness:1.5px}.map-node__checkbox,.map-node__toggle{cursor:pointer}.map-node__toggle:hover circle{fill:#f8fafc}.map-node__droptarget{fill:none;stroke:var(--ink);stroke-width:2.5px;stroke-dasharray:7 5;opacity:.6}.map-node.is-dimmed{opacity:.92}.mapview__drag{pointer-events:none;filter:drop-shadow(0 8px 14px #0f172a38)}.connector{pointer-events:none}.map-editor{z-index:5;box-sizing:border-box;border:2px solid var(--accent);color:var(--ink);font-family:var(--font-round);text-align:center;background:#fff;border-radius:14px;outline:none;padding:4px 12px;font-weight:600;position:absolute;transform:translate(-50%,-50%);box-shadow:0 8px 24px #0f172a2e}.map-actions{z-index:4;border:1px solid var(--hairline);background:#fff;border-radius:999px;flex-wrap:wrap;justify-content:center;gap:2px;max-width:calc(100vw - 24px);padding:4px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 10px 24px #0f172a29}.map-actions button{width:36px;height:36px;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:999px;flex:none;place-items:center;display:grid}.map-actions button:hover,.map-actions button.is-active{background:var(--surface-2);color:var(--ink)}.map-actions__menu{z-index:40;border:1px solid var(--hairline);background:var(--surface);border-radius:12px;min-width:200px;max-width:min(280px,100vw - 24px);padding:5px;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 12px 30px #0f172a33}.map-actions__menu button{width:100%;height:34px;color:var(--ink);text-align:left;white-space:nowrap;border-radius:8px;align-items:center;gap:9px;padding:0 9px;font-family:inherit;font-size:13.5px;font-weight:500;display:flex}.map-actions__menu button svg{width:16px;height:16px;color:var(--ink-soft);flex:none}.map-actions__menu button.is-danger:hover{color:#b91c1c;background:#fee2e2}.map-actions__menu button.is-danger:hover svg{color:#b91c1c}.map-actions button.is-danger:hover{color:#b91c1c;background:#fee2e2}.map-actions svg{width:19px;height:19px}.map-actions svg.is-flipped{transform:rotate(-90deg)}.mapview__zoom{z-index:3;border:1px solid var(--hairline);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffeb;border-radius:14px;flex-direction:column;gap:4px;padding:4px;display:flex;position:absolute;bottom:14px;right:14px;box-shadow:0 6px 18px #0f172a1f}.mapview__zoom button{width:36px;height:36px;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:10px;place-items:center;display:grid}.mapview__zoom button:hover{background:var(--surface-2);color:var(--ink)}.mapview__zoom svg{width:20px;height:20px}.mapview__empty{text-align:center;color:var(--ink-soft);pointer-events:none;flex-direction:column;align-items:center;gap:10px;padding:0 24px;display:flex;position:absolute;inset:50% 0 0;transform:translateY(-50%)}.mapview__empty p{color:var(--ink);margin:0;font-size:17px;font-weight:600}.mapview__empty span{max-width:320px;font-size:12.5px;line-height:1.5}.mapview__empty button{pointer-events:auto;background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:9px 18px;font-family:inherit;font-size:14px;font-weight:600}.mapview__zone{fill:#4f46e51a;stroke:#4f46e559;stroke-width:1px;stroke-dasharray:4 4}.mapview__zone.is-active{fill:#4f46e54d;stroke:var(--accent);stroke-width:2px;stroke-dasharray:none}.mapview__zone-label{fill:var(--accent);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.mapview__zoom button.is-pending{color:var(--accent);position:relative}.mapview__zoom button.is-pending:after{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:5px;right:5px}.mapview__zoom button:disabled{opacity:.35;cursor:default}.mapview__tidy-prompt{z-index:6;border:1px solid var(--hairline);background:var(--surface);max-width:calc(100vw - 32px);color:var(--ink);border-radius:999px;align-items:center;gap:8px;padding:8px 8px 8px 14px;font-size:13px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #0f172a33}.mapview__tidy-prompt span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mapview__tidy-prompt button{background:var(--surface-2);height:30px;color:var(--ink-soft);cursor:pointer;border:none;border-radius:999px;flex:none;padding:0 12px;font-family:inherit;font-size:13px;font-weight:600}.mapview__tidy-prompt button.is-primary{background:var(--accent);color:#fff}@media (width<=560px){.mapview__tidy-prompt{max-width:none;bottom:12px;left:12px;right:12px;transform:none}.mapview__tidy-prompt span{white-space:normal;flex:auto}}.map-node.is-filtered{opacity:.22}.thread-node__text{paint-order:stroke;stroke:var(--canvas-bg);stroke-width:3.5px;stroke-linejoin:round}.thread-node__text.is-done{text-decoration:line-through;text-decoration-thickness:1.5px}.thread-node__progress{paint-order:stroke;stroke:var(--canvas-bg);stroke-width:3px}.thread-node__selection{opacity:.14}.thread-node{filter:none}.todo{background:var(--paper-bg);flex-direction:column;height:100%;min-height:0;display:flex}.todo__bar{padding:10px 16px 10px var(--margin-x);background:var(--paper-bg);border-bottom:1px solid var(--paper-edge);flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:12px;display:flex}.todo__title{min-width:0;font-family:var(--font-round);color:var(--ink);background:0 0;border:none;outline:none;flex:180px;padding:2px 0;font-size:19px;font-weight:700}.todo__meta{align-items:center;gap:10px;display:flex}.todo__count{color:var(--ink-soft);white-space:nowrap;font-size:12.5px}.paper{background:var(--paper-bg);flex:auto;min-height:0;position:relative}.paper__sheet{height:100%;padding:0 18px 120px var(--margin-x);background-attachment:local;background-image:radial-gradient(circle at 1px 1px, var(--paper-margin-dot) 1.4px, transparent 1.5px), radial-gradient(circle at 1px 1px, var(--paper-rule) 1.2px, transparent 1.3px);background-size:14px 32px,14px 32px;background-position:calc(var(--margin-x) - 13px) 30px, 0 30px;background-repeat:repeat-y,repeat;scroll-padding-block:48px;overflow:hidden auto}.paper__holes{width:var(--margin-x);justify-content:center;align-items:center;gap:var(--hole-gap);pointer-events:none;z-index:2;flex-direction:column;display:flex;position:absolute;top:0;bottom:0;left:0}.paper__hole{width:var(--hole-size);height:var(--hole-size);background:var(--app-bg);border-radius:50%;box-shadow:inset 0 1.5px 2px #0f172a4d,0 0 0 1px #0f172a0f}.todo-group{display:block}.todo-row{box-sizing:border-box;align-items:center;gap:7px;min-height:32px;display:flex;position:relative}.todo-row__rail{background:var(--branch-ink,var(--ink-soft));opacity:.8;border-radius:2px;flex:0 0 3px;height:18px}.todo-row__disclosure{width:20px;height:20px;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:0 0 20px;place-items:center;padding:0;display:grid}.todo-row__disclosure svg{width:15px;height:15px;transition:transform .12s}.todo-row__disclosure.is-collapsed svg{transform:rotate(-90deg)}.todo-row__disclosure.is-empty{cursor:default}.todo-row__disclosure:hover:not(.is-empty){color:var(--ink);background:#0f172a0f}.todo-check{border:2px solid var(--branch-ink,var(--ink-soft));color:#0000;cursor:pointer;background:0 0;border-radius:6px;flex:0 0 20px;place-items:center;width:20px;height:20px;padding:0;display:grid}.todo-check svg{width:15px;height:15px}.todo-check.is-checked{background:var(--branch-ink,var(--ink-soft));color:#fff}.todo-folder{color:var(--branch-ink,var(--ink-soft));cursor:pointer;-webkit-user-select:none;user-select:none;flex:0 0 20px;place-items:center;display:grid}.todo-folder svg{width:18px;height:18px}.todo-row--link .todo-folder svg{width:16px;height:16px}.todo-row__input{min-width:40px;height:32px;font-family:var(--font-round);color:var(--ink);background:0 0;border:none;outline:none;flex:auto;padding:0;font-size:15px;line-height:32px}.todo-row__input::placeholder{color:#b6bdc9}.todo-row--category>.todo-row__input,.todo-row--category .todo-row__input{color:var(--branch-ink,var(--ink));font-size:15.5px;font-weight:700}.todo-row.is-done .todo-row__input{color:var(--ink-faint);text-decoration:line-through;text-decoration-thickness:1.5px}.todo-row__progress{color:var(--ink-soft);background:var(--branch-wash,var(--surface-2));border-radius:999px;flex:none;padding:1px 8px;font-size:11px;font-weight:600}.todo-row__actions{background:linear-gradient(to right, #fffdf600, var(--paper-bg) 16px);opacity:0;pointer-events:none;align-items:center;gap:1px;height:32px;padding-left:18px;transition:opacity .12s;display:flex;position:absolute;top:0;right:0}.todo-row:hover .todo-row__actions,.todo-row:focus-within .todo-row__actions,.todo-row__actions.is-open{opacity:1;pointer-events:auto}.todo-row__actions .colorpicker,.todo-row__actions .mappicker{left:auto;right:0;transform:none}.todo-row__actions button{width:26px;height:26px;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:7px;place-items:center;padding:0;display:grid}.todo-row__actions button:hover{color:var(--ink);background:#0f172a12}.todo-row__actions button.is-danger:hover{color:#b91c1c;background:#fee2e2}.todo-row__actions svg{width:15px;height:15px}.todo-row--flat{align-items:flex-start}.todo-row--flat .todo-check{margin-top:6px}.todo-row--flat .todo-row__rail{margin-top:7px}.todo-flat__text{flex-direction:column;flex:auto;min-width:0;display:flex}.todo-flat__path{color:var(--ink-faint);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;line-height:32px;overflow:hidden}.todo__add{height:32px;color:var(--ink-soft);font-family:var(--font-round);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;margin-top:4px;padding:0 12px 0 6px;font-size:14px;font-weight:600;display:inline-flex}.todo__add:hover{color:var(--ink);background:#0f172a0f}.todo__add svg{width:16px;height:16px}.todo__empty{color:var(--ink-faint);margin:8px 0;font-size:13.5px;line-height:32px}.mapswitcher{flex:0 auto;min-width:0;position:relative}.mapswitcher__trigger{border:1px solid var(--hairline);background:var(--surface);max-width:260px;height:32px;color:var(--ink);cursor:pointer;border-radius:10px;align-items:center;gap:7px;padding:0 8px 0 10px;font-size:14px;font-weight:700;display:flex}.mapswitcher__trigger:hover{background:var(--surface-2)}.mapswitcher__trigger svg{width:17px;height:17px;color:var(--ink-soft);flex:none}.mapswitcher__trigger svg.is-open{transform:rotate(180deg)}.mapswitcher__title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mapswitcher__menu{z-index:30;border:1px solid var(--hairline);background:var(--surface);border-radius:12px;min-width:240px;max-width:min(320px,100vw - 24px);padding:5px;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 12px 30px #0f172a2e}.mapswitcher__list{max-height:320px;margin:0;padding:0;list-style:none;overflow-y:auto}.mapswitcher__list li{border-radius:8px;align-items:center;gap:2px;display:flex}.mapswitcher__list li:hover{background:var(--surface-2)}.mapswitcher__item{min-width:0;height:34px;color:var(--ink);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:auto;align-items:center;gap:8px;padding:0 8px;font-size:14px;display:flex;overflow:hidden}.mapswitcher__bullet{border:1.5px solid var(--ink-faint);background:0 0;border-radius:50%;flex:0 0 7px;width:7px;height:7px}.mapswitcher__list li.is-active .mapswitcher__item{font-weight:700}.mapswitcher__list li.is-active .mapswitcher__bullet{background:var(--accent);border-color:var(--accent)}.mapswitcher__delete{min-width:28px;height:28px;color:var(--ink-faint);cursor:pointer;background:0 0;border:none;border-radius:7px;flex:none;place-items:center;padding:0 6px;font-size:11.5px;font-weight:700;display:grid}.mapswitcher__delete:hover,.mapswitcher__delete.is-confirming{color:#b91c1c;background:#fee2e2}.mapswitcher__delete svg{width:15px;height:15px}.mapswitcher__new{border:none;border-top:1px solid var(--hairline);width:100%;height:34px;color:var(--ink-soft);cursor:pointer;background:0 0;border-radius:0 0 8px 8px;align-items:center;gap:7px;margin-top:4px;padding:0 10px;font-size:13.5px;font-weight:600;display:flex}.mapswitcher__new:hover{background:var(--surface-2);color:var(--ink)}.mapswitcher__new svg{width:16px;height:16px}.mapswitcher__rename{background:var(--surface-2);min-width:0;height:34px;color:var(--ink);outline:2px solid var(--accent);outline-offset:-2px;border:none;border-radius:8px;flex:auto;padding:0 8px 0 23px;font-family:inherit;font-size:14px;font-weight:700}.mapswitcher__rename-button{width:28px;height:28px;color:var(--ink-faint);cursor:pointer;background:0 0;border:none;border-radius:7px;flex:none;place-items:center;display:grid}.mapswitcher__rename-button:hover{color:var(--ink);background:#0f172a14}.mapswitcher__rename-button svg{width:15px;height:15px}.filterbar{flex:auto;align-items:center;gap:8px;min-width:0;display:flex}.filterbar__toggle{border:1px solid var(--hairline);background:var(--surface);height:32px;color:var(--ink-soft);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:600;display:none}.filterbar__toggle svg{width:16px;height:16px}.filterbar__toggle.is-active{color:var(--accent);border-color:var(--accent)}.filterbar__dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.filterbar__controls{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.filterbar__search{border:1px solid var(--hairline);background:var(--surface);height:30px;color:var(--ink-faint);border-radius:999px;align-items:center;gap:6px;padding:0 10px;display:flex}.filterbar__search svg{flex:none;width:15px;height:15px}.filterbar__search input{width:130px;max-width:40vw;color:var(--ink);background:0 0;border:none;outline:none;font-size:13px}.filterbar__branches{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.filterbar__chip{border:1px solid var(--hairline);background:var(--surface);max-width:150px;height:30px;color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 11px;font-size:12.5px;font-weight:600;display:inline-flex;overflow:hidden}.filterbar__chip.is-on{border-color:var(--chip-ink,var(--accent));color:var(--chip-ink,var(--accent));background:color-mix(in srgb, var(--chip-ink,var(--accent)) 10%, #fff)}.filterbar__swatch{background:var(--chip-ink,var(--ink-faint));border-radius:50%;flex:none;width:8px;height:8px}.filterbar__clear{height:30px;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:5px;padding:0 10px;font-size:12.5px;font-weight:600;display:inline-flex}.filterbar__clear:hover{background:var(--surface-2);color:var(--ink)}.filterbar__clear svg{width:14px;height:14px}@media (width<=860px){.filterbar__toggle{display:inline-flex}.filterbar__controls{display:none}.filterbar.is-open{flex-wrap:wrap;flex-basis:100%}.filterbar.is-open .filterbar__controls{flex-basis:100%;padding-top:2px;display:flex}}.app{background:var(--app-bg);flex-direction:column;height:100%;min-height:0;display:flex}.app__bar{padding:8px 12px;padding-top:max(8px, env(safe-area-inset-top));background:var(--surface);border-bottom:1px solid var(--hairline);z-index:10;flex:none;align-items:center;gap:10px;display:flex;box-shadow:0 1px 2px #0f172a0a}.app__brand{letter-spacing:-.01em;color:var(--ink);flex:1 1 0;align-items:center;gap:7px;min-width:0;font-size:16px;font-weight:800;display:flex}.app__logo{flex:none;width:24px;height:24px}.app__tools{flex:1 1 0;justify-content:flex-end;align-items:center;gap:6px;display:flex}.app__icon-button{border:1px solid var(--hairline);background:var(--surface);width:34px;height:34px;color:var(--ink-soft);cursor:pointer;border-radius:10px;place-items:center;display:grid}.app__icon-button:hover:not(:disabled){background:var(--surface-2);color:var(--ink)}.app__icon-button:disabled{opacity:.4;cursor:default}.app__icon-button svg{width:18px;height:18px}.app__install{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;height:34px;padding:0 12px;font-family:inherit;font-size:13px;font-weight:600}.app__body{flex:auto;min-height:0;position:relative}@media (width<=560px){.app__brand span{display:none}}.app__subbar{background:var(--surface);border-bottom:1px solid var(--hairline);flex-wrap:wrap;flex:none;align-items:center;gap:8px;padding:7px 12px;display:flex}.app__subbar-spacer{flex:auto}.app__subbar-actions{align-items:center;gap:4px;margin-left:auto;display:flex}.app__subbar-actions .app__icon-button{width:32px;height:32px}