:root{--brand: #14a05a;--brand-ink: #0b6b3c;--brand-weak: #e8f6ee;--on-brand: #fff;--page: #eef0ed;--surface: #fff;--surface2: #f7f8f6;--ink: #16181b;--body: #3c4148;--soft: #6a7077;--muted: #9aa0a6;--border: #e5e7e3;--divider: #f0f1ef;--shadow: 0 1px 2px rgba(20, 30, 20, .06), 0 8px 24px rgba(20, 30, 20, .06);--todo: #64748b;--todo-bg: #eef1f4;--doing: #2563eb;--doing-bg: #e7effe;--done: #16a34a;--done-bg: #e7f6ec;--hi: #ef4444;--mid: #f59e0b;--lo: #0ea5e9;--on-fill: #fff;--avatar-bg: #6d6af0;--scrim: rgba(10, 14, 10, .42);--shadow-sheet: 0 -10px 40px rgba(0, 0, 0, .25)}@media(prefers-color-scheme:dark){:root{--brand: #34d399;--brand-ink: #a7f3d0;--brand-weak: #15251d;--on-brand: #06281a;--page: #0c0d10;--surface: #16181c;--surface2: #1c1f24;--ink: #f1f3f5;--body: #c8cdd3;--soft: #9197a0;--muted: #666c74;--border: #262a30;--divider: #1d2025;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 10px 30px rgba(0, 0, 0, .35);--todo: #94a3b8;--todo-bg: #222932;--doing: #60a5fa;--doing-bg: #16263e;--done: #4ade80;--done-bg: #13281b}}[data-theme=dark]{--brand: #34d399;--brand-ink: #a7f3d0;--brand-weak: #15251d;--on-brand: #06281a;--page: #0c0d10;--surface: #16181c;--surface2: #1c1f24;--ink: #f1f3f5;--body: #c8cdd3;--soft: #9197a0;--muted: #666c74;--border: #262a30;--divider: #1d2025;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 10px 30px rgba(0, 0, 0, .35);--todo: #94a3b8;--todo-bg: #222932;--doing: #60a5fa;--doing-bg: #16263e;--done: #4ade80;--done-bg: #13281b}[data-theme=light]{--brand: #14a05a;--brand-ink: #0b6b3c;--brand-weak: #e8f6ee;--on-brand: #fff;--page: #eef0ed;--surface: #fff;--surface2: #f7f8f6;--ink: #16181b;--body: #3c4148;--soft: #6a7077;--muted: #9aa0a6;--border: #e5e7e3;--divider: #f0f1ef;--shadow: 0 1px 2px rgba(20, 30, 20, .06), 0 8px 24px rgba(20, 30, 20, .06);--todo: #64748b;--todo-bg: #eef1f4;--doing: #2563eb;--doing-bg: #e7effe;--done: #16a34a;--done-bg: #e7f6ec}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;height:100%;min-height:100dvh}body{background:var(--page);color:var(--body);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans Thai,Inter,sans-serif;line-height:1.5}#root{display:flex;flex-direction:column}.app{flex:1;display:flex;flex-direction:column;min-height:0}.viewport{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding:max(20px,env(safe-area-inset-top)) 18px calc(92px + env(safe-area-inset-bottom))}h1{font-size:25px;font-weight:800;letter-spacing:-.02em;color:var(--ink);margin:.1em 0}.sub{color:var(--soft);font-size:14px}.row{display:flex;align-items:center;gap:10px}.spacer{flex:1}.ic{stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;display:block}.iconbtn{width:44px;height:44px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--body);display:grid;place-items:center;cursor:pointer;flex:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}.chip{font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;white-space:nowrap;display:inline-block}.chip.todo{background:var(--todo-bg);color:var(--todo)}.chip.doing{background:var(--doing-bg);color:var(--doing)}.chip.done{background:var(--done-bg);color:var(--done)}.chip.soft{background:var(--surface2);color:var(--soft)}.qa-chip{border:1px solid var(--border);background:var(--surface);border-radius:11px;padding:8px 13px;font-size:13.5px;font-weight:600;color:var(--body);cursor:pointer;white-space:nowrap;flex:none}.qa-chip.on{background:var(--brand-weak);border-color:var(--brand);color:var(--brand-ink)}.av{border-radius:50%;display:grid;place-items:center;color:var(--on-fill);font-weight:700;flex:none}.lab{display:flex;align-items:center;gap:8px;color:var(--soft);font-size:13px;font-weight:700;margin:18px 2px 8px}.lab .n{background:var(--surface2);color:var(--soft);border-radius:999px;font-size:11px;padding:1px 8px}.hdr{display:flex;align-items:center;gap:12px;padding:6px 0 12px}.proj{display:flex;gap:13px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:14px;margin-bottom:11px;box-shadow:var(--shadow);cursor:pointer;width:100%;text-align:left;font:inherit}.pico{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-size:22px;flex:none;background:var(--surface2);color:var(--brand)}.task{display:flex;gap:12px;align-items:flex-start;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:12px 13px;margin-bottom:9px;box-shadow:var(--shadow);position:relative;overflow:hidden}.task .pr{position:absolute;left:0;top:0;bottom:0;width:4px}.task{touch-action:manipulation}.task.dragging{opacity:.4}.task.overlay{transform:scale(1.03);cursor:grabbing;box-shadow:var(--shadow)}.swipe{position:relative;margin-bottom:9px}.swipe .task{margin-bottom:0}.swipe-fg{position:relative;z-index:1}.swipe-bg{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;gap:7px;padding:0 18px;border-radius:14px;font-weight:700;font-size:14px;color:var(--on-fill);opacity:0;transition:opacity .12s}.swipe-bg.on{opacity:1}.swipe-bg.start{justify-content:flex-start;background:var(--doing)}.swipe-bg.end{justify-content:flex-end;background:var(--done)}@media(prefers-reduced-motion:reduce){.swipe-bg{transition:none}}.toast-host{position:fixed;left:0;right:0;bottom:calc(80px + env(safe-area-inset-bottom));z-index:50;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 14px;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:12px;width:100%;max-width:460px;background:var(--ink);color:var(--surface);border-radius:12px;padding:12px 14px;font-size:14px;font-weight:600;box-shadow:var(--shadow)}.toast-action{flex:none;background:none;border:0;color:var(--brand);font-weight:800;font-size:14px;padding:6px 4px;cursor:pointer}.ptr{position:fixed;top:calc(env(safe-area-inset-top) + 2px);left:50%;z-index:40;display:flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);color:var(--soft);font-size:12.5px;font-weight:600;white-space:nowrap;pointer-events:none}.ptr-spin{width:15px;height:15px;flex:none;border-radius:50%;border:2px solid var(--border);border-top-color:var(--brand)}.ptr-spin.on{animation:spin .7s linear infinite}.offline-banner{flex:none;background:var(--hi);color:var(--on-fill);text-align:center;font-size:12.5px;font-weight:700;padding:calc(env(safe-area-inset-top) + 6px) 12px 6px}.app.offline .viewport{padding-top:16px}.app.offline .ptr{top:calc(env(safe-area-inset-top) + 34px)}.noti{display:flex;align-items:center;gap:10px;width:100%;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:12px 14px;margin-bottom:9px;box-shadow:var(--shadow);font:inherit;cursor:pointer}.noti.unread{border-color:var(--brand);background:var(--brand-weak)}.noti-dot{flex:none;width:9px;height:9px;border-radius:50%;background:var(--brand)}.search-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:var(--page);display:flex;flex-direction:column;padding-top:env(safe-area-inset-top)}.search-bar{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border);background:var(--surface)}.search-input{flex:1;min-width:0;border:0;background:none;font-size:16px;color:var(--ink);outline:none}.search-cancel{flex:none;border:0;background:none;color:var(--brand);font-weight:700;font-size:14px;cursor:pointer;min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px}.search-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:4px 16px calc(20px + env(safe-area-inset-bottom))}.check{width:23px;height:23px;border-radius:50%;border:2px solid var(--muted);position:relative;flex:none;margin-top:1px;display:grid;place-items:center;color:transparent;cursor:pointer;background:none;padding:0}.check.on{background:var(--done);border-color:var(--done);color:var(--on-fill);animation:jj-check-pop .3s ease}.check:before{content:"";position:absolute;top:-11px;right:-11px;bottom:-11px;left:-11px}.t-title{color:var(--ink);font-weight:600;font-size:15.5px;line-height:1.35}.t-meta{display:flex;align-items:center;gap:8px;margin-top:7px;flex-wrap:wrap;color:var(--soft);font-size:12.5px}.done .t-title{color:var(--muted);text-decoration:line-through}.addtask{display:flex;align-items:center;gap:6px;color:var(--soft);font-size:14px;font-weight:600;padding:6px;cursor:pointer;border:0;background:none}.addgroup{display:flex;align-items:center;justify-content:center;gap:8px;border:1.5px dashed var(--border);border-radius:14px;padding:13px;color:var(--soft);font-size:14.5px;font-weight:700;margin:12px 0 4px;cursor:pointer;width:100%;background:none}.input{width:100%;border:1px solid var(--border);background:var(--surface2);border-radius:13px;padding:13px;font:inherit;font-size:16px;color:var(--ink)}.btn{border:0;border-radius:13px;padding:13px;font:inherit;font-size:15px;font-weight:700;cursor:pointer;width:100%}.btn.p{background:var(--brand);color:var(--on-brand)}.btn.g{background:var(--surface2);color:var(--body)}.btn:disabled{opacity:.5}.center{flex:1;display:flex;flex-direction:column;justify-content:center;padding:24px;gap:14px}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);opacity:0;pointer-events:none;transition:.25s;z-index:50}.scrim.show{opacity:1;pointer-events:auto}.sheet{position:fixed;left:0;right:0;bottom:0;max-height:92dvh;background:var(--surface);border-radius:24px 24px 0 0;transform:translateY(102%);transition:transform .28s cubic-bezier(.32,.72,0,1);z-index:55;display:flex;flex-direction:column;box-shadow:var(--shadow-sheet)}.sheet.show{transform:none}.grab{width:38px;height:5px;border-radius:99px;background:var(--border);margin:9px auto 4px}.sheet-body{overflow-y:auto;padding:6px 18px 18px}.savebar{display:flex;gap:10px;padding:12px 18px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--divider);background:var(--surface)}.seg{display:flex;background:var(--surface2);border-radius:12px;padding:4px;gap:4px}.seg button{flex:1;border:0;background:none;border-radius:9px;padding:8px;font:inherit;font-size:13.5px;font-weight:600;color:var(--soft);cursor:pointer}.seg button.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.field{display:flex;align-items:center;justify-content:space-between;padding:13px 2px;border-bottom:1px solid var(--divider);font-size:15px;gap:10px}.field .k{color:var(--soft);white-space:nowrap}.field .v{color:var(--ink);font-weight:600;text-align:right}.desc{color:var(--body);font-size:16px;line-height:1.6;background:var(--surface2);border-radius:13px;padding:13px;margin-top:6px;width:100%;border:1px solid var(--border);font-family:inherit;resize:vertical;min-height:70px}.cmt{display:flex;gap:10px;padding:11px 0;border-bottom:1px solid var(--divider)}.cmt:last-child{border-bottom:0}.mtoggle{display:flex;align-items:center;gap:8px;padding:9px 11px;border-radius:11px;border:1px solid var(--border);background:var(--surface);cursor:pointer;font:inherit;font-size:13.5px;color:var(--body)}.mtoggle.on{background:var(--brand-weak);border-color:var(--brand);color:var(--brand-ink);font-weight:700}.gantt{overflow-x:auto;-webkit-overflow-scrolling:touch;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface);margin:6px -18px 12px}.g-head{display:flex;border-bottom:1px solid var(--divider)}.g-corner{width:96px;flex:none;position:sticky;left:0;background:var(--surface);z-index:3}.g-day{flex:none;text-align:center;font-size:10px;color:var(--soft);padding:6px 0;line-height:1.3}.g-day .wd{display:block;font-size:9px;color:var(--muted)}.g-day.now{background:var(--brand-weak);color:var(--brand-ink);font-weight:800}.g-row{display:flex;align-items:center;border-bottom:1px solid var(--divider)}.g-row:last-child{border-bottom:0}.g-label{width:96px;flex:none;position:sticky;left:0;background:var(--surface);z-index:2;font-size:12px;font-weight:600;color:var(--ink);padding:9px 8px;border-left:3px solid var(--border);line-height:1.2;cursor:pointer;text-align:left;overflow:hidden;text-overflow:ellipsis}.g-track{position:relative;height:44px;flex:none}.g-bar{position:absolute;top:12px;height:20px;border-radius:7px;display:flex;align-items:center;justify-content:flex-end;padding-right:5px;color:var(--on-fill);cursor:pointer;min-width:8px}.g-empty{position:absolute;top:15px;left:8px;font-size:11.5px;color:var(--muted)}.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--soft);padding:0 2px 4px}.legend span{display:flex;align-items:center;gap:6px}.tabbar{position:sticky;bottom:0;padding:7px 6px calc(8px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);border-top:1px solid var(--border);display:flex;align-items:center}.tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;border:0;background:none;color:var(--muted);font:inherit;font-size:11px;font-weight:600;padding:6px 0;cursor:pointer;position:relative}.tab.on{color:var(--brand)}.hbell{position:relative}.hbadge{position:absolute;top:-3px;right:-3px;background:var(--hi);color:var(--on-fill);font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:999px;display:grid;place-items:center;padding:0 4px;border:2px solid var(--surface)}.spin{width:26px;height:26px;border:3px solid var(--border);border-top-color:var(--brand);border-radius:50%;animation:spin .7s linear infinite;margin:0 auto}:root{--st-slate: #64748b;--st-amber: #f59e0b;--st-orange: #f97316;--st-yellow: #eab308;--st-emerald: #10b981;--st-teal: #14b8a6;--st-sky: #0ea5e9;--st-violet: #8b5cf6;--st-rose: #f43f5e}.st-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--soft);white-space:nowrap}.st-dot{width:8px;height:8px;border-radius:50%;flex:none}.emoji-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin:6px 0 4px}.emoji-cell{aspect-ratio:1;min-height:46px;border:1px solid var(--border);border-radius:11px;background:var(--surface);font-size:21px;display:grid;place-items:center;cursor:pointer;color:var(--soft)}.emoji-cell.on{border-color:var(--brand);background:var(--brand-weak)}.st-card{padding:12px 14px;margin-bottom:9px}.sel{flex:1;cursor:pointer}.note-row{display:block;width:100%;text-align:left;padding:13px 15px;margin-bottom:9px;cursor:pointer;font:inherit}.note-title{width:100%;border:0;background:none;outline:none;color:var(--ink);font-size:22px;font-weight:800;padding:6px 0}.note-title-read{color:var(--ink);font-size:22px;font-weight:800;padding:6px 0 10px}.note-body{width:100%;min-height:55vh;border:0;background:none;outline:none;resize:none;color:var(--body);font-size:16px;line-height:1.7;font-family:inherit}.rt-bar{position:sticky;top:0;z-index:2;display:flex;gap:4px;flex-wrap:nowrap;overflow-x:auto;padding:8px 0;margin-bottom:4px;background:var(--surface);border-bottom:1px solid var(--divider)}.rt-btn{flex:none;min-width:36px;height:36px;padding:0 9px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--body);font-size:14px;font-weight:700;cursor:pointer;display:grid;place-items:center}.rt-btn.on{background:var(--brand-weak);border-color:var(--brand);color:var(--brand-ink)}.rt-btn:disabled{opacity:.4;cursor:default}.rich .ProseMirror{min-height:48vh;outline:none;color:var(--body);font-size:16px;line-height:1.7;padding:4px 0 40px}.rich .ProseMirror>*+*{margin-top:.7em}.rich .ProseMirror h2{color:var(--ink);font-size:19px;font-weight:800}.rich .ProseMirror ul,.rich .ProseMirror ol{padding-left:1.4em}.rich .ProseMirror blockquote{border-left:3px solid var(--border);padding-left:12px;color:var(--soft)}.rich .ProseMirror code{background:var(--surface2);border-radius:5px;padding:1px 5px;font-size:.9em}.rich .ProseMirror pre{background:var(--surface2);border-radius:10px;padding:12px;overflow-x:auto}.rich .ProseMirror pre code{background:none;padding:0}.rich .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--muted);float:left;height:0;pointer-events:none}.md{color:var(--body);font-size:15.5px;line-height:1.7}.md h2{font-size:20px;font-weight:800;color:var(--ink);margin:14px 0 6px}.md h3{font-size:17px;font-weight:700;color:var(--ink);margin:12px 0 5px}.md h4{font-size:15px;font-weight:700;color:var(--ink);margin:10px 0 4px}.md p{margin:7px 0}.md ul{margin:7px 0;padding-left:20px}.md li{margin:3px 0}.md blockquote{margin:8px 0;padding:4px 12px;border-left:3px solid var(--border);color:var(--soft)}.md code{background:var(--surface2);border-radius:5px;padding:1px 5px;font-size:13.5px}.md a{color:var(--brand)}.md-pre{white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.6;color:var(--body)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes jj-check-pop{0%{transform:scale(.6)}55%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes jj-leave{0%{opacity:1;transform:translate(0);max-height:120px}45%{opacity:0;transform:translate(-24px)}to{opacity:0;transform:translate(-24px);max-height:0;margin:0;padding-top:0;padding-bottom:0}}.jj-leaving{animation:jj-leave .32s ease forwards;overflow:hidden;pointer-events:none}@media(prefers-reduced-motion:reduce){.jj-leaving{animation:none;opacity:0}}.donefold{margin:0 0 6px}.donefold-h{display:flex;align-items:center;gap:7px;width:100%;background:none;border:0;cursor:pointer;color:var(--soft);font-size:13px;font-weight:700;padding:8px 2px;min-height:44px}.donefold-h .n{background:var(--surface2);color:var(--soft);border-radius:999px;font-size:11px;padding:1px 8px}.caret{width:0;height:0;border-left:5px solid currentColor;border-top:4px solid transparent;border-bottom:4px solid transparent;transition:transform .18s ease;flex:none}.donefold-h[aria-expanded=true] .caret{transform:rotate(90deg)}.donerow{padding:9px 13px;box-shadow:none;background:var(--surface2)}.donerow .t-title{text-decoration:line-through;color:var(--soft)}.empty-cta{text-align:center;padding:30px 18px!important}.empty-emoji{font-size:44px;line-height:1}.empty-title{color:var(--ink);font-weight:800;font-size:17px;margin:12px 0 4px}.empty-cta .btn{margin-top:16px}.drag-handle{flex:none;width:26px;align-self:stretch;display:grid;place-items:center;background:none;border:0;color:var(--muted);cursor:grab;margin:-4px 4px -4px -6px;border-radius:8px}.drag-handle:active{cursor:grabbing}.lock-banner{display:flex;align-items:center;gap:10px;background:var(--mid);color:var(--on-fill);padding:9px 16px;font-size:13.5px;font-weight:700}.lock-banner span{flex:1}.lock-banner .btn{width:auto;flex:none;padding:8px 14px;background:#ffffff3d;color:var(--on-fill)}.mention-pop{display:flex;flex-direction:column;gap:2px;padding:6px;border-top:1px solid var(--divider);background:var(--surface);max-height:190px;overflow-y:auto}.mention-item{display:flex;align-items:center;gap:9px;width:100%;background:none;border:0;cursor:pointer;padding:8px;border-radius:10px;color:var(--ink);font-size:15px;font-weight:600;text-align:left;min-height:44px}.mention-item:active{background:var(--surface2)}.mention-av{width:28px;height:28px;border-radius:50%;background:var(--avatar-bg);color:var(--on-fill);display:grid;place-items:center;font-size:12px;font-weight:700;flex:none}