:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fafafa;--fg:#1d1d1f;--muted:#86868b;--border:#e3e3e8;--dot:#d3d3d9;--surface:#fff;--chip:#ececf0;--accent:#1d1d1f;--accent-fg:#fff;--shadow:0 10px 30px #00000024, 0 1px 3px #00000014;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--header-h:56px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#1c1c1e;--fg:#f2f2f7;--muted:#8e8e93;--border:#3a3a3c;--dot:#3b3b3f;--surface:#2c2c2e;--chip:#3a3a3c;--accent:#f2f2f7;--accent-fg:#1c1c1e;--shadow:0 10px 30px #00000080, 0 1px 3px #0006}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}button{touch-action:manipulation;cursor:pointer;font-family:inherit}.home{min-height:100dvh;padding:24px;padding-top:max(24px, env(safe-area-inset-top));padding-bottom:max(24px, env(safe-area-inset-bottom));background-image:radial-gradient(var(--dot) 1px, transparent 1.2px);background-size:24px 24px;place-items:center;display:grid}.home-card{text-align:center;max-width:380px}.home-mark{background:url(/icon.svg) 50%/cover no-repeat;border-radius:18px;width:72px;height:72px;margin:0 auto 18px;box-shadow:0 8px 24px #0000002e}.home-title{letter-spacing:-.03em;margin:0 0 8px;font-size:40px;font-weight:800}.home-tagline{color:var(--muted);margin:0 0 28px;font-size:17px;line-height:1.4}.btn-primary{background:var(--accent);color:var(--accent-fg);border:0;border-radius:999px;padding:14px 28px;font-size:17px;font-weight:600;transition:transform .12s,box-shadow .12s,opacity .12s;box-shadow:0 6px 18px #0000002e}.btn-primary:active{transform:scale(.97)}.btn-primary:disabled{opacity:.4;cursor:default;box-shadow:none}.btn-secondary{background:var(--surface);color:var(--fg);border:1px solid var(--border);white-space:nowrap;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600}.btn-secondary:active{transform:scale(.97)}.home-signin{margin-top:22px}.btn-link{color:var(--fg);background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:6px 8px;font-size:15px;font-weight:600;display:inline-flex}.btn-link:disabled{opacity:.5}.home-error{color:#d0342c;margin:8px 0 0;font-size:14px}.home-list{max-width:720px;min-height:100dvh;padding:max(10px, env(safe-area-inset-top)) 20px calc(40px + env(safe-area-inset-bottom));margin:0 auto}.home-bar{justify-content:space-between;align-items:center;padding:6px 0 18px;display:flex}.home-brand{letter-spacing:-.02em;color:inherit;align-items:center;gap:9px;font-size:17px;font-weight:700;text-decoration:none;display:flex}.home-mark-small{border-radius:7px;width:26px;height:26px;margin:0;box-shadow:0 1px 3px #0000002e}.btn-primary-small{padding:9px 18px;font-size:15px;box-shadow:0 3px 10px #00000024}.home-bar-actions{align-items:center;gap:12px;display:flex}.home-h{letter-spacing:-.02em;margin:8px 0 18px;font-size:32px;font-weight:800}.account-menu{position:relative}.avatar.is-menu{cursor:pointer;width:36px;height:36px;box-shadow:0 0 0 2px var(--strong);margin-left:0;font-size:15px}.popover-menu{gap:2px;width:200px;padding:6px}.menu-label{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:0;padding:8px 10px 6px;font-size:13px;font-weight:600;overflow:hidden}.menu-item{width:100%;color:var(--fg);font:inherit;text-align:left;background:0 0;border:0;border-radius:10px;padding:9px 10px;font-size:15px;font-weight:500;display:block}.menu-item:hover{background:var(--chip)}.menu-item:disabled{opacity:.5}.home-empty{color:var(--muted);text-align:center;padding:40px 0}.board-list{border-top:1px solid var(--border);margin:0;padding:0;list-style:none}.board-item{border-bottom:1px solid var(--border);align-items:stretch;display:flex;position:relative}.board-item:hover{background:color-mix(in srgb, var(--fg) 4%, transparent)}.board-row{min-width:0;color:inherit;flex-direction:column;flex:auto;gap:3px;padding:14px 4px;text-decoration:none;display:flex}.board-row-actions{align-items:center;padding-right:2px;display:flex;position:relative}.btn-more{width:34px;height:34px;color:var(--muted);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.btn-more:hover,.btn-more[aria-expanded=true]{background:color-mix(in srgb, var(--fg) 8%, transparent);color:var(--fg)}.archive{margin-top:28px}.archive-summary{cursor:pointer;color:var(--muted);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:6px 4px;font-size:15px;font-weight:600;list-style:none;display:flex}.archive-summary::-webkit-details-marker{display:none}.archive-summary:before{content:"";border-bottom:2px solid;border-right:2px solid;width:7px;height:7px;margin-right:2px;transition:transform .15s;transform:rotate(-45deg)}.archive[open] .archive-summary:before{transform:rotate(45deg)}.archive-count{background:var(--chip);border-radius:999px;padding:1px 8px;font-size:13px}.archive .board-list{margin-top:6px}.board-item[data-archived] .board-row-name{color:var(--muted)}.board-row-name{white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:600;overflow:hidden}.board-row-name.is-untitled{color:var(--muted);font-weight:500}.board-row-meta{min-width:0;color:var(--muted);gap:10px;font-size:14px;display:flex}.board-row-time,.board-row-count{flex:none}.board-row-preview{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.board{flex-direction:column;min-height:100dvh;display:flex}.board-header{z-index:30;height:calc(var(--header-h) + env(safe-area-inset-top));padding:0 16px;padding-top:env(safe-area-inset-top);background:color-mix(in srgb, var(--bg) 84%, transparent);-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid var(--border);align-items:center;gap:12px;display:flex;position:sticky;top:0}.board-brand{letter-spacing:-.02em;color:var(--fg);align-items:center;gap:9px;font-size:17px;font-weight:700;text-decoration:none;display:flex}.board-brand-mark{background:#ffd84d;border-radius:4px;width:20px;height:20px;transform:rotate(-7deg);box-shadow:0 1px 2px #0000002e}.board-sep{background:var(--border);width:1px;height:18px}.board-title{max-width:34vw;color:var(--fg);font:inherit;white-space:nowrap;text-overflow:ellipsis;text-align:left;background:0 0;border:0;border-radius:8px;margin-left:-4px;padding:5px 8px;font-size:15px;font-weight:600;overflow:hidden}.board-title.is-untitled{color:var(--muted);font-weight:500}button.board-title:hover{background:color-mix(in srgb, var(--fg) 6%, transparent)}.board-title-input{border:1px solid var(--border);background:var(--surface);width:min(320px,40vw);color:var(--fg);font:inherit;border-radius:8px;outline:none;margin-left:-4px;padding:5px 8px;font-size:16px;font-weight:600}.board-title-input:focus{border-color:var(--fg)}.save-wrap{position:relative}.btn-save{background:var(--accent);color:var(--accent-fg);white-space:nowrap;border:0;border-radius:999px;align-items:center;gap:7px;padding:8px 14px 8px 12px;font-size:14px;font-weight:600;display:inline-flex;box-shadow:0 3px 10px #00000024}.btn-save:active{transform:scale(.97)}.btn-save-short{display:none}.popover{z-index:60;border:1px solid color-mix(in srgb, var(--fg) 8%, transparent);background:var(--surface);width:min(320px,100vw - 32px);box-shadow:var(--shadow);border-radius:18px;flex-direction:column;gap:8px;padding:14px;animation:.16s ease-out rise;display:flex;position:absolute;top:calc(100% + 8px);right:0}@keyframes rise{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.popover-title{margin:0;font-size:17px;font-weight:700}.popover-body{color:var(--muted);margin:0 0 6px;font-size:14px;line-height:1.4}.btn-wide{justify-content:center;align-items:center;gap:6px;width:100%;padding:11px 16px;font-size:15px;display:inline-flex}.board-toast{left:50%;bottom:max(24px, env(safe-area-inset-bottom));z-index:200;background:var(--fg);color:var(--bg);box-shadow:var(--shadow);border-radius:999px;padding:10px 16px;font-size:14px;font-weight:500;animation:.16s ease-out rise;position:fixed;transform:translate(-50%)}@media (max-width:720px){.board-brand-text,.board-status-text,.btn-save-text{display:none}.btn-save-short{display:inline}.board-title{max-width:40vw}}.board-status{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.board-status-dot{background:#f0a30a;border-radius:50%;width:7px;height:7px}.board-status.is-open .board-status-dot{background:#2fb562}.board-spacer{flex:auto}.board-peers{align-items:center;padding-left:8px;display:flex}.avatar{border:2px solid var(--bg);background:var(--strong);color:#fff;-webkit-user-select:none;user-select:none;border-radius:50%;place-items:center;width:30px;height:30px;margin-left:-8px;padding:0;font-size:13px;font-weight:700;display:grid}.avatar.is-you{box-shadow:0 0 0 2px var(--strong)}.avatar{overflow:hidden}.avatar-img{object-fit:cover;width:100%;height:100%;display:block}.avatar-button{background:0 0;border:0;border-radius:50%;padding:0}.avatar.is-preview{box-shadow:0 0 0 2px var(--strong);border:0;margin:0;font-size:22px}.photo-row{align-items:center;gap:14px;margin-bottom:18px;display:flex}.photo-actions{align-items:center;gap:8px;display:flex}.photo-actions .btn-link{color:var(--muted)}.you-wrap{display:inline-flex;position:relative}.popover-colors{width:auto;padding:10px 12px 6px}.popover-colors .swatches{margin-bottom:6px}.menu-handle{color:var(--muted);font-weight:500}.menu-form{gap:6px;padding:4px;display:flex}.menu-input{border:1px solid var(--border);background:var(--bg);min-width:0;color:var(--fg);font:inherit;border-radius:10px;outline:none;flex:auto;padding:7px 10px;font-size:14px}.menu-input:focus{border-color:var(--fg)}.connect-actions{margin-top:4px}.gate-actions.connect-buttons{justify-content:center;margin-top:6px}.connect-return{color:var(--muted);margin:8px 0 0;font-size:13px}.connect-return code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px}.connect-who{color:var(--muted);margin:18px 0 0;font-size:14px}.agents-intro{text-align:left;margin-bottom:26px}.agents-h2{margin:22px 0 8px;font-size:18px;font-weight:700}.agents-code{background:var(--chip);white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;border-radius:12px;margin:0 0 10px;padding:12px 14px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px}.agents-note{text-align:left;font-size:15px}.agents-note code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px}a.menu-item{text-decoration:none}.menu-error{color:#d0342c;margin:4px 10px 6px;font-size:13px}.board-scroll{isolation:isolate;flex:auto;overflow:auto visible}.columns{min-width:840px;min-height:calc(100dvh - var(--header-h));background-image:radial-gradient(var(--dot) 1px, transparent 1.2px);-webkit-user-select:none;user-select:none;touch-action:manipulation;background-size:24px 24px;position:relative}.column-bg{pointer-events:none;grid-template-columns:repeat(3,1fr);display:grid;position:absolute;inset:0}.column{border-left:1px solid var(--border);transition:background-color .2s}.column:first-child{border-left:0}.column.is-target{background:color-mix(in srgb, var(--strong) 7%, transparent)}.column-title{letter-spacing:-.02em;color:var(--fg);margin:0;padding:22px 28px 0;font-size:28px;font-weight:700}.note{width:var(--note-size);min-height:var(--note-size);perspective:1400px;cursor:grab;touch-action:pan-y;transform-origin:50%;transition:transform 70ms linear;position:absolute;top:0;left:0}.note[data-lifted],.note[data-hover]{will-change:transform}.note[data-lifted]{transition:none}.note-card{min-height:var(--note-size);transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.8,.2,1);position:relative}.note[data-flipped] .note-card{transform:rotateY(180deg)}.note-face{min-height:var(--note-size);background:var(--note);color:var(--ink);backface-visibility:hidden;border-radius:3px;flex-direction:column;padding:44px 20px 16px;transition:box-shadow .18s,background-color .2s,color .2s,outline-color .2s;display:flex;box-shadow:0 1px 2px #0000001a,0 0 0 .5px #0000000a}.note-front{position:relative}.note-back{padding:18px 20px 16px;position:absolute;inset:0;overflow:auto;transform:rotateY(180deg)}.note[data-flipped] .note-front{pointer-events:none}.note-remove,.note-agent,.note-check,.mention-menu{backface-visibility:hidden}.note[data-flipped] .note-remove,.note[data-flipped] .note-agent,.note[data-flipped] .note-check{visibility:hidden}.note[data-col=doing] .note-face{box-shadow:0 10px 24px #00000029,0 2px 6px #0000001a}.note[data-col=doing] .note-front:before{content:"";background:var(--strong);border-radius:3px 3px 0 0;height:5px;position:absolute;top:0;left:0;right:0}.note[data-col=done] .note-face{background:color-mix(in srgb, var(--note) 42%, var(--bg));color:color-mix(in srgb, var(--ink) 62%, var(--bg));box-shadow:0 0 0 1px color-mix(in srgb, var(--strong) 28%, transparent)}@media (prefers-color-scheme:dark){.note[data-col=done] .note-face{color:color-mix(in srgb, #f2f2f7 72%, var(--note))}}.note[data-col=done] .note-render{text-decoration:line-through;-webkit-text-decoration-color:color-mix(in srgb, var(--ink) 35%, transparent);text-decoration-color:color-mix(in srgb, var(--ink) 35%, transparent)}.note[data-col=done] .note-check{display:grid}.note[data-hover]{cursor:grabbing}.note[data-hover] .note-face{outline:2px dashed var(--strong);outline-offset:4px;box-shadow:0 18px 40px #00000038,0 4px 10px #0000001f}.note[data-hover][data-col=todo] .note-face{background:color-mix(in srgb, var(--note) 92%, #fff)}.note[data-hover][data-col=doing] .note-front:before{height:7px}.note[data-hover][data-col=done] .note-face{background:color-mix(in srgb, var(--note) 55%, var(--bg))}.note-agent{cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0;position:absolute;bottom:12px;right:12px}.note-agent .avatar{border-color:var(--note);margin:0}.note[data-working] .note-agent:before{content:"";border:2px solid var(--strong);border-radius:50%;animation:1.6s ease-out infinite agent-pulse;position:absolute;inset:-3px}@keyframes agent-pulse{0%{opacity:.9;transform:scale(.85)}to{opacity:0;transform:scale(1.6)}}.note-back-head{align-items:center;gap:8px;margin-bottom:10px;font-size:13px;font-weight:600;display:flex}.note-back-head .avatar{border-color:var(--note);margin:0}.steps{margin:0;padding:0 0 36px 18px;font-size:14px;line-height:1.4}.step{margin:0 0 4px}.step.is-done{opacity:.55;text-decoration:line-through}.note-flip-back{width:26px;height:26px;color:var(--ink);cursor:pointer;background:#0000001a;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:12px;right:12px}.avatar.is-agent{position:relative;overflow:visible}.avatar.is-agent .avatar-img{border-radius:50%}.avatar-badge{background:var(--fg);width:14px;height:14px;color:var(--bg);box-shadow:0 0 0 2px var(--bg);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-3px;right:-3px}.note-body{flex:auto;position:relative}.note-render,.note-input{font:inherit;letter-spacing:0;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;margin:0;padding:0;font-size:17px;line-height:1.35}.note-render{pointer-events:none;min-height:1.35em}.note-input{resize:none;color:#0000;width:100%;height:100%;caret-color:var(--ink);cursor:inherit;-webkit-user-select:text;user-select:text;background:0 0;border:0;outline:0;display:block;position:absolute;inset:0;overflow:hidden}.note-input:focus{cursor:text}.note-input::selection{background:color-mix(in srgb, var(--strong) 30%, transparent)}.note-placeholder{color:color-mix(in srgb, var(--ink) 52%, var(--note))}.note[data-col=done] .note-placeholder{color:color-mix(in srgb, var(--ink) 40%, var(--bg))}.mention{color:inherit;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--ink) 45%, transparent);text-decoration-color:color-mix(in srgb, var(--ink) 45%, transparent);text-underline-offset:2px;background:#00000017;border-radius:3px}.note-author{pointer-events:none;margin-top:18px;font-size:14px;font-weight:500}.note-check{background:var(--strong);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;display:none;position:absolute;bottom:14px;right:14px}.note-remove{width:24px;height:24px;color:var(--ink);opacity:0;background:#0000001a;border:0;border-radius:50%;place-items:center;transition:opacity .15s;display:grid;position:absolute;top:8px;right:8px}.note[data-col=doing] .note-remove{top:13px}.note-remove{z-index:1}.note:hover .note-remove,.note:focus-within .note-remove{opacity:1}.note[data-hover] .note-remove{opacity:0}.mention-menu{z-index:5;background:var(--surface);min-width:200px;color:var(--fg);box-shadow:var(--shadow);border-radius:10px;margin-top:8px;padding:4px;font-size:14px;position:absolute;top:100%;left:0}.mention-item{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;display:flex}.mention-item.is-active{background:var(--chip)}.mention-dot{border-radius:50%;flex:none;width:8px;height:8px}.mention-handle{font-weight:600}.mention-name{color:var(--muted);margin-left:auto;padding-left:12px}.cursor{z-index:20000;pointer-events:none;will-change:transform;align-items:flex-start;transition:transform 80ms linear;display:flex;position:absolute;top:0;left:0}.cursor svg{filter:drop-shadow(0 1px 1px #00000040);width:18px;height:22px}.cursor-label{background:var(--strong);color:#fff;white-space:nowrap;border-radius:999px;margin:14px 0 0 -3px;padding:3px 8px;font-size:12px;font-weight:600;box-shadow:0 1px 2px #0003}.hint{z-index:15000;background:var(--fg);color:var(--bg);white-space:nowrap;pointer-events:none;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:500;animation:1.6s forwards hint;position:absolute;transform:translate(-50%,-150%)}@keyframes hint{0%{opacity:0;translate:0 4px}12%{opacity:1;translate:0}75%{opacity:1}to{opacity:0}}.gate{z-index:100;background:color-mix(in srgb, var(--bg) 55%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.gate-card{background:var(--surface);width:min(420px,100%);box-shadow:var(--shadow);border-radius:20px;padding:28px}.gate-title{letter-spacing:-.02em;margin:0 0 6px;font-size:24px;font-weight:700}.gate-sub{color:var(--muted);margin:0 0 20px;font-size:15px;line-height:1.4}.gate-input{width:100%;font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--border);border-radius:12px;outline:none;padding:12px 14px;font-size:18px;transition:border-color .15s,box-shadow .15s}.gate-input:focus{border-color:var(--strong);box-shadow:0 0 0 3px color-mix(in srgb, var(--strong) 25%, transparent)}.gate-preview{color:var(--muted);align-items:center;gap:8px;margin:12px 0 18px;font-size:14px;display:flex}.gate-handle{background:var(--strong);color:#fff;border-radius:999px;padding:3px 9px;font-weight:600;transition:background-color .2s}.swatches{flex-wrap:wrap;gap:8px;margin-bottom:22px;display:flex}.swatch{background:var(--note);border:0;border-radius:50%;width:28px;height:28px;padding:0;transition:transform .12s;box-shadow:inset 0 0 0 1px #00000014}.swatch:hover{transform:scale(1.1)}.swatch.is-taken{opacity:.45}.swatch.is-selected{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--strong)}.gate-actions{justify-content:flex-end;gap:10px;display:flex}.gate-actions .btn-primary{padding:11px 22px;font-size:15px}.gate-actions .btn-secondary{padding:11px 18px;font-size:15px}