@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Sans:wght@300;400;500;600&display=swap";:root{--bg-app: #0f1117;--bg-surface: #161b27;--bg-card: #1a2035;--bg-input: #0d1120;--bg-hover: rgba(255,255,255,.04);--border-subtle: #1e2536;--border-default: #2d3748;--border-focus: #4f72c4;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #4a5568;--accent: #4f72c4;--accent-hover: #3d5fa8;--priority-high: #f43f5e;--priority-medium: #f59e0b;--priority-low: #10b981;--status-ok: #10b981;--status-err: #f43f5e;--danger: #f43f5e;--danger-hover: #be123c;--col-width: 240px;--topbar-h: 52px;--filterbar-h: 36px;--toolbar-total: 112px;--sidebar-w: 220px;--radius-sm: 5px;--radius-md: 8px;--radius-lg: 12px;--group-gap: 24px;--ctrl-h: 28px;--select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%2394a3b8'/%3E%3C/svg%3E")}body.light{--bg-app: #f1f5f9;--bg-surface: #ffffff;--bg-card: #f8fafc;--bg-input: #f1f5f9;--bg-hover: rgba(0,0,0,.04);--border-subtle: #e2e8f0;--border-default: #cbd5e1;--border-focus: #4f72c4;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #94a3b8;--select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%2364748b'/%3E%3C/svg%3E")}body.light .card{background:#fff;border-color:#e2e8f0}body.light .card:hover{border-color:#cbd5e1;box-shadow:0 2px 10px #0000001a}body.light .task-group{border-color:#e2e8f0}body.light .task-group-hdr{background:#00000005}body.light .bulk-bar{background:var(--bg-surface);border-top-color:var(--border-default)}body.light .col-edit-btn{background:#00000012}body.light .col-edit-btn:hover{background:#00000024!important}body.light .card.inactive{opacity:.55}body.light .s-not-started{background:#64748b1a;color:#64748b}body.light .status-pill{background:#10b9811a}body.light .status-pill.err{background:#f43f5e1a}body.light .card-pop{background:#fff;box-shadow:0 8px 24px #0000002e}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{background:var(--bg-app);color:var(--text-primary);font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;flex-direction:column;overflow:hidden;-webkit-font-smoothing:antialiased}#root{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:normal;box-sizing:border-box;margin:0}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:var(--select-arrow);background-repeat:no-repeat;background-position:right 8px center;background-size:10px 6px;padding-right:26px;cursor:pointer}select::-ms-expand{display:none}.app-shell{display:flex;flex:1;min-height:0;overflow:hidden}.main-content{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.board-area{flex:1;min-height:0;display:flex;overflow:hidden}@media (max-width: 640px){html,body{overflow:auto;height:auto}#root{overflow:visible;min-height:100dvh}.app-shell{flex-direction:column}.board-area{overflow:visible}}.btn{font-size:13px;padding:8px 16px;border-radius:var(--radius-sm);border:none;cursor:pointer;font-family:inherit;font-weight:600;transition:background .15s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:none;border:1px solid var(--border-default);color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-hover)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:var(--danger-hover)}.btn-sm{font-size:12px;padding:5px 10px}.icon-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:3px 6px;border-radius:var(--radius-sm);font-size:12px;line-height:1;transition:color .1s,background .1s}.icon-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.icon-btn.red:hover{color:var(--danger)}.toast{position:fixed;top:calc(var(--topbar-h) + 10px);right:18px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:10px 16px;font-size:13px;z-index:9999;max-width:420px;opacity:0;transform:translateY(-6px);transition:opacity .2s,transform .2s;pointer-events:none;line-height:1.5}.toast.show{opacity:1;transform:translateY(0)}.toast.ok{border-left:3px solid var(--status-ok)}.toast.err{border-left:3px solid var(--status-err)}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}.topbar{height:var(--topbar-h);display:flex;align-items:center;gap:12px;padding:0 18px;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);flex-shrink:0;z-index:50}.topbar-title{font-size:14px;font-weight:700;white-space:nowrap}.topbar-add-group{background:none;border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;padding:5px 11px;font-size:12px;font-family:inherit;font-weight:600;white-space:nowrap;transition:color .1s,border-color .1s,background .1s;flex-shrink:0}.topbar-add-group:hover{color:var(--text-primary);border-color:var(--text-muted);background:var(--bg-hover)}.topbar-select-btn{background:none;border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;padding:5px 11px;font-size:12px;font-family:inherit;font-weight:600;white-space:nowrap;flex-shrink:0;transition:color .1s,border-color .1s,background .1s}.topbar-select-btn:hover{color:var(--text-primary);border-color:var(--text-muted);background:var(--bg-hover)}.topbar-select-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.cmd-wrap{width:260px;flex:1 1 200px;min-width:120px;max-width:400px;display:flex;align-items:center;gap:8px;background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:0 12px;transition:border-color .15s;overflow:hidden}.cmd-wrap:focus-within{border-color:var(--border-focus)}.cmd-icon{color:var(--text-muted);font-size:13px;flex-shrink:0}.cmd-input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:13px;padding:9px 0;font-family:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmd-input:focus{white-space:normal;text-overflow:clip}.cmd-input::placeholder{color:var(--text-muted)}.cmd-hint{font-size:11px;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.status-pill{display:flex;align-items:center;gap:5px;padding:3px 9px;border-radius:20px;flex-shrink:0;font-size:10.5px;font-weight:600;white-space:nowrap;background:#10b9811f;color:var(--status-ok);border:1px solid rgba(16,185,129,.25);transition:background .2s,color .2s}.status-pill.err{background:#f43f5e1f;color:var(--status-err);border-color:#f43f5e40}.status-pill-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.theme-toggle{display:flex;align-items:center;gap:5px;background:none;border:1px solid var(--border-default);border-radius:20px;color:var(--text-muted);cursor:pointer;padding:4px 8px;flex-shrink:0;transition:border-color .2s,background .2s,color .2s}.theme-toggle:hover{border-color:var(--border-focus);color:var(--text-primary);background:var(--bg-hover)}.theme-icon{flex-shrink:0;transition:opacity .2s,color .2s}.theme-icon--sun{opacity:.35}.theme-toggle--light .theme-icon--sun{opacity:1;color:var(--priority-medium)}.theme-icon--moon{opacity:.35}.theme-toggle:not(.theme-toggle--light) .theme-icon--moon{opacity:1;color:#c4d4f7}.theme-toggle-track{width:26px;height:14px;border-radius:7px;background:var(--border-default);position:relative;flex-shrink:0}.theme-toggle-thumb{position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:var(--text-secondary);transition:transform .2s}.theme-toggle:not(.theme-toggle--light) .theme-toggle-thumb{transform:translate(12px)}.theme-toggle--light .theme-toggle-thumb{transform:translate(0)}.user-avatar{width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;font-size:10px;font-weight:700;letter-spacing:.03em;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;-webkit-user-select:none;user-select:none;border:2px solid var(--border-default);transition:border-color .15s}.user-avatar:hover{border-color:var(--accent)}.user-menu{position:relative}.user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:210px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:0 8px 24px #00000073,0 2px 8px #0000004d;overflow:hidden;z-index:500;animation:um-appear .1s ease}@keyframes um-appear{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.user-menu-identity{padding:12px 14px 10px;border-bottom:1px solid var(--border-subtle)}.user-menu-name{font-size:12.5px;font-weight:600;color:var(--text-primary);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu-email{font-size:11.5px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 14px;background:none;border:none;font-family:inherit;font-size:13px;color:var(--text-secondary);cursor:pointer;text-align:left;transition:background .1s,color .1s;text-decoration:none}.user-menu-item:hover{background:var(--bg-hover);color:var(--text-primary)}.user-menu-item.danger{color:var(--danger)}.user-menu-item.danger:hover{background:#f43f5e14;color:var(--danger)}.user-menu-sep{height:1px;background:var(--border-subtle);margin:3px 0}.filter-group{display:flex;gap:4px;align-items:center;flex-shrink:0}.filter-label{font-size:10px;color:var(--text-muted);font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-right:2px;white-space:nowrap}.filter-pill{background:none;border:1px solid var(--border-default);border-radius:20px;color:var(--text-muted);cursor:pointer;padding:3px 9px;font-size:11px;font-family:inherit;font-weight:600;white-space:nowrap;transition:color .1s,border-color .1s,background .1s;display:flex;align-items:center;gap:5px;line-height:1}.filter-pill:hover{color:var(--text-primary);border-color:var(--text-muted)}.filter-pill.active{background:var(--accent);border-color:var(--accent);color:#fff}.filter-pill.active.p-high{background:var(--priority-high);border-color:var(--priority-high);color:#fff}.filter-pill.active.p-medium{background:var(--priority-medium);border-color:var(--priority-medium);color:#111}.filter-pill.active.p-low{background:var(--priority-low);border-color:var(--priority-low);color:#fff}.fp-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.board-scroll{flex:1;min-height:0;overflow-x:auto;overflow-y:auto}.board-inner{display:inline-flex;flex-direction:row;align-items:flex-start;padding:16px 20px 24px;gap:0;min-height:100%}.group-section{display:flex;flex-direction:column;flex-shrink:0}.group-section>.group-header{margin-bottom:10px}.group-divider{width:1px;flex-shrink:0;background:var(--border-subtle);margin:0 var(--group-gap);align-self:stretch;min-height:120px}.group-header{display:flex;align-items:center;gap:8px;padding:2px 0 4px;white-space:nowrap}.group-label{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.group-btns{display:flex;gap:2px;margin-left:4px;align-items:center}.group-add-col-btn{display:flex;align-items:center;gap:4px;background:none;border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;padding:3px 8px;font-size:11px;font-family:inherit;font-weight:600;line-height:1.4;margin-left:6px;transition:color .1s,border-color .1s,background .1s}.group-add-col-btn:hover{color:var(--text-primary);border-color:var(--text-muted);background:var(--bg-hover)}.group-cols-row{display:flex;flex-direction:row;flex-wrap:nowrap;flex-shrink:0;align-items:flex-start}.group-cols-row>.column+.column{margin-left:12px}.group-add-section-btn{display:flex;align-items:center;gap:5px;align-self:flex-start;margin-top:32px;flex-shrink:0;background:none;border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;padding:5px 11px;font-size:12px;font-family:inherit;font-weight:600;white-space:nowrap;transition:color .1s,border-color .1s,background .1s}.group-add-section-btn:hover{color:var(--text-primary);border-color:var(--text-muted);background:var(--bg-hover)}.topbar-add-group{display:flex;align-items:center;gap:5px}.beta-banner{background:#c2410c;color:#fff;text-align:center;font-size:11.5px;font-weight:600;padding:4px 16px;letter-spacing:.025em;flex-shrink:0}.column{flex:0 0 var(--col-width);width:var(--col-width);min-width:var(--col-width);max-width:var(--col-width);display:flex;flex-direction:column;background:var(--bg-surface);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-subtle)}.col-header{padding:9px 11px 8px;display:flex;align-items:center;gap:7px;flex-shrink:0;cursor:grab;-webkit-user-select:none;user-select:none}.col-header:active{cursor:grabbing}.col-color-bar{height:2px;flex-shrink:0;width:100%}.col-title-text{font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.col-count{font-size:11px;font-weight:600;background:#00000040;border-radius:10px;padding:1px 7px;margin-left:auto;flex-shrink:0}.col-edit-btn{background:#0003;border:none;cursor:pointer;color:#ffffffd9;padding:4px 7px;border-radius:5px;font-size:15px;line-height:1;opacity:0;transition:opacity .15s,background .1s;flex-shrink:0}.column:hover .col-edit-btn{opacity:1}body.light .col-edit-btn{background:#00000014;color:var(--text-secondary)}body.light .col-edit-btn:hover{background:#00000026}@media (max-width: 640px){.col-edit-btn{opacity:.5}}.col-edit-btn:hover{background:#0006!important}.column.col-drag-target{box-shadow:-3px 0 #fff6}.col-body{padding:6px 7px 7px;display:flex;flex-direction:column;gap:5px}.col-body.drag-over{background:#ffffff08}.task-group{border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.task-group-hdr{display:flex;align-items:center;gap:5px;padding:5px 8px;background:#ffffff08;cursor:pointer;-webkit-user-select:none;user-select:none}.tg-toggle{font-size:9px;color:var(--text-muted);transition:transform .15s}.tg-toggle.open{transform:rotate(90deg)}.tg-name{font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);flex:1}.tg-count{font-size:10px;color:var(--text-muted)}.tg-del{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:1px 4px;border-radius:3px;font-size:11px;opacity:0;transition:opacity .1s,color .1s}.task-group-hdr:hover .tg-del{opacity:1}.tg-del:hover{color:var(--danger)}.tg-cards{padding:4px 5px 5px;display:flex;flex-direction:column;gap:5px}.tg-cards.drag-over{background:#ffffff08}.add-card-btn{background:none;border:1px dashed var(--border-default);border-radius:var(--radius-md);color:var(--text-muted);padding:7px 10px;width:100%;cursor:pointer;font-size:12px;font-family:inherit;text-align:left;transition:color .15s,border-color .15s;margin-top:1px}.add-card-btn:hover{color:var(--text-primary);border-color:var(--text-muted)}.quick-add{display:flex;flex-direction:column;gap:5px;margin-top:2px;width:100%}.quick-add textarea{background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;padding:7px 9px;resize:none;outline:none;line-height:1.4;width:100%}.quick-add textarea:focus{border-color:var(--border-focus)}.qa-row{display:flex;gap:5px;align-items:center;width:100%}.qa-select{height:var(--ctrl-h);flex:1;min-width:0;background-color:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:11px;padding-left:7px;outline:none}.qa-select:focus{border-color:var(--border-focus)}.qa-select option{background:var(--bg-surface)}.qa-add-btn{height:var(--ctrl-h);flex-shrink:0;white-space:nowrap;padding:0 12px}.qa-cancel-btn{height:var(--ctrl-h);flex-shrink:0;white-space:nowrap;padding:0 10px}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:8px 10px;cursor:pointer;border-left:3px solid transparent;transition:transform .1s,box-shadow .1s,border-color .15s}.card:hover{border-color:var(--border-default);box-shadow:0 2px 10px #00000059;transform:translateY(-1px)}.card.is-dragging{opacity:.35;transform:scale(.97);cursor:grabbing}.card.inactive{opacity:.45}.card.inactive .card-title{text-decoration:line-through;text-decoration-color:#ffffff40}.card.selected{border-color:var(--accent)!important;box-shadow:0 0 0 2px #4f72c459!important}.card-top-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;gap:6px}.card-id{font-size:9.5px;color:var(--text-muted);font-weight:600;letter-spacing:.04em}.status-badge{font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 6px;border-radius:4px;white-space:nowrap;flex-shrink:0;cursor:pointer}.s-not-started{background:#94a3b81a;color:var(--text-muted)}.s-started{background:#4f72c433;color:#93b4f0}.s-done{background:#10b98126;color:#34d399}.s-on-hold{background:#f59e0b26;color:#fbbf24}.s-canceled{background:#f43f5e1a;color:#f87171}.card-check{width:16px;height:16px;border-radius:50%;border:2px solid var(--border-default);display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;transition:border-color .1s,background .1s;font-size:9px;color:#fff;background:transparent}.card-check.checked{background:var(--accent);border-color:var(--accent)}.card-title{font-size:12.5px;color:var(--text-secondary);line-height:1.45;word-break:break-word}.card-desc{font-size:11px;color:var(--text-muted);margin-top:4px;line-height:1.4}.card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:6px}.p-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.pri-badge{display:flex;align-items:center;gap:5px}.pri-label{font-size:10px;font-weight:700;text-transform:capitalize;opacity:.9}.badge-caret{font-size:8px;opacity:.55;margin-left:2px}.card-actions{display:flex;gap:3px;opacity:0;transition:opacity .15s}.card:hover .card-actions{opacity:1}.card-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px 5px;border-radius:3px;font-size:12px;line-height:1;transition:color .1s,background .1s}.card-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.card-btn.del:hover{color:var(--danger)}.card-due{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:600;padding:1px 6px;border-radius:4px;margin-top:5px;color:var(--text-muted);background:#94a3b81a;border:1px solid var(--border-subtle)}.card-due.due-today{color:#fbbf24;background:#f59e0b1f;border-color:#f59e0b40}.card-due.due-overdue{color:#f87171;background:#f43f5e1f;border-color:#f43f5e40}.card-due.due-soon{color:#93b4f0;background:#4f72c41f;border-color:#4f72c440}.card-pop{z-index:9000;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:4px;box-shadow:0 8px 24px #0000008c;display:flex;flex-direction:column;gap:1px}.card-pop-item{display:flex;align-items:center;gap:7px;padding:6px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:background .1s}.card-pop-item:hover{background:var(--bg-hover)}.card-pop-item.active{background:#4f72c426}.bulk-bar{position:fixed;bottom:0;left:0;right:0;z-index:600;background:var(--bg-surface);border-top:1px solid var(--border-default);display:flex;align-items:center;gap:12px;padding:10px 20px;animation:slideUp .15s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:none}}.bulk-count{font-size:13px;font-weight:700;color:var(--text-primary);white-space:nowrap;flex-shrink:0}.bulk-divider{width:1px;height:20px;background:var(--border-default);flex-shrink:0}.bulk-select{height:var(--ctrl-h);background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:12px;padding-left:8px;cursor:pointer;outline:none}.bulk-select:focus{border-color:var(--border-focus)}.bulk-select option{background:var(--bg-surface)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);width:460px;max-width:94vw;max-height:88vh;overflow-y:auto;padding:24px}.modal-title{font-size:15px;font-weight:700;margin-bottom:18px}.f-label{font-size:11.5px;color:var(--text-secondary);display:block;margin-bottom:5px;font-weight:600}.f-input,.f-select,.f-textarea{width:100%;background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13.5px;padding:8px 10px;outline:none;margin-bottom:14px}.f-select{height:auto;padding-top:8px;padding-bottom:8px}.f-input:focus,.f-select:focus,.f-textarea:focus{border-color:var(--border-focus)}.f-textarea{resize:vertical;min-height:70px}.f-select option{background:var(--bg-surface)}.modal-footer{display:flex;gap:8px;justify-content:flex-end;margin-top:6px;flex-wrap:wrap}.modal-footer-left{margin-right:auto}.cp-wrap{margin-bottom:14px}.cp-swatches{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:10px}.cp-swatch{width:26px;height:26px;border-radius:6px;cursor:pointer;border:2px solid transparent;transition:transform .1s,border-color .1s}.cp-swatch:hover{transform:scale(1.15)}.cp-swatch.sel{border-color:#fff;transform:scale(1.1)}.cp-row{display:flex;gap:8px;align-items:center}.cp-hex{background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;font-family:monospace;padding:6px 10px;outline:none;width:108px}.cp-hex:focus{border-color:var(--border-focus)}.cp-native{width:34px;height:34px;border-radius:var(--radius-sm);border:1px solid var(--border-default);cursor:pointer;padding:2px;background:var(--bg-input)}.cp-preview{flex:1;height:34px;border-radius:var(--radius-sm);display:flex;align-items:center;padding:0 10px;font-size:12px;font-weight:600;letter-spacing:.05em}.archive-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;justify-content:flex-end;z-index:800}.archive-panel{width:360px;max-width:94vw;background:var(--bg-surface);border-left:1px solid var(--border-default);display:flex;flex-direction:column;height:100%;animation:slideIn .18s ease}@keyframes slideIn{0%{transform:translate(30px);opacity:0}to{transform:none;opacity:1}}.archive-header{padding:14px 18px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;gap:10px;flex-shrink:0}.archive-title{font-size:13px;font-weight:700;flex:1}.archive-body{flex:1;overflow-y:auto;padding:10px 14px;display:flex;flex-direction:column;gap:7px}.arch-item{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:9px 11px;display:flex;flex-direction:column;gap:4px}.arch-item-row{display:flex;align-items:center;gap:8px}.arch-type{font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);background:var(--bg-surface);border-radius:3px;padding:1px 5px;flex-shrink:0}.arch-title{font-size:12.5px;color:var(--text-secondary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arch-restore{background:none;border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;padding:3px 8px;font-size:11px;font-family:inherit;transition:color .1s,border-color .1s;flex-shrink:0}.arch-restore:hover{color:var(--text-primary);border-color:var(--text-muted)}.arch-date{font-size:10px;color:var(--text-muted)}.arch-sub{font-size:10px;color:var(--text-muted);font-style:italic}.archive-empty{text-align:center;color:var(--text-muted);font-size:13px;padding:48px 0;line-height:1.6}@media (max-width: 640px){.topbar{padding:8px 12px;gap:8px;flex-wrap:wrap;height:auto;min-height:var(--topbar-h)}.topbar-add-group,.cmd-hint{display:none}.cmd-wrap{min-width:80px}.board-scroll{overflow-x:hidden;overflow-y:auto}.board-inner{display:flex;flex-direction:column;align-items:stretch;width:100%;min-height:unset;padding:12px;gap:12px}.group-section{flex-shrink:1;width:100%}.group-divider{display:none}.group-cols-row{flex-direction:column;gap:10px;width:100%}.column{flex:none;width:100%;min-width:0;max-width:none;box-sizing:border-box}.group-cols-row>.column+.column{margin-left:0;margin-top:10px}.card{padding:10px 12px}.card-actions{opacity:1}.qa-row{flex-wrap:wrap}.qa-select{flex-basis:calc(50% - 5px);flex-grow:1}.modal{width:100%;max-width:100%;border-radius:var(--radius-md) var(--radius-md) 0 0;margin-top:auto;max-height:90vh}.overlay{align-items:flex-end}.archive-panel{width:100%}.bulk-bar{flex-wrap:wrap;gap:8px;padding:10px 12px}}@media (max-width: 400px){.col-body{padding:4px 5px 5px}.card{padding:8px 10px}.topbar-title{font-size:13px}}.phase-badge{display:inline-block;font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:2px 7px;border-radius:20px;margin-top:5px}.phase-research{background:#8b5cf62e;color:#a78bfa;border:1px solid rgba(139,92,246,.3)}.phase-planned{background:#3b82f62e;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.phase-executing{background:#10b9812e;color:#34d399;border:1px solid rgba(16,185,129,.3)}.phase-review{background:#f59e0b2e;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.phase-pill{font-size:11px}.phase-pill.active.phase-pill-research{background:#8b5cf640;color:#a78bfa;border-color:#8b5cf680}.phase-pill.active.phase-pill-planned{background:#3b82f640;color:#60a5fa;border-color:#3b82f680}.phase-pill.active.phase-pill-executing{background:#10b98140;color:#34d399;border-color:#10b98180}.phase-pill.active.phase-pill-review{background:#f59e0b40;color:#fbbf24;border-color:#f59e0b80}.ai-menu-wrap{position:relative}.topbar-ai-btn{display:flex;align-items:center;gap:5px;padding:5px 10px;background:linear-gradient(135deg,#4f72c433,#8b5cf633);border:1px solid rgba(79,114,196,.4);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:600;transition:all .15s;white-space:nowrap}.topbar-ai-btn:hover,.topbar-ai-btn.active{background:linear-gradient(135deg,#4f72c459,#8b5cf659);border-color:#4f72c4b3;color:var(--text-primary)}.ai-dropdown{position:absolute;top:calc(100% + 6px);right:0;z-index:300;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:0 8px 32px #0006;min-width:200px;padding:6px;display:flex;flex-direction:column;gap:2px}.ai-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:13px;text-align:left;transition:background .1s}.ai-dropdown-item:hover{background:var(--bg-card)}.ai-dropdown-icon{font-size:16px;flex-shrink:0;width:22px;text-align:center}.ai-dropdown-hint{font-size:11px;color:var(--text-muted);margin-top:1px}.ai-dropdown-divider{height:1px;background:var(--border-subtle);margin:4px 0}.metrics-section-title{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px}.metric-bar-track{height:6px;background:var(--bg-input);border-radius:3px;overflow:hidden}.metric-bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.metric-warning{font-size:10px;font-weight:700;color:var(--danger);background:#f43f5e1f;border:1px solid rgba(244,63,94,.3);border-radius:3px;padding:1px 5px}.toolbar-header{flex-shrink:0;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);z-index:50}.filterbar{height:var(--filterbar-h);display:flex;align-items:center;gap:4px;padding:0 14px;border-top:1px solid var(--border-subtle);overflow-x:auto;scrollbar-width:none}.filterbar::-webkit-scrollbar{display:none}.filter-sep{width:1px;height:16px;background:var(--border-subtle);flex-shrink:0;margin:0 4px}.filter-clear-btn{display:flex;align-items:center;gap:4px;background:none;border:none;color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:11px;padding:3px 7px;border-radius:var(--radius-sm);transition:color .1s,background .1s;flex-shrink:0;white-space:nowrap}.filter-clear-btn:hover{color:var(--danger);background:#f43f5e1a}.topbar{border-bottom:none}.toolbar-icon-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:color .1s,background .1s}.toolbar-icon-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.toolbar-icon-btn.active{color:var(--accent);background:#4f72c41f}.topbar-select-btn{display:flex;align-items:center;gap:5px}.select-btn-label{font-size:12px}.status-pill-label{font-size:10.5px}.ai-dropdown-label{font-size:13px;font-weight:500}.ai-dropdown-icon{flex-shrink:0;display:flex;align-items:center;color:var(--text-secondary)}.topbar-ai-btn{display:flex;align-items:center;gap:5px;padding:5px 10px}.cmd-icon-svg{color:var(--text-muted);flex-shrink:0}.cmd-clear{background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:3px;border-radius:3px;flex-shrink:0;transition:color .1s}.cmd-clear:hover{color:var(--text-primary)}.cmd-ai-spinner{width:14px;height:14px;flex-shrink:0;border:2px solid var(--border-default);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.group-add-col-btn{display:flex;align-items:center;gap:5px}.sidebar{width:0;overflow:hidden;flex-shrink:0;background:var(--bg-surface);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;transition:width .2s ease;z-index:60}.sidebar-open{width:var(--sidebar-w);overflow:visible}.sidebar-header{height:var(--topbar-h);display:flex;align-items:center;padding:0 14px;gap:8px;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.sidebar-title{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);flex:1;white-space:nowrap;overflow:hidden}.sidebar-close-btn{width:24px;height:24px;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .1s,background .1s;flex-shrink:0}.sidebar-close-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.sidebar-boards{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:2px}.sidebar-board-item{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:var(--radius-md);background:none;border:none;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:13px;text-align:left;transition:background .1s,color .1s;position:relative;min-width:0;white-space:nowrap;overflow:hidden}.sidebar-board-item:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-board-item.active{background:#4f72c426;color:var(--accent);font-weight:600}.sidebar-board-icon{flex-shrink:0;opacity:.7}.sidebar-board-name{flex:1;overflow:hidden;text-overflow:ellipsis;min-width:0}.sidebar-board-rename{flex:1;min-width:0;background:var(--bg-input);border:1px solid var(--border-focus);border-radius:3px;color:var(--text-primary);font-family:inherit;font-size:13px;padding:2px 6px;outline:none}.sidebar-board-edit{opacity:0;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;border-radius:3px;display:flex;align-items:center;transition:opacity .15s,color .1s;flex-shrink:0}.sidebar-board-item:hover .sidebar-board-edit,.sidebar-board-item.active .sidebar-board-edit{opacity:1}.sidebar-board-edit:hover{color:var(--text-primary)}.sidebar-footer{padding:8px;border-top:1px solid var(--border-subtle);flex-shrink:0}.sidebar-new-board{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;background:none;border:1px dashed var(--border-default);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:13px;transition:color .1s,border-color .1s,background .1s;margin-bottom:6px}.sidebar-new-board:hover{color:var(--accent);border-color:var(--accent);background:#4f72c40f}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:55}@media (max-width: 640px){.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:100;width:0;transition:width .2s ease}.sidebar-open{width:min(var(--sidebar-w),85vw)}.sidebar-backdrop{display:block}.filterbar{display:none}.topbar{padding:0 10px;gap:6px}.cmd-wrap{flex:1;min-width:80px;width:auto}.topbar-select-btn .select-btn-label,.status-pill .status-pill-label{display:none}.status-pill{padding:3px 6px}.topbar-title{font-size:13px}.board-scroll{overflow-x:hidden;overflow-y:auto}.board-inner{display:flex;flex-direction:column;align-items:stretch;width:100%;min-height:unset;padding:10px;gap:10px}.group-section{flex-shrink:1;width:100%}.group-divider{display:none}.group-cols-row{flex-direction:column;gap:10px;width:100%}.column{flex:none;width:100%;min-width:0;max-width:none;box-sizing:border-box}.group-cols-row>.column+.column{margin-left:0;margin-top:10px}.card{padding:10px 12px}.card-actions{opacity:1}.qa-row{flex-wrap:wrap}.qa-select{flex-basis:calc(50% - 5px);flex-grow:1}.modal{width:100%;max-width:100%;border-radius:var(--radius-md) var(--radius-md) 0 0;margin-top:auto;max-height:90vh}.overlay{align-items:flex-end}.archive-panel{width:100%}.bulk-bar{flex-wrap:wrap;gap:8px;padding:10px 12px}.ai-dropdown{right:auto;left:0}}@media (max-width: 400px){.col-body{padding:4px 5px 5px}.card{padding:8px 10px}.topbar-title{font-size:12px}}:root{--a-bg: #F5F3EF;--a-card: #FFFFFF;--a-text: #111009;--a-muted: #6B6863;--a-faint: #A19D97;--a-border: #E0DDD6;--a-border-focus: #888480;--a-err: #DC2626;--a-cta: #111009;--a-cta-fg: #F5F3EF;--a-google-bg: #FFFFFF;--a-serif: "DM Serif Display", Georgia, serif;--a-sans: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif}body:has(.login-page){background:var(--a-bg)!important}.login-page{flex:1;min-height:100%;overflow-y:auto;background:var(--a-bg);display:flex;align-items:center;justify-content:center;padding:24px;font-family:var(--a-sans);-webkit-font-smoothing:antialiased}.login-card{background:var(--a-card);border:1px solid var(--a-border);border-radius:20px;box-shadow:0 4px 24px #00000012,0 1px 4px #0000000a;padding:48px 44px 40px;width:100%;max-width:420px;box-sizing:border-box}.login-brand{display:flex;align-items:center;gap:7px;margin-bottom:36px;text-decoration:none}.login-brand-dot{width:6px;height:6px;border-radius:50%;background:var(--a-text);flex-shrink:0}.login-brand-name{font-family:var(--a-serif);font-size:17px;font-weight:400;color:var(--a-text);letter-spacing:-.2px}.login-heading{font-family:var(--a-serif);font-size:28px;font-weight:400;letter-spacing:-.8px;color:var(--a-text);margin:0 0 6px;line-height:1.1}.login-subheading{font-size:14px;font-weight:300;color:var(--a-muted);margin:0 0 28px;line-height:1.5}.login-form{display:flex;flex-direction:column;gap:14px;margin-bottom:0}.login-field{display:flex;flex-direction:column;gap:5px}.login-field-row{display:flex;align-items:center;justify-content:space-between}.login-label{font-size:13px;font-weight:500;color:var(--a-text);letter-spacing:-.1px}.login-input{height:46px;padding:0 14px;font-family:var(--a-sans);font-size:14px;color:var(--a-text);background:#fafaf8;border:1.5px solid var(--a-border);border-radius:10px;outline:none;transition:border-color .15s,background .15s;box-sizing:border-box;width:100%}.login-input::placeholder{color:var(--a-faint)}.login-input:focus{border-color:var(--a-border-focus);background:#fff}.login-input:disabled{opacity:.5;cursor:not-allowed}.login-forgot{font-size:12.5px;color:var(--a-muted);background:none;border:none;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px;transition:color .12s;white-space:nowrap;font-family:var(--a-sans)}.login-forgot:hover{color:var(--a-text)}.login-forgot:disabled{opacity:.4;cursor:not-allowed}.login-reset-msg{font-size:13px;color:#16a34a;background:#16a34a0f;border:1px solid rgba(22,163,74,.18);border-radius:8px;padding:10px 14px;margin-top:2px}.login-error{font-size:13px;color:var(--a-err);background:#dc26260d;border:1px solid rgba(220,38,38,.15);border-radius:8px;padding:10px 14px}.login-submit{height:46px;background:var(--a-cta);color:var(--a-cta-fg);border:none;border-radius:10px;font-family:var(--a-sans);font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s;margin-top:4px;width:100%}.login-submit:hover:not(:disabled){opacity:.82}.login-submit:disabled{opacity:.35;cursor:not-allowed}.login-divider{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--a-faint);text-transform:uppercase;letter-spacing:.08em;margin:20px 0}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--a-border)}.login-google{display:flex;align-items:center;justify-content:center;gap:10px;height:46px;width:100%;background:var(--a-google-bg);border:1.5px solid var(--a-border);border-radius:10px;font-family:var(--a-sans);font-size:14px;font-weight:500;color:var(--a-text);cursor:pointer;transition:background .15s,border-color .15s}.login-google:hover:not(:disabled){background:#f7f5f1;border-color:#c8c4bc}.login-google:disabled{opacity:.4;cursor:not-allowed}.login-google-icon{width:18px;height:18px;flex-shrink:0}.login-toggle{margin-top:20px;text-align:center;font-size:13.5px;color:var(--a-muted);display:flex;align-items:center;justify-content:center;gap:5px}.login-toggle button{background:none;border:none;color:var(--a-text);font-family:var(--a-sans);font-size:13.5px;font-weight:500;cursor:pointer;text-decoration:underline;text-underline-offset:2px;padding:0}.login-toggle button:disabled{opacity:.4;cursor:not-allowed}.login-back{display:block;margin-top:20px;text-align:center;font-size:12.5px;color:var(--a-faint);text-decoration:none;transition:color .12s}.login-back:hover{color:var(--a-text)}.auth-loading{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--a-bg)}.auth-spinner{width:32px;height:32px;border:2.5px solid rgba(0,0,0,.08);border-top-color:var(--a-text);border-radius:50%;animation:auth-spin .65s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}.landing{min-height:100vh;background:var(--a-bg);display:flex;flex-direction:column;overflow-y:auto}@media (max-width: 480px){.login-card{padding:36px 24px 28px;border-radius:16px}.login-heading{font-size:24px}}.land{--l-bg: #F5F3EF;--l-bg2: #ECEAE4;--l-text: #111009;--l-muted: #6B6863;--l-faint: #A19D97;--l-border: #E0DDD6;--l-dark: #0D0B09;--l-dark2: #161310;--l-dark-border: rgba(255,255,255,.08);--l-hero-text: #F0EDE8;--l-hero-muted: rgba(240,237,232,.55);--l-cta: #111009;--l-cta-fg: #F5F3EF;--l-serif: "DM Serif Display", Georgia, "Times New Roman", serif;--l-sans: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif}.land{min-height:100vh;background:var(--l-dark);color:var(--l-hero-text);font-family:var(--l-sans);display:block;overflow-y:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.l-nav{display:flex;align-items:center;justify-content:space-between;padding:0 48px;height:62px;position:fixed;top:0;left:0;right:0;z-index:200;background:#0d0b09eb;border-bottom:1px solid var(--l-dark-border)}.l-logo{display:flex;align-items:center;gap:8px;font-family:var(--l-serif);font-size:17px;font-weight:400;color:var(--l-hero-text);letter-spacing:-.2px;text-decoration:none}.l-logo-dot{width:6px;height:6px;border-radius:50%;background:var(--l-hero-text);flex-shrink:0}.l-nav-right{display:flex;align-items:center;gap:6px}.l-nav-signin{font-family:var(--l-sans);font-size:13.5px;font-weight:400;color:var(--l-hero-muted);text-decoration:none;padding:7px 14px;border-radius:8px;transition:color .15s}.l-nav-signin:hover{color:var(--l-hero-text)}.l-nav-cta{font-family:var(--l-sans);font-size:13.5px;font-weight:500;color:var(--l-cta);background:var(--l-hero-text);text-decoration:none;padding:7px 18px;border-radius:8px;transition:opacity .15s}.l-nav-cta:hover{opacity:.82}.l-dark-wrap{position:relative;background:radial-gradient(ellipse 55% 45% at 8% 18%,rgba(59,130,246,.2) 0%,transparent 70%),radial-gradient(ellipse 48% 42% at 92% 8%,rgba(139,92,246,.16) 0%,transparent 70%),radial-gradient(ellipse 50% 38% at 55% 68%,rgba(6,182,212,.09) 0%,transparent 70%),var(--l-dark);overflow:hidden}.l-hero{position:relative;z-index:1;padding:62px 24px 0;display:flex;flex-direction:column;align-items:center}.l-hero-inner{display:flex;flex-direction:column;align-items:center;text-align:center;padding:80px 0 52px;max-width:860px;width:100%}.l-pill{display:inline-flex;align-items:center;gap:8px;font-family:var(--l-sans);font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#f0ede880;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;border-radius:100px;padding:6px 16px;margin-bottom:28px}.l-pill-dot{width:5px;height:5px;border-radius:50%;background:#22c55e;flex-shrink:0;box-shadow:0 0 0 3px #22c55e2e}.l-headline{font-family:var(--l-serif);font-size:clamp(32px,4.2vw,58px);font-weight:400;line-height:1.06;letter-spacing:-1.5px;color:var(--l-hero-text);margin:0 0 20px}.l-headline em{font-style:italic;color:#f0ede8b8}.l-sub{font-size:15px;font-weight:300;line-height:1.7;color:var(--l-hero-muted);max-width:400px;margin:0 auto 36px}.l-form{display:flex;gap:8px;width:100%;max-width:460px;margin:0 auto}.l-form--dark .l-email{background:#ffffff0f;border-color:#ffffff1f;color:var(--l-hero-text)}.l-form--dark .l-email::placeholder{color:#f0ede847}.l-form--dark .l-email:focus{border-color:#ffffff4d}.l-form--dark .l-submit{background:var(--l-hero-text);color:var(--l-cta)}.l-form--dark .l-submit:hover:not(:disabled){opacity:.86}.l-email{flex:1;height:50px;padding:0 18px;font-family:var(--l-sans);font-size:14px;color:var(--l-text);background:#fff;border:1.5px solid var(--l-border);border-radius:10px;outline:none;transition:border-color .15s;box-sizing:border-box;min-width:0}.l-email::placeholder{color:var(--l-faint)}.l-email:focus{border-color:var(--l-muted)}.l-submit{height:50px;padding:0 24px;font-family:var(--l-sans);font-size:14px;font-weight:600;color:var(--l-cta-fg);background:var(--l-cta);border:none;border-radius:10px;cursor:pointer;white-space:nowrap;transition:opacity .15s;flex-shrink:0}.l-submit:hover:not(:disabled){opacity:.78}.l-submit:disabled{opacity:.3;cursor:not-allowed}.l-form-err{width:100%;font-size:13px;color:#f87171;text-align:center;margin:10px 0 0}.l-waitlist-ok{display:flex;align-items:center;gap:10px;font-size:15px;color:#4ade80;font-weight:500}.l-waitlist-check{width:28px;height:28px;border-radius:50%;background:#4ade8026;border:1px solid rgba(74,222,128,.3);display:flex;align-items:center;justify-content:center;font-size:13px}.l-fine{font-size:12px;color:#f0ede847;margin:18px 0 0;letter-spacing:.01em}.l-showcase{position:relative;z-index:1;padding:48px 0 0}.l-showcase-inner{position:relative;z-index:1;width:100%}.l-showcase-fade{position:absolute;bottom:0;left:0;right:0;height:220px;background:linear-gradient(to bottom,transparent,var(--l-bg));z-index:2;pointer-events:none}.l-screen-wrap{display:flex;justify-content:center;perspective:2400px;perspective-origin:50% 30%;padding:0 40px;width:100%;box-sizing:border-box}.l-screen{width:min(1100px,94%);aspect-ratio:16 / 7;background:#f8f9fc;border-radius:14px;transform:rotateX(15deg) rotateY(-15deg);will-change:transform;contain:layout;overflow:hidden;border:1px solid rgba(200,210,230,.5);box-shadow:0 40px 80px #00000075,0 12px 32px #0003}.lb-board{display:flex;flex-direction:column;height:100%;background:#edf0f5;font-family:var(--l-sans);font-size:12px;line-height:1.3;contain:strict}.lb-toolbar{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#fff;border-bottom:1px solid #E2E5EC;flex-shrink:0}.lb-tl{display:flex;align-items:center;gap:6px;flex-shrink:0}.lb-hamburger{display:flex;flex-direction:column;gap:2px;padding:2px 4px}.lb-hamburger span{display:block;width:12px;height:1.5px;background:#c4c9d4;border-radius:1px}.lb-brand{font-size:12px;font-weight:700;color:#111827;letter-spacing:-.3px;font-family:var(--l-serif)}.lb-cmd{flex:1;display:flex;align-items:center;gap:6px;background:#f3f4f6;border:1px solid #E2E5EC;border-radius:6px;padding:4px 10px;max-width:380px;margin:0 10px}.lb-cmd-text{font-size:10px;color:#6b7280;flex:1;white-space:nowrap;overflow:hidden}.lb-cursor{display:inline-block;width:1.5px;height:11px;background:#3b82f6;border-radius:1px;flex-shrink:0}.lb-tr{display:flex;align-items:center;gap:6px;flex-shrink:0}.lb-ai-badge{font-size:10px;font-weight:700;color:#7c3aed;background:#7c3aed14;border:1px solid rgba(124,58,237,.18);border-radius:5px;padding:2px 8px}.lb-synced{font-size:9px;color:#10b981;white-space:nowrap}.lb-avatar{width:21px;height:21px;border-radius:50%;background:#3b82f6;font-size:7px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center}.lb-filters{display:flex;align-items:center;gap:5px;padding:4px 12px;background:#f8f9fb;border-bottom:1px solid #E2E5EC;flex-shrink:0;overflow:hidden}.lb-flabel{font-size:9px;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin-right:2px}.lb-pill{font-size:9.5px;padding:2px 8px;border-radius:10px;border:1px solid #E2E5EC;color:#9ca3af;background:#fff;white-space:nowrap}.lb-pill-on{border-color:#3b82f659;background:#3b82f612;color:#3b82f6}.lb-pill-hi{color:#ef4444;border-color:#ef444433;background:#ef44440d}.lb-pill-md{color:#f59e0b;border-color:#f59e0b33;background:#f59e0b0d}.lb-sep{width:1px;height:14px;background:#e2e5ec;flex-shrink:0;margin:0 3px}.lb-body{flex:1;overflow:hidden;padding:6px 8px 0;display:flex;flex-direction:column;min-height:0}.lb-groups{display:flex;align-items:flex-end;padding-bottom:4px;flex-shrink:0}.lb-grp{font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9ca3af}.lb-gdiv{width:1px;height:14px;background:#d8dce5;margin:0 10px;flex-shrink:0}.lb-cols{display:flex;gap:5px;flex:1;min-height:0;overflow:hidden}.lb-col{flex:1;min-width:0;display:flex;flex-direction:column;background:#e3e7ee;border-radius:9px;border:1px solid #D5D9E2;overflow:hidden}.lb-col-hdr{display:flex;align-items:center;gap:5px;padding:7px 10px 5px;position:relative;flex-shrink:0;background:#fff}.lb-col-bar{position:absolute;bottom:0;left:0;right:0;height:2.5px}.lb-col-name{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#374151;flex:1;white-space:nowrap;overflow:hidden}.lb-col-count{font-size:10px;font-weight:600;color:#9ca3af;background:#f3f4f6;border-radius:5px;padding:1px 5px;flex-shrink:0}.lb-col-body{flex:1;overflow:hidden;padding:5px;display:flex;flex-direction:column;gap:4px}.lb-card{background:#fff;border-radius:7px;border:1px solid #DCE0E8;padding:7px 9px;box-shadow:0 1px 4px #00000014}.lb-ai-card{background:#faf5ff;border-color:#d4c9f8}.lb-done{background:#f0fdf4;border-color:#a7f3c4}.lb-ai-chip{display:inline-block;font-size:8px;font-weight:700;color:#7c3aed;background:#7c3aed17;border-radius:4px;padding:1.5px 5px;margin-bottom:3px}.lb-title{display:block;font-size:10px;color:#1f2937;line-height:1.4;margin-bottom:6px;font-weight:400}.lb-done .lb-title{color:#9ca3af;text-decoration:line-through}.lb-foot{display:flex;align-items:center;justify-content:space-between}.lb-id{font-size:8.5px;color:#c4c9d4;font-weight:500}.lb-prio{font-size:10px}.lb-more{font-size:9px;color:#9ca3af;padding:3px 8px;border:1px dashed #D0D4DD;border-radius:4px;text-align:center}.lb-add-card{font-size:9.5px;color:#c4c9d4;padding:4px;text-align:center}.l-features{background:var(--l-bg);color:var(--l-text);padding:120px 48px}.l-features-eyebrow{text-align:center;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--l-faint);margin-bottom:72px}.l-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;max-width:1040px;margin:0 auto;border:1px solid var(--l-border);border-radius:16px;overflow:hidden}.l-feat{padding:48px 40px;background:var(--l-bg);border-right:1px solid var(--l-border);transition:background .2s}.l-feat:last-child{border-right:none}.l-feat:hover{background:var(--l-bg2)}.l-feat-num{font-family:var(--l-sans);font-size:11px;font-weight:600;letter-spacing:.12em;color:var(--l-faint);margin-bottom:28px}.l-feat-title{font-family:var(--l-serif);font-size:24px;font-weight:400;line-height:1.15;letter-spacing:-.5px;color:var(--l-text);margin:0 0 14px}.l-feat-desc{font-size:15px;font-weight:300;line-height:1.7;color:var(--l-muted);margin:0}.l-divider{height:1px;background:var(--l-border);max-width:1040px;width:calc(100% - 96px);margin:0 auto}.l-contact{background:var(--l-bg);color:var(--l-text);padding:100px 48px}.l-contact-wrap{max-width:560px;margin:0 auto}.l-contact-heading{font-family:var(--l-serif);font-size:clamp(28px,3.5vw,44px);font-weight:400;letter-spacing:-1px;color:var(--l-text);margin:0 0 36px}.l-contact-form{display:flex;flex-direction:column;gap:12px}.l-contact-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.l-contact-input,.l-contact-textarea{background:#fff;border:1.5px solid var(--l-border);border-radius:10px;padding:13px 15px;font-family:var(--l-sans);font-size:14px;color:var(--l-text);outline:none;transition:border-color .15s;box-sizing:border-box;width:100%}.l-contact-input::placeholder,.l-contact-textarea::placeholder{color:var(--l-faint)}.l-contact-input:focus,.l-contact-textarea:focus{border-color:var(--l-muted)}.l-contact-textarea{resize:none;line-height:1.6}.l-contact-err{font-size:13px;color:#dc2626;margin:0}.l-contact-send{align-self:flex-start;height:46px;padding:0 26px;background:var(--l-cta);color:var(--l-cta-fg);border:none;border-radius:10px;font-family:var(--l-sans);font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s;margin-top:4px}.l-contact-send:hover:not(:disabled){opacity:.78}.l-contact-send:disabled{opacity:.35;cursor:not-allowed}.l-contact-thanks{display:flex;flex-direction:column;gap:6px;padding:28px;background:#10b9810d;border:1.5px solid rgba(16,185,129,.18);border-radius:12px}.l-contact-thanks-icon{font-size:20px;color:#16a34a}.l-contact-thanks-title{font-family:var(--l-serif);font-size:20px;color:var(--l-text)}.l-contact-thanks-sub{font-size:13px;color:var(--l-muted)}.l-footer{background:var(--l-bg2);border-top:1px solid var(--l-border);padding:26px 48px;display:flex;align-items:center;justify-content:center}.l-footer--center{justify-content:center}.l-footer-copy{font-size:12px;color:var(--l-faint);margin:0}.cp-page{display:flex;flex-direction:column;min-height:100vh;background:var(--l-bg);color:var(--l-text)}.cp-nav{background:#f5f3eff0!important;border-bottom-color:var(--l-border)!important}.cp-nav .l-logo,.cp-nav .l-nav-signin{color:var(--l-text)!important}.cp-nav .l-nav-cta{background:var(--l-cta)!important;color:var(--l-cta-fg)!important}.cp-body{flex:1;display:flex;flex-direction:column;justify-content:center;padding:120px 48px 80px;max-width:600px;margin:0 auto;width:100%;box-sizing:border-box}.cp-eyebrow{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--l-faint);margin:0 0 16px}.cp-heading{font-family:var(--l-serif);font-size:clamp(32px,4vw,52px);font-weight:400;letter-spacing:-1.5px;line-height:1.05;color:var(--l-text);margin:0 0 12px}.cp-sub{font-size:15px;font-weight:300;color:var(--l-muted);margin:0 0 40px;line-height:1.6}@media (max-width: 900px){.l-screen{transform:rotateX(8deg) rotateY(-8deg)}.lb-col:nth-child(n+4){display:none}.l-features-grid{grid-template-columns:1fr}.l-feat{border-right:none;border-bottom:1px solid var(--l-border)}.l-feat:last-child{border-bottom:none}}@media (max-width: 768px){.l-nav{padding:0 24px}.l-hero-inner{padding:80px 0 60px}.l-headline{letter-spacing:-1.8px}.l-form{flex-direction:column}.l-submit{width:100%}.l-features{padding:80px 24px}.l-contact-row{grid-template-columns:1fr}.l-contact-send{width:100%}.l-footer{padding:20px 24px}.l-screen-wrap{padding:0 16px}.cp-body{padding:100px 24px 60px}}@media (max-width: 560px){.l-nav-signin{display:none}.l-headline{letter-spacing:-1.2px}}.pp-page{flex:1;min-height:100%;overflow-y:auto;background:#f5f3ef;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;color:#111009}body:has(.pp-page){background:#f5f3ef!important}.pp-nav{display:flex;align-items:center;justify-content:space-between;padding:0 48px;height:58px;background:#f5f3eff0;border-bottom:1px solid #E0DDD6;position:sticky;top:0;z-index:100}.pp-nav-back{font-size:13px;color:#6b6863;text-decoration:none;transition:color .12s}.pp-nav-back:hover{color:#111009}.pp-nav-brand{display:flex;align-items:center;gap:7px;font-family:"DM Serif Display",Georgia,serif;font-size:16px;color:#111009}.pp-nav-dot{width:5px;height:5px;border-radius:50%;background:#111009}.pp-nav-signout{font-size:13px;color:#a19d97;background:none;border:none;cursor:pointer;font-family:inherit;padding:0;transition:color .12s}.pp-nav-signout:hover{color:#111009}.pp-body{max-width:640px;margin:0 auto;padding:56px 24px 80px}.pp-header{display:flex;align-items:center;gap:20px;margin-bottom:48px}.pp-avatar{width:56px;height:56px;border-radius:50%;background:#111009;color:#f5f3ef;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:.02em}.pp-heading{font-family:"DM Serif Display",Georgia,serif;font-size:26px;font-weight:400;letter-spacing:-.6px;color:#111009;margin:0 0 3px;line-height:1.1}.pp-email{font-size:13px;color:#6b6863;margin:0}.pp-sections{display:flex;flex-direction:column;gap:0}.pp-section{padding:32px 0;border-bottom:1px solid #E0DDD6}.pp-section:last-child{border-bottom:none}.pp-section-title{font-family:"DM Serif Display",Georgia,serif;font-size:18px;font-weight:400;letter-spacing:-.3px;color:#111009;margin:0 0 24px}.pp-form{display:flex;flex-direction:column;gap:16px}.pp-field{display:flex;flex-direction:column;gap:5px}.pp-label{font-size:13px;font-weight:500;color:#111009;letter-spacing:-.1px}.pp-input{height:44px;padding:0 13px;font-family:inherit;font-size:14px;color:#111009;background:#fff;border:1.5px solid #E0DDD6;border-radius:10px;outline:none;transition:border-color .15s,background .15s;box-sizing:border-box;width:100%}.pp-input::placeholder{color:#a19d97}.pp-input:focus{border-color:#888480;background:#fff}.pp-input:disabled{opacity:.5;cursor:not-allowed;background:#f5f3ef}.pp-hint{font-size:12px;color:#a19d97;margin:0}.pp-error{font-size:13px;color:#dc2626;background:#dc26260d;border:1px solid rgba(220,38,38,.15);border-radius:8px;padding:9px 13px;margin:0}.pp-success{font-size:13px;color:#16a34a;background:#16a34a0f;border:1px solid rgba(22,163,74,.16);border-radius:8px;padding:9px 13px;margin:0}.pp-btn{align-self:flex-start;height:42px;padding:0 22px;background:#111009;color:#f5f3ef;border:none;border-radius:10px;font-family:inherit;font-size:13.5px;font-weight:600;cursor:pointer;transition:opacity .15s}.pp-btn:hover:not(:disabled){opacity:.82}.pp-btn:disabled{opacity:.35;cursor:not-allowed}.pp-btn-ghost{height:42px;padding:0 18px;background:none;border:1.5px solid #E0DDD6;border-radius:10px;font-family:inherit;font-size:13.5px;font-weight:500;color:#6b6863;cursor:pointer;transition:border-color .15s,color .15s}.pp-btn-ghost:hover:not(:disabled){border-color:#888480;color:#111009}.pp-btn-ghost:disabled{opacity:.4;cursor:not-allowed}.pp-btn-sm{height:32px;padding:0 14px;font-size:12.5px}.pp-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pp-boards{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.pp-board-row{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;background:#fff;border:1px solid #E0DDD6;border-radius:10px}.pp-board-name{font-size:14px;font-weight:500;color:#111009}.pp-link{color:#111009;font-weight:500}@media (max-width: 640px){.pp-nav{padding:0 20px}.pp-body{padding:36px 20px 60px}.pp-row{flex-direction:column;align-items:flex-start}.pp-btn,.pp-btn-ghost{width:100%;align-self:stretch;justify-content:center;display:flex;align-items:center}}