:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f2f2f7;--surface:#fff;--surface-2:#e9e9ee;--fill:#7878801f;--fill-strong:#78788033;--label:#000;--label-2:#3c3c439e;--label-3:#3c3c4352;--separator:#3c3c432e;--bar:#f9f9f9d1;--tint:#007aff;--red:#ff3b30;--orange:#ff9500;--green:#34c759;--indigo:#5856d6;--teal:#30b0c7;--gray:#8e8e93;--shadow:0 1px 2px #0000000a, 0 4px 16px #0000000f;--fab-shadow:0 6px 20px #007aff59;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-drawer:cubic-bezier(.32, .72, 0, 1);--radius:14px;--tabbar-h:56px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, system-ui, sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#000;--surface:#1c1c1e;--surface-2:#2c2c2e;--fill:#7878803d;--fill-strong:#7878805c;--label:#fff;--label-2:#ebebf599;--label-3:#ebebf54d;--separator:#54545899;--bar:#161618d1;--tint:#0a84ff;--red:#ff453a;--orange:#ff9f0a;--green:#30d158;--indigo:#5e5ce6;--teal:#40c8e0;--gray:#98989d;--shadow:0 0 #0000;--fab-shadow:0 6px 20px #0a84ff4d}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);color:var(--label);margin:0}body{font-family:var(--font);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;overscroll-behavior-y:none;font-size:17px;line-height:1.3}button,input,textarea,select{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}a{color:var(--tint);text-decoration:none}input,textarea,select{font-size:17px}input:focus,textarea:focus,select:focus{outline:none}:focus-visible{outline:2px solid var(--tint);outline-offset:2px;border-radius:8px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.pressable{transition:transform .16s var(--ease-out), opacity .16s var(--ease-out)}.pressable:active{transform:scale(.97)}@media (hover:hover){.pressable:hover{opacity:.92}}.app{min-height:100dvh}.screen{max-width:720px;padding:calc(var(--safe-top) + 12px) 16px calc(var(--tabbar-h) + var(--safe-bottom) + 96px);margin:0 auto}.screen.wide{max-width:1280px}.screen.detail{padding-bottom:calc(var(--safe-bottom) + 120px)}.large-title-row{justify-content:space-between;align-items:flex-end;gap:12px;margin:8px 0 12px;display:flex}.large-title{letter-spacing:.01em;margin:0;font-size:34px;font-weight:700;line-height:1.1}.subtitle{color:var(--label-2);margin:2px 0 0;font-size:15px}.icon-btn{width:44px;height:44px;color:var(--tint);border-radius:22px;place-items:center;display:grid}.icon-btn svg{width:24px;height:24px}.search{background:var(--fill);height:40px;color:var(--label-2);border-radius:12px;align-items:center;gap:8px;padding:0 10px;display:flex}.search svg{flex:none;width:18px;height:18px}.search input{min-width:0;color:var(--label);background:0 0;border:0;flex:1;height:100%}.search input::placeholder{color:var(--label-2)}.search .clear{width:28px;height:28px;color:var(--label-3);place-items:center;display:grid}.chips{scrollbar-width:none;gap:8px;margin:12px -16px 4px;padding:0 16px 4px;scroll-padding:16px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{background:var(--fill);height:34px;color:var(--label);white-space:nowrap;transition:background-color .2s var(--ease-out), color .2s var(--ease-out), transform .16s var(--ease-out);border-radius:17px;flex:none;align-items:center;gap:6px;padding:0 14px;font-size:15px;font-weight:500;display:inline-flex}.chip:active{transform:scale(.96)}.chip .count{color:var(--label-2);font-variant-numeric:tabular-nums;font-size:13px}.chip[aria-pressed=true]{background:var(--label);color:var(--bg)}.chip[aria-pressed=true] .count{color:inherit;opacity:.7}.chip.danger[aria-pressed=true]{background:var(--red);color:#fff}.list{flex-direction:column;gap:10px;margin-top:12px;display:flex}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--label);min-height:64px;padding:14px 16px;display:block;position:relative}.card.overdue{box-shadow:inset 4px 0 0 var(--red), var(--shadow)}.card-top{align-items:center;gap:10px;display:flex}.card-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:17px;font-weight:600;overflow:hidden}.card-meta{color:var(--label-2);flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;font-size:14px;display:flex}.card-cover{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.card-foot{color:var(--label-2);align-items:center;gap:8px;margin-top:8px;font-size:14px;display:flex}.card-foot svg{flex:none;width:15px;height:15px}.card-foot .action{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.due{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.due.overdue{color:var(--red)}.due.today{color:var(--orange)}.simon-dot{background:var(--green);border-radius:4px;flex:none;width:8px;height:8px}.badge{white-space:nowrap;height:22px;color:var(--c);background:color-mix(in srgb, var(--c) 15%, transparent);border-radius:11px;flex:none;align-items:center;padding:0 8px;font-size:12px;font-weight:600;display:inline-flex}.fab{z-index:20;right:max(20px,50vw - 340px);bottom:calc(var(--tabbar-h) + var(--safe-bottom) + 16px);background:var(--tint);color:#fff;width:60px;height:60px;box-shadow:var(--fab-shadow);border-radius:30px;place-items:center;display:grid;position:fixed}.fab svg{width:28px;height:28px}.tabbar{z-index:30;padding-bottom:var(--safe-bottom);background:var(--bar);-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);border-top:.5px solid var(--separator);position:fixed;bottom:0;left:0;right:0}.tabbar-inner{max-width:520px;height:var(--tabbar-h);margin:0 auto;display:flex}.tab{color:var(--gray);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:500;display:flex}.tab svg{width:26px;height:26px}.tab.active{color:var(--tint)}.section-title{text-transform:uppercase;letter-spacing:.02em;color:var(--label-2);margin:24px 16px 6px;font-size:13px}.group{background:var(--surface);border-radius:var(--radius);overflow:hidden}.row{align-items:center;gap:12px;min-height:48px;padding:0 16px;display:flex;position:relative}.row+.row:before{content:"";border-top:.5px solid var(--separator);position:absolute;top:0;left:16px;right:0}.row label,.row .label{width:104px;color:var(--label);flex:none;font-size:16px}.row input,.row textarea,.row select{text-align:right;min-width:0;color:var(--label);background:0 0;border:0;flex:1;padding:12px 0}.row input::placeholder,.row textarea::placeholder{color:var(--label-3)}.row input[type=date]{appearance:none;min-height:48px}.row input[type=date]::-webkit-date-and-time-value{text-align:right}.row.stack{flex-direction:column;align-items:stretch;gap:10px;padding:12px 16px}.row.stack .label{width:auto;color:var(--label-2);font-size:13px}.row .value{text-align:right;color:var(--label-2);flex:1}.chip-grid{flex-wrap:wrap;gap:8px;display:flex}.chip-grid .chip[aria-pressed=true]{background:var(--tint);color:#fff}.segmented{background:var(--fill);border-radius:10px;grid-auto-columns:1fr;grid-auto-flow:column;height:36px;padding:2px;display:grid;position:relative}.segmented button{z-index:1;border-radius:8px;font-size:14px;font-weight:500;position:relative}.segmented .thumb{background:var(--surface);border-radius:8px;position:absolute;inset:0;box-shadow:0 2px 6px #0000001f,0 0 0 .5px #0000000a}@media (prefers-color-scheme:dark){.segmented .thumb{background:#636366}}.switch{background:var(--fill-strong);width:51px;height:31px;transition:background-color .25s var(--ease-out);border-radius:16px;flex:none;position:relative}.switch:after{content:"";width:27px;height:27px;transition:transform .25s var(--ease-out);background:#fff;border-radius:14px;position:absolute;top:2px;left:2px;box-shadow:0 3px 8px #00000026,0 1px 1px #00000029}.switch[aria-checked=true]{background:var(--green)}.switch[aria-checked=true]:after{transform:translate(20px)}.navbar{z-index:10;margin:calc(-1 * (var(--safe-top) + 12px)) -16px 0;padding:calc(var(--safe-top) + 4px) 8px 4px;background:var(--bar);-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);justify-content:space-between;align-items:center;min-height:52px;display:flex;position:sticky;top:0}.back{height:44px;color:var(--tint);align-items:center;gap:2px;padding:0 8px;font-size:17px;display:inline-flex}.back svg{width:22px;height:22px}.saved{color:var(--label-2);align-items:center;gap:4px;padding:0 12px;font-size:13px;display:flex}.saved svg{width:14px;height:14px;color:var(--green)}.hero{text-align:center;padding:12px 0 4px}.avatar{color:#fff;background:linear-gradient(#a5abb8,#858994);border-radius:38px;place-items:center;width:76px;height:76px;margin:0 auto 10px;font-size:30px;font-weight:600;display:grid}.hero-name{text-align:center;background:0 0;border:0;border-radius:10px;width:100%;padding:4px 0;font-size:26px;font-weight:700}.hero-name:focus{background:var(--fill)}.hero .badge{margin-top:6px}.quick-actions{grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0 4px;display:grid}.qa{background:var(--surface);min-height:60px;color:var(--tint);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 4px;font-size:12px;font-weight:500;display:flex}.qa svg{width:22px;height:22px}.qa[aria-disabled=true]{color:var(--label-3);pointer-events:none}.stage-scroller{scrollbar-width:none;gap:8px;margin:0 -16px;padding:0 16px;display:flex;overflow-x:auto}.stage-scroller::-webkit-scrollbar{display:none}.stage-scroller .chip[aria-pressed=true]{background:var(--c);color:#fff}.timeline{margin-top:4px;position:relative}.note{background:var(--surface);border-radius:var(--radius);margin-bottom:8px;padding:12px 16px;position:relative}.note-head{color:var(--label-2);justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;font-size:13px;display:flex}.note-body{white-space:pre-wrap;word-wrap:break-word;font-size:16px;line-height:1.4}.note-del{color:var(--label-3);place-items:center;width:32px;height:32px;margin:-8px -10px -8px 0;display:grid}.note-del svg{width:16px;height:16px}.composer{z-index:30;padding:8px 12px calc(8px + var(--safe-bottom));background:var(--bar);-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);border-top:.5px solid var(--separator);position:fixed;bottom:0;left:0;right:0}.composer-inner{align-items:flex-end;gap:8px;max-width:720px;margin:0 auto;display:flex}.composer textarea{resize:none;border:.5px solid var(--separator);background:var(--surface);border-radius:20px;flex:1;min-height:40px;max-height:140px;padding:9px 14px;line-height:1.3}.send{background:var(--tint);color:#fff;width:40px;height:40px;transition:opacity .2s var(--ease-out), transform .16s var(--ease-out);border-radius:20px;flex:none;place-items:center;display:grid}.send:disabled{opacity:.3}.send svg{width:20px;height:20px}.danger-btn{width:100%;min-height:50px;color:var(--red);background:var(--surface);border-radius:var(--radius);margin-top:32px}.btn{background:var(--tint);color:#fff;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:50px;padding:0 20px;font-size:17px;font-weight:600;display:inline-flex}.btn.secondary{background:var(--fill);color:var(--tint)}.btn:disabled{opacity:.4}.btn svg{width:20px;height:20px}.link-btn{color:var(--tint);min-height:44px;transition:opacity .2s var(--ease-out);padding:0 4px;font-size:17px}.link-btn:disabled{opacity:.35}.sheet-body form{padding-bottom:12px}.backdrop{z-index:40;background:#0006;position:fixed;inset:0}.sheet{z-index:41;max-width:600px;max-height:calc(100dvh - var(--safe-top) - 24px);background:var(--bg);padding-bottom:var(--safe-bottom);border-radius:14px 14px 0 0;flex-direction:column;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.sheet:after{content:"";background:var(--bg);height:200px;position:absolute;top:100%;left:0;right:0}.sheet-grabber{background:var(--label-3);border-radius:3px;flex:none;width:36px;height:5px;margin:6px auto 0}.sheet-head{flex:none;justify-content:space-between;align-items:center;padding:6px 8px 8px;display:flex}.sheet-head h2{margin:0;font-size:17px;font-weight:600}.sheet-body{overscroll-behavior:contain;padding:0 16px 16px;overflow-y:auto}.hint{color:var(--label-2);margin:4px 0 0;font-size:13px}.board{grid-template-columns:repeat(6,minmax(0,1fr));align-items:start;gap:12px;margin-top:12px;display:grid}.column{background:var(--fill);border-radius:16px;min-height:120px;padding:10px}.column-head{justify-content:space-between;align-items:center;padding:2px 4px 8px;font-size:15px;font-weight:600;display:flex}.column .list{margin-top:0}.swipe-wrap{border-radius:var(--radius);position:relative}.swipe-bg{border-radius:var(--radius);color:#fff;justify-content:space-between;align-items:center;padding:0 18px;font-size:14px;font-weight:600;display:flex;position:absolute;inset:0;overflow:hidden}.swipe-bg span{align-items:center;gap:6px;display:flex}.swipe-bg svg{width:18px;height:18px}.swipe-wrap .card{touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab}.empty-col{color:var(--label-3);text-align:center;padding:20px 8px;font-size:14px}.select-row{text-align:left;align-items:center;gap:12px;width:100%;min-height:60px;padding:8px 16px;display:flex;position:relative}.select-row+.select-row:before{content:"";border-top:.5px solid var(--separator);position:absolute;top:0;left:52px;right:0}.check{border:1.5px solid var(--label-3);color:#fff;width:24px;height:24px;transition:background-color .15s var(--ease-out), border-color .15s var(--ease-out);border-radius:12px;flex:none;place-items:center;display:grid}.check svg{width:14px;height:14px}.check.on{background:var(--tint);border-color:var(--tint)}.select-row .grow{flex:1;min-width:0}.select-row .name{font-weight:500}.select-row .sub{color:var(--label-2);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.export-bar{z-index:25;left:0;right:0;bottom:calc(var(--tabbar-h) + var(--safe-bottom));background:var(--bar);-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);border-top:.5px solid var(--separator);padding:10px 16px;position:fixed}.export-bar-inner{grid-template-columns:2fr 1fr;gap:10px;max-width:720px;margin:0 auto;display:grid}.privacy-note{color:var(--label-2);margin:12px 16px 0;font-size:13px;line-height:1.4}.empty{text-align:center;color:var(--label-2);padding:56px 24px}.empty h3{color:var(--label);margin:12px 0 6px;font-size:20px}.empty p{margin:0 0 20px}.empty svg{width:48px;height:48px;color:var(--label-3)}.empty .btn{max-width:280px}.toast-wrap{z-index:60;left:0;right:0;top:calc(var(--safe-top) + 8px);pointer-events:none;justify-content:center;padding:0 16px;display:flex;position:fixed}.toast{pointer-events:auto;color:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1e20f0;border-radius:22px;align-items:center;gap:14px;max-width:440px;min-height:44px;padding:10px 10px 10px 18px;font-size:15px;display:flex;box-shadow:0 8px 30px #00000040}.toast button{color:#64d2ff;padding:4px 8px;font-weight:600}.demo-banner{text-align:center;padding:calc(var(--safe-top) + 6px) 16px 6px;background:var(--orange);color:#000;font-size:13px;font-weight:500}.demo-banner+.app .screen{padding-top:12px}.demo-banner+.app .navbar{margin-top:-12px;padding-top:4px}.login{min-height:100dvh;padding:calc(var(--safe-top) + 24px) 24px calc(var(--safe-bottom) + 24px);flex-direction:column;justify-content:center;max-width:420px;margin:0 auto;display:flex}.login img{border-radius:16px;width:72px;height:72px;margin-bottom:20px}.login h1{margin:0 0 6px;font-size:30px}.login p{color:var(--label-2);margin:0 0 24px;line-height:1.4}.login .field{background:var(--surface);width:100%;height:52px;box-shadow:var(--shadow);border:0;border-radius:14px;margin-bottom:12px;padding:0 16px}.login .field.code{text-align:center;letter-spacing:.4em;font-variant-numeric:tabular-nums;font-size:24px}.login .error{color:var(--red);margin:12px 0 0;font-size:15px}.skeleton{border-radius:var(--radius);background:var(--surface);opacity:.6;height:96px}@media (width>=900px){.board .card{padding:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important}}.doc-row{align-items:center;display:flex;position:relative;overflow:hidden}.doc-row+.doc-row:before,.doc-row+.doc-add:before{content:"";border-top:.5px solid var(--separator);position:absolute;top:0;left:64px;right:0}.doc-row>.doc-meta{padding:16px}.doc-open{min-width:0;color:var(--label);flex:1;align-items:center;gap:12px;min-height:64px;padding:10px 4px 10px 16px;display:flex}.doc-open[aria-disabled=true]{opacity:.6}.doc-icon{width:36px;height:36px;color:var(--c);background:color-mix(in srgb, var(--c) 15%, transparent);border-radius:9px;flex:none;place-items:center;display:grid}.doc-icon svg{width:20px;height:20px}.doc-open .grow{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.doc-name{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.doc-meta{color:var(--label-2);white-space:nowrap;align-items:center;gap:8px;font-size:13px;display:flex;overflow:hidden}.doc-meta .badge{height:20px;font-size:11px}.doc-row .note-del{width:44px;height:44px;margin:0 8px 0 0}.doc-add{width:100%;min-height:52px;color:var(--tint);align-items:center;gap:10px;padding:0 16px;font-size:17px;display:flex;position:relative}.doc-add svg{width:20px;height:20px}.doc-add:disabled{color:var(--label-2)}.doc-pickers{gap:10px;margin-top:24px;display:grid}