*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f5f5f0;--surface:#fff;--border:#e2e2dd;--text:#1a1a1a;--text-secondary:#6b6b6b;--accent:#2d2d2d;--accent-hover:#444;--danger:#c0392b;--danger-hover:#a93226;--reveal:#27ae60;--reveal-hover:#219a52;--radius:8px;--shadow:0 1px 3px #0000000f;--shadow-md:0 2px 8px #00000014}html{font-size:15px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5}.app{flex-direction:column;height:100dvh;min-height:100dvh;display:flex;overflow:hidden}button{cursor:pointer;font-family:inherit}.header{background:var(--surface);border-bottom:1px solid var(--border);z-index:10;justify-content:space-between;align-items:center;padding:14px 24px;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:10px;display:flex}.header-brand{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;margin:0;padding:0;transition:opacity .15s;display:inline-flex}.header-brand:hover{opacity:.75}.header-logo{flex-shrink:0;justify-content:center;align-items:center;line-height:0;display:inline-flex}.header-logo svg{display:block}.header-title{letter-spacing:-.01em;font-size:1.15rem;font-weight:600}.header-user{color:var(--text-secondary);background:var(--bg);cursor:pointer;border-radius:12px;padding:3px 10px;font-size:.8rem;transition:background .15s}.header-user:hover{background:var(--border)}.header-actions{align-items:center;gap:8px;display:flex}.clear-confirm{color:var(--text-secondary);align-items:center;gap:8px;font-size:.85rem;display:flex}.btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);padding:7px 16px;font-size:.85rem;font-weight:500;transition:all .15s}.btn:hover:not(:disabled){background:var(--bg)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-reveal{background:var(--reveal);color:#fff;border-color:var(--reveal)}.btn-reveal:hover:not(:disabled){background:var(--reveal-hover)}.btn-sort{color:#fff;background:#2980b9;border-color:#2980b9}.btn-sort:hover:not(:disabled){background:#2471a3}.btn-sort-active{background:var(--surface);color:#2980b9;border-color:#2980b9}.btn-sort-active:hover:not(:disabled){background:var(--bg)}.btn-hide{background:var(--surface);color:var(--reveal);border-color:var(--reveal)}.btn-hide:hover:not(:disabled){background:#eafaf1}.btn-export{color:#fff;background:#2c3e50;border-color:#2c3e50}.btn-export:hover:not(:disabled){background:#34495e}.btn-share{color:#fff;background:#8e44ad;border-color:#8e44ad}.btn-share:hover:not(:disabled){background:#7d3c98}.btn-share-active{background:var(--surface);color:#8e44ad;border-color:#8e44ad}.btn-share-active:hover:not(:disabled){background:var(--bg)}.export-msg{color:var(--reveal);font-size:.8rem;font-weight:500}.btn-clear{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-clear:hover:not(:disabled){background:var(--danger-hover)}.btn-danger{color:var(--danger);border-color:var(--danger);background:var(--surface)}.btn-danger:hover:not(:disabled){background:#fdf2f2}.btn-secondary{background:var(--surface);color:var(--text-secondary);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg)}.btn-add{background:var(--accent);color:#fff;border-color:var(--accent);padding:6px 14px}.btn-add:hover:not(:disabled){background:var(--accent-hover)}.board{flex:1;grid-template-columns:repeat(5,minmax(240px,1fr));align-items:stretch;gap:16px;width:100%;min-height:0;padding:24px;display:grid;overflow:auto hidden}.column{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;min-height:0;display:flex;overflow:visible}.column-fun{background:#fef5ec;border-top:3px solid #e67e22}.column-fun .column-header{background:#fdebd0}.column-fun .column-count{color:#b35c10;background:#f9d4a0}.column-fun .add-card-form{background:#fef5ec}.column-wentWell{background:#eafaf1;border-top:3px solid #27ae60}.column-wentWell .column-header{background:#d5f5e3}.column-wentWell .column-count{color:#1a7a42;background:#abebc6}.column-wentWell .add-card-form{background:#eafaf1}.column-improve{background:#eaf2f8;border-top:3px solid #2980b9}.column-improve .column-header{background:#d4e6f1}.column-improve .column-count{color:#1a5276;background:#a9cce3}.column-improve .add-card-form{background:#eaf2f8}.column-questions{background:#fef9e7;border-top:3px solid #d4a017}.column-questions .column-header{background:#fcf3cf}.column-questions .column-count{color:#7d6608;background:#f9e79f}.column-questions .add-card-form{background:#fef9e7}.column-actionables{background:#f4ecf7;border-top:3px solid #8e44ad}.column-actionables .column-header{background:#e8daef}.column-actionables .column-count{color:#6c3483;background:#d2b4de}.column-actionables .add-card-form{background:#f4ecf7}.column-themed{border-top:3px solid var(--col-accent);background:var(--col-bg)}.column-themed .column-header{background:var(--col-header)}.column-themed .column-count{background:var(--col-count-bg);color:var(--col-count-text)}.column-themed .add-card-form{background:var(--col-bg)}.column-collapsed.column-themed{border-top:3px solid var(--col-accent)}.column-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;padding:14px 16px 10px;display:flex}.column-title{color:var(--text);font-size:.85rem;font-weight:600;line-height:1.35}.column-count{color:var(--text-secondary);background:var(--bg);border-radius:10px;flex-shrink:0;margin-left:8px;padding:2px 8px;font-size:.75rem;font-weight:600}.column-cards{overscroll-behavior:contain;flex-direction:column;flex:auto;gap:8px;min-height:0;padding:8px;display:flex;overflow-y:auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px;transition:box-shadow .15s;container:card/inline-size}.card-hidden .card-body,.card-hidden .card-footer-emoji,.card-hidden .card-footer-actions,.card-hidden .comment-section{filter:blur(6px);-webkit-user-select:none;user-select:none;pointer-events:none}.card-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.card-top-actions{align-items:center;gap:4px;display:flex}.card-author{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);font-size:.72rem;font-weight:600;display:inline-block}.card-hidden .card-author{filter:blur(4px)}.card-hidden .card-top-actions{filter:blur(4px);-webkit-user-select:none;user-select:none;pointer-events:none}.card-icon-btn{border:1px solid var(--border);background:var(--surface);width:22px;height:22px;color:var(--text-secondary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.card-icon-btn:hover:not(:disabled){background:var(--bg);color:var(--text);border-color:var(--text-secondary)}.card-icon-btn:disabled{opacity:.5;cursor:not-allowed}.card-icon-btn-danger:hover:not(:disabled){color:var(--danger);border-color:var(--danger)}.card-discussed-toggle.is-active{background:var(--reveal);color:#fff;border-color:var(--reveal)}.card-discussed-toggle.is-active:hover:not(:disabled){background:var(--reveal-hover);border-color:var(--reveal-hover);color:#fff}.card-discussed-badge{text-transform:uppercase;letter-spacing:.04em;background:var(--reveal);color:#fff;border-radius:8px;align-items:center;gap:3px;padding:1px 6px;font-size:.65rem;font-weight:700;display:inline-flex}.card-discussed{opacity:.7;background:var(--bg)}.card-discussed .card-text{color:var(--text-secondary);text-decoration:line-through}.card-has-unread{box-shadow:inset 4px 0 0 #e67e22, 0 0 0 1px #f4d03f, var(--shadow);background:#fffaea;border-color:#f4d03f;animation:2.4s ease-in-out infinite card-unread-pulse}@keyframes card-unread-pulse{0%,to{box-shadow:inset 4px 0 0 #e67e22, 0 0 0 1px #f4d03f, var(--shadow)}50%{box-shadow:inset 4px 0 0 #e67e22, 0 0 0 2px #f1c40f, var(--shadow)}}.card-flash{animation:1.5s ease-out card-flash-pulse;position:relative}@keyframes card-flash-pulse{0%{box-shadow:0 0 0 0 #f39c12d9, var(--shadow-md);transform:scale(1)}20%{transform:scale(1.015);box-shadow:0 0 0 8px #f39c1273,0 0 24px #e67e228c}to{box-shadow:0 0 0 0 #f39c1200, var(--shadow);transform:scale(1)}}.comment-toggle-unread{color:#7d4f00;font-weight:700}.comment-unread-dot{color:#fff;background:#e67e22;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 5px;font-size:.65rem;font-weight:700;line-height:1;display:inline-flex}.notif-wrap{display:inline-flex;position:relative}.notif-bell{background:var(--surface);border:1px solid var(--border);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s,border-color .15s;display:inline-flex;position:relative}.notif-bell:hover,.notif-bell[aria-expanded=true]{background:var(--bg);color:var(--text);border-color:var(--text-secondary)}.notif-bell-active,.notif-bell-active:hover{color:#c0392b}.notif-badge{background:var(--danger);color:#fff;border:2px solid var(--surface);border-radius:9px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.62rem;font-weight:700;line-height:1;display:inline-flex;position:absolute;top:-2px;right:-2px}.notif-popover{background:var(--surface);border:1px solid var(--border);width:min(360px,100vw - 32px);max-height:420px;box-shadow:var(--shadow-md);z-index:50;border-radius:10px;flex-direction:column;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.notif-popover-header{border-bottom:1px solid var(--border);background:var(--bg);justify-content:space-between;align-items:center;padding:10px 14px;font-size:.9rem;display:flex}.notif-mark-read{color:#2980b9;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:.78rem;font-weight:600;transition:background .15s}.notif-mark-read:hover{background:#2980b91a}.notif-empty{text-align:center;color:var(--text-secondary);padding:24px 16px;font-size:.85rem}.notif-list{margin:0;padding:4px 0;list-style:none;overflow-y:auto}.notif-item{border-bottom:1px solid var(--border);color:var(--text);padding:10px 14px;font-size:.83rem;line-height:1.4}.notif-item:last-child{border-bottom:none}.notif-quote{color:var(--text-secondary);font-style:italic}.notif-emoji{font-size:.95rem}.notif-comment-text{color:var(--text-secondary)}.card-edit{flex-direction:column;gap:8px;display:flex}.card-edit-input{border:1px solid var(--accent);border-radius:var(--radius);resize:vertical;width:100%;min-height:60px;padding:8px 10px;font-family:inherit;font-size:.9rem;line-height:1.45}.card-edit-input:focus{outline:none}.card-edit-actions{justify-content:flex-end;gap:6px;display:flex}.card-edit-actions .btn{padding:4px 10px;font-size:.78rem}.card-delete-confirm{background:#fdf2f2;border:1px solid #f5c6c6;border-radius:6px;flex-direction:column;gap:8px;padding:8px;display:flex}.card-delete-text{color:var(--danger);font-size:.82rem;line-height:1.4}.card-text{color:var(--text);word-break:break-word;font-size:.9rem;line-height:1.45}.markdown-body{word-break:break-word;overflow-wrap:anywhere}.markdown-body>:first-child{margin-top:0}.markdown-body>:last-child{margin-bottom:0}.markdown-body p{margin:0 0 6px;line-height:1.45}.markdown-body p:last-child{margin-bottom:0}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{margin:8px 0 4px;font-size:.95rem;font-weight:700;line-height:1.3}.markdown-body ul,.markdown-body ol{margin:4px 0 6px;padding-left:20px}.markdown-body li{margin-bottom:2px}.markdown-body li>p{margin:0}.markdown-body blockquote{border-left:3px solid var(--border);color:var(--text-secondary);background:var(--bg);border-radius:0 4px 4px 0;margin:4px 0 6px;padding:2px 10px}.markdown-body code{border:1px solid var(--border);color:#b35c10;background:#f0efe9;border-radius:4px;padding:1px 5px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.85em}.markdown-body pre{color:#f5f7fa;background:#1f2933;border-radius:6px;margin:6px 0;padding:10px 12px;font-size:.82rem;line-height:1.5;overflow-x:auto}.markdown-body pre code{color:inherit;font-size:inherit;background:0 0;border:none;padding:0}.markdown-body a{color:#2980b9;text-decoration:underline}.markdown-body a:hover{color:#2471a3}.markdown-body hr{border:none;border-top:1px solid var(--border);margin:8px 0}.markdown-body table{border-collapse:collapse;margin:6px 0;font-size:.85rem}.markdown-body th,.markdown-body td{border:1px solid var(--border);padding:4px 8px}.markdown-body th{background:var(--bg);font-weight:700}.markdown-body strong{font-weight:700}.markdown-body em{font-style:italic}.markdown-body del{color:var(--text-secondary);text-decoration:line-through}.card-footer{justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}.card-footer-emoji{flex-wrap:wrap;align-items:center;gap:4px;min-width:0;display:flex}.card-footer-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.react-btn-wrap{display:inline-flex;position:relative}.react-btn-wrap:hover,.react-btn-wrap:focus-within{z-index:3}.react-btn-tooltip{background:var(--accent);color:#fff;text-align:left;white-space:pre-line;overflow-wrap:anywhere;z-index:20;pointer-events:none;border-radius:6px;width:max-content;max-width:min(240px,100cqw - 24px);padding:8px 10px;font-size:.75rem;font-weight:400;line-height:1.4;display:none;position:absolute;bottom:calc(100% + 8px);left:auto;right:0}.react-btn-tooltip-left{left:0;right:auto}.react-btn-wrap:hover .react-btn-tooltip,.react-btn-wrap:focus-within .react-btn-tooltip{display:block}.card-action-tooltip{inset:calc(100% + 8px) 0 auto auto}.btn-react{border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;border-radius:14px;align-items:center;gap:4px;padding:3px 10px;font-family:inherit;font-size:.8rem;font-weight:500;transition:all .15s;display:flex}.btn-react:hover:not(:disabled){background:var(--bg);border-color:var(--text-secondary);color:var(--text)}.btn-react:disabled{opacity:.4;cursor:not-allowed}.btn-react-voted{border-color:var(--reveal);color:var(--reveal)}.btn-react-done{color:#e74c3c;border-color:#e74c3c}.react-icon{font-size:.95rem;font-weight:700;line-height:1}.react-count{text-align:center;min-width:10px}.btn-emoji-chip{border:1px solid var(--border);background:var(--bg);height:22px;color:var(--text-secondary);cursor:pointer;border-radius:11px;align-items:center;gap:5px;padding:0 8px;font-family:inherit;font-size:.78rem;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.btn-emoji-chip:hover:not(:disabled){border-color:var(--text-secondary);background:#ecece6}.btn-emoji-chip-mine{color:#1a5276;background:#e8f1fb;border-color:#4a90d9}.btn-emoji-chip-mine:hover:not(:disabled){background:#d6e6f6;border-color:#2980b9}.btn-emoji-more{background:var(--surface);font-weight:700}.btn-emoji-more .emoji-chip-count{text-align:center;min-width:14px}.emoji-chip-glyph{font-size:.95rem;line-height:1}.emoji-chip-count{font-variant-numeric:tabular-nums;line-height:1}.emoji-picker-wrap{display:inline-flex}.btn-emoji-add{border:1px solid var(--border);background:var(--surface);width:24px;height:24px;color:var(--text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background .15s,border-color .15s,color .15s,transform .1s;display:inline-flex}.btn-emoji-add:hover,.btn-emoji-add:focus-visible,.btn-emoji-add[aria-expanded=true]{background:var(--bg);border-color:var(--text-secondary);color:var(--text);transform:scale(1.05)}.btn-emoji-add:active{transform:scale(.96)}.emoji-picker-popover{z-index:60;box-shadow:var(--shadow-md);background:var(--surface);border-radius:10px;position:fixed;overflow:hidden}.emoji-picker-loading{width:320px;height:380px;color:var(--text-secondary);justify-content:center;align-items:center;font-size:.85rem;display:flex}.comment-section{border-top:1px dashed var(--border);margin-top:8px;padding-top:6px}.comment-toggle{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:2px 6px;font-family:inherit;font-size:.78rem;transition:background .15s,color .15s;display:inline-flex}.comment-toggle:hover{background:var(--bg);color:var(--text)}.comment-toggle-icon{font-size:.9rem;line-height:1}.comment-toggle-chev{color:var(--text-secondary);font-size:.7rem}.comment-thread{flex-direction:column;gap:8px;margin-top:8px;display:flex}.comment-item{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:6px 8px}.comment-meta{justify-content:space-between;align-items:center;gap:6px;margin-bottom:2px;display:flex}.comment-author{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);font-size:.7rem;font-weight:600}.comment-delete{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:0 4px;font-size:1rem;line-height:1;transition:background .15s,color .15s}.comment-delete:hover{background:var(--border);color:var(--danger)}.comment-text{color:var(--text);font-size:.85rem;line-height:1.4}.comment-form{flex-direction:column;gap:6px;margin-top:4px;display:flex}.comment-input{border:1px solid var(--border);resize:vertical;border-radius:6px;width:100%;min-height:38px;padding:6px 8px;font-family:inherit;font-size:.82rem;line-height:1.4;transition:border-color .15s}.comment-input:focus{border-color:var(--accent);outline:none}.comment-input::placeholder{color:#aaa}.comment-error{color:var(--danger);font-size:.74rem}.comment-submit{align-self:flex-end;padding:4px 12px;font-size:.78rem}.add-card-form{border-top:1px solid var(--border);flex-direction:column;gap:6px;padding:8px;display:flex}.add-card-input{border:1px solid var(--border);border-radius:var(--radius);resize:vertical;width:100%;min-height:44px;padding:8px 10px;font-family:inherit;font-size:.85rem;line-height:1.4;transition:border-color .15s}.add-card-input:focus{border-color:var(--accent);outline:none}.add-card-input::placeholder{color:#aaa}.add-card-error{color:var(--danger);font-size:.78rem}.name-gate-overlay{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.name-gate{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md);border-radius:12px;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:360px;padding:40px 48px;display:flex}.name-gate-icon{font-size:3rem}.name-gate h1{font-size:1.4rem;font-weight:700}.name-gate p{color:var(--text-secondary);text-align:center;font-size:.9rem}.name-gate input{border:1px solid var(--border);border-radius:var(--radius);text-align:center;width:100%;padding:10px 14px;font-family:inherit;font-size:1rem;transition:border-color .15s}.name-gate input:focus{border-color:var(--accent);outline:none}.name-gate button{background:var(--accent);color:#fff;border-radius:var(--radius);border:none;width:100%;padding:10px;font-size:.95rem;font-weight:600;transition:background .15s}.name-gate button:hover{background:var(--accent-hover)}.lead-checkbox{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;width:100%;font-size:.85rem;display:flex}.lead-checkbox input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--accent)}.lead-info{cursor:help;margin-left:2px;position:relative}.lead-info-icon{background:var(--border);width:18px;height:18px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:inline-flex}.lead-info-tooltip{background:var(--accent);color:#fff;z-index:20;pointer-events:none;border-radius:6px;width:260px;padding:10px 12px;font-size:.78rem;font-weight:400;line-height:1.45;display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.lead-info:hover .lead-info-tooltip,.lead-info:focus .lead-info-tooltip{display:block}.header-lead-toggle{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;border-left:1px solid var(--border);align-items:center;gap:5px;margin-left:2px;padding-left:4px;font-size:.8rem;display:flex}.header-lead-toggle input[type=checkbox]{cursor:pointer;width:14px;height:14px;accent-color:var(--accent)}.name-gate-error{color:var(--danger);font-size:.82rem}.landing{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.landing-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:420px;padding:48px 56px;display:flex}.landing-icon{font-size:4rem}.landing-card h1{font-size:1.8rem;font-weight:700}.landing-card p{color:var(--text-secondary);font-size:1rem;line-height:1.6}.landing-error{color:var(--danger);font-size:.85rem}.landing-card button{background:var(--accent);color:#fff;border-radius:var(--radius);border:none;width:100%;margin-top:8px;padding:12px;font-size:1rem;font-weight:600;transition:background .15s}.landing-card button:hover:not(:disabled){background:var(--accent-hover)}.landing-card button:disabled{opacity:.6;cursor:not-allowed}.landing-input{border:1px solid var(--border);border-radius:var(--radius);text-align:center;width:100%;padding:10px 14px;font-family:inherit;font-size:.9rem;transition:border-color .15s}.landing-input:focus{border-color:var(--accent);outline:none}.landing-hint{color:var(--text-secondary);font-size:.78rem;line-height:1.45}.session-bar{border-bottom:1px solid var(--border);background:#eaf2f8;flex-direction:column;gap:6px;padding:10px 24px;font-size:.85rem;display:flex}.session-bar-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.session-bar-label{color:var(--text-secondary);white-space:nowrap}.session-bar-input{border:1px solid var(--border);border-radius:4px;min-width:240px;padding:4px 10px;font-family:inherit;font-size:.82rem;transition:border-color .15s}.session-bar-input:focus{border-color:var(--accent);outline:none}.session-bar-msg{color:var(--reveal);white-space:nowrap;font-size:.8rem;font-weight:500}.share-url{background:var(--surface);border:1px solid var(--border);min-width:0;max-width:720px;color:var(--text);word-break:break-all;border-radius:4px;flex:1;padding:4px 10px;font-size:.82rem}.btn-copy{padding:4px 12px;font-size:.8rem}.export-modal-overlay{z-index:40;background:#1a1a1a8c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow:auto}.export-modal{background:var(--surface);width:min(760px,100%);max-height:min(80vh,720px);box-shadow:var(--shadow-md);border-radius:12px;flex-direction:column;gap:16px;padding:24px;display:flex}.export-modal-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.export-modal-header h2{font-size:1.15rem;font-weight:700}.export-modal-header p{color:var(--text-secondary);margin-top:4px;font-size:.88rem}.export-modal-textarea{border:1px solid var(--border);border-radius:var(--radius);resize:vertical;width:100%;min-height:360px;padding:14px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.86rem;line-height:1.55}.export-modal-textarea:focus{border-color:var(--accent);outline:none}.export-modal-actions{justify-content:flex-end;gap:10px;display:flex}.not-found-overlay{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.not-found-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:400px;padding:40px 48px;display:flex}.not-found-icon{font-size:3rem}.not-found-card h1{font-size:1.4rem;font-weight:700}.not-found-card p{color:var(--text-secondary);font-size:.9rem}.not-found-card button{background:var(--accent);color:#fff;border-radius:var(--radius);border:none;width:100%;margin-top:8px;padding:10px;font-size:.95rem;font-weight:600;transition:background .15s}.not-found-card button:hover{background:var(--accent-hover)}.app-error{text-align:center;color:var(--danger);background:#fdf2f2;padding:12px 24px;font-size:.9rem}.app-loading{flex:1;min-height:0;padding:24px;overflow:hidden}.loading-board{grid-template-columns:repeat(5,minmax(240px,1fr));gap:16px;min-height:100%;display:grid;overflow:auto hidden}.loading-column{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:10px;min-height:0;padding:16px;display:flex}.loading-title{border-radius:4px;width:70%;height:16px}.loading-card{border-radius:var(--radius);height:60px}.shimmer{background:linear-gradient(90deg, var(--border) 25%, #ececec 50%, var(--border) 75%);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.header-settings-btn{background:var(--surface);border:1px solid var(--border);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.header-settings-btn:hover{background:var(--bg);color:var(--text);border-color:var(--text-secondary)}.notif-item{padding:0}.notif-item-btn{width:100%;font:inherit;text-align:left;color:var(--text);cursor:pointer;background:0 0;border:none;padding:10px 14px;transition:background .15s;display:block}.notif-item-btn:hover,.notif-item-btn:focus-visible{background:var(--bg);outline:none}.settings-list{flex-direction:column;gap:16px;padding:4px 2px 8px;display:flex}.settings-row{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:12px;display:flex}.settings-row input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--accent);flex-shrink:0;margin-top:2px}.settings-row-text{flex-direction:column;gap:2px;display:flex}.settings-row-title{color:var(--text);font-size:.92rem;font-weight:600}.settings-row-desc{color:var(--text-secondary);font-size:.82rem;line-height:1.4}.toast-container{z-index:80;pointer-events:none;flex-direction:column;gap:10px;max-width:min(360px,100vw - 32px);display:flex;position:fixed;bottom:20px;right:20px}.toast{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md);color:var(--text);cursor:pointer;pointer-events:auto;text-align:left;border-left:4px solid #e67e22;border-radius:8px;align-items:flex-start;gap:8px;padding:12px 14px;font-size:.85rem;line-height:1.4;animation:.25s ease-out toast-slide-in;display:flex}.toast:hover,.toast:focus-visible{background:var(--bg);outline:none}.toast-body{flex:1;min-width:0}.toast-close{width:22px;height:22px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:inline-flex}.toast-close:hover{background:var(--border);color:var(--text)}@keyframes toast-slide-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.landing-section{text-align:left;flex-direction:column;align-items:stretch;gap:6px;width:100%;display:flex}.landing-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);font-size:.78rem;font-weight:600}.landing-select{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--text);padding:10px 14px;font-family:inherit;font-size:.95rem;transition:border-color .15s}.landing-select:focus{border-color:var(--accent);outline:none}.landing-preview-list{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);flex-direction:column;gap:4px;margin:0;padding:8px 12px;font-size:.85rem;list-style:none;display:flex}.landing-preview-list li:before{content:"•";color:var(--text-secondary);margin-right:6px}.custom-columns-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.custom-columns-row{align-items:center;gap:6px;display:flex}.custom-columns-input{text-align:left;flex:1}.custom-columns-actions{align-items:center;gap:4px;display:inline-flex}.custom-columns-add{align-self:flex-start;align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.custom-columns-color{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;flex-shrink:0;width:36px;height:36px;padding:2px}.template-save-section{border-top:1px solid var(--border);flex-direction:column;gap:6px;margin-top:14px;padding-top:14px;display:flex}.template-save-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.template-name-input{text-align:left;flex:1;min-width:140px}.template-delete-btn{color:var(--danger,#c0392b);border-color:var(--border)}.template-delete-btn:hover:not(:disabled){background:#fdecea;border-color:#e6b0b0}.landing-hint-ok{color:var(--accent)}.board-wrap{flex:1;width:100%;min-height:0;display:flex;overflow:hidden}.board-rail{flex-direction:column;flex-shrink:0;gap:10px;padding:24px 0 24px 24px;display:flex}.board-wrap>.board{flex:1 1 0;width:auto;min-width:0}.column-header-actions{flex-shrink:0;align-items:center;gap:6px;margin-left:8px;display:inline-flex}.column-collapse-btn{width:22px;height:22px;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.column-collapse-btn:hover{background:var(--surface);color:var(--text);border-color:var(--border)}.column-collapsed{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:38px;min-height:160px;color:var(--text-secondary);cursor:pointer;flex-direction:column;align-items:center;gap:10px;padding:10px 6px;font-family:inherit;transition:background .15s,border-color .15s,color .15s;display:flex}.column-collapsed:hover{background:var(--bg);color:var(--text)}.column-title-vertical{writing-mode:vertical-rl;text-overflow:ellipsis;white-space:nowrap;max-height:220px;font-size:.8rem;font-weight:600;line-height:1.2;overflow:hidden;transform:rotate(180deg)}.column-count-vertical{background:var(--bg);color:var(--text-secondary);margin:0}.column-collapsed.column-fun{border-top:3px solid #e67e22}.column-collapsed.column-wentWell{border-top:3px solid #27ae60}.column-collapsed.column-improve{border-top:3px solid #2980b9}.column-collapsed.column-questions{border-top:3px solid #d4a017}.column-collapsed.column-actionables{border-top:3px solid #8e44ad}@media (width<=600px){.board,.loading-board{gap:12px;padding:12px}.header{flex-direction:column;gap:10px;padding:12px 16px}.header-left,.header-actions{justify-content:center;width:100%}.session-bar{padding:8px 16px}.session-bar-row{flex-direction:column;gap:6px}.session-bar-input{width:100%;min-width:0}.export-modal{padding:18px}.export-modal-header,.export-modal-actions{flex-direction:column;align-items:stretch}.export-modal-textarea{min-height:300px}}.marketing{background:var(--bg);min-height:100dvh;color:var(--text);flex-direction:column;display:flex}.marketing-nav{justify-content:space-between;align-items:center;width:100%;max-width:900px;margin:0 auto;padding:22px 24px;display:flex}.marketing-brand{align-items:center;gap:8px;font-size:.95rem;font-weight:600;display:flex}.marketing-nav-actions{align-items:center;gap:18px;display:flex}.marketing-link{color:var(--text-secondary);background:0 0;border:none;align-items:center;gap:5px;font-size:.85rem;transition:color .15s;display:inline-flex}.marketing-link:hover{color:var(--text)}.marketing-pill{background:var(--accent);color:#fff;border:none;border-radius:999px;padding:8px 16px;font-size:.85rem;font-weight:500;transition:background .15s}.marketing-pill:hover{background:var(--accent-hover)}.marketing-main{width:100%;max-width:900px;margin:0 auto;padding:32px 24px 8px}.marketing-hero{padding:24px 0 36px}.marketing-headline{letter-spacing:-.01em;font-family:Georgia,Times New Roman,serif;font-size:2.7rem;font-weight:500;line-height:1.1}.marketing-subtext{color:var(--text-secondary);max-width:470px;margin-top:16px;font-size:1.02rem}.marketing-cta{background:var(--accent);color:#fff;border:none;border-radius:999px;align-items:center;gap:8px;margin-top:26px;padding:11px 20px;font-size:.9rem;font-weight:500;transition:background .15s;display:inline-flex}.marketing-cta:hover{background:var(--accent-hover)}.marketing-preview{width:100%;max-width:1180px;margin:0 auto;padding:0 24px 72px}.marketing-preview-frame{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md);border-radius:12px;overflow:hidden}.marketing-preview-bar{border-bottom:1px solid var(--border);background:var(--bg);align-items:center;gap:6px;padding:10px 14px;display:flex}.marketing-preview-dot{background:var(--border);border-radius:50%;width:9px;height:9px}.marketing-preview-hint{color:var(--text-secondary);margin-left:10px;font-size:.72rem}.marketing-preview-body{padding:18px}.marketing-footer{border-top:1px solid var(--border);width:100%;margin-top:auto}.marketing-footer-inner{width:100%;max-width:900px;color:var(--text-secondary);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:22px 24px;font-size:.75rem;display:flex}.marketing-footer-links{align-items:center;gap:16px;display:flex}.marketing-footer-link{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.75rem;text-decoration:none;transition:color .15s}.marketing-footer-link:hover{color:var(--text)}.marketing-logos{padding:8px 0 48px}.marketing-logos-label{text-align:center;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:22px;font-size:.72rem;font-weight:500}.marketing-logos-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px 30px;display:flex}.marketing-logo{color:var(--text);opacity:.45;justify-content:center;align-items:center;line-height:0;transition:opacity .15s;display:inline-flex}.marketing-logo:hover{opacity:.8}.marketing-logo svg{width:auto;height:26px;display:block}.marketing-logo:first-child svg,.marketing-logo:nth-child(5) svg{height:23px}.marketing-logo:nth-child(2) svg,.marketing-logo:nth-child(3) svg,.marketing-logo:nth-child(6) svg,.marketing-logo:nth-child(7) svg{height:24px}.marketing-logo:nth-child(4) svg{height:28px}.marketing-section-inner{width:100%;max-width:900px;margin:0 auto;padding:0 24px}.marketing-section-title{letter-spacing:-.01em;margin-bottom:32px;font-family:Georgia,Times New Roman,serif;font-size:1.7rem;font-weight:500}.marketing-features{padding:24px 0 56px}.marketing-feature-grid{grid-template-columns:repeat(3,1fr);gap:36px 40px;display:grid}.marketing-feature-icon{color:var(--accent);justify-content:center;align-items:center;margin-bottom:12px;display:inline-flex}.marketing-feature-title{margin-bottom:6px;font-size:.95rem;font-weight:600}.marketing-feature-text{color:var(--text-secondary);font-size:.88rem;line-height:1.5}.marketing-pricing{padding:24px 0 72px}.marketing-price-card{background:var(--surface);border:1px solid var(--border);width:100%;box-shadow:var(--shadow-md);border-radius:14px;grid-template-columns:1.1fr 1fr;align-items:stretch;gap:40px;padding:40px;display:grid}.marketing-price-main{flex-direction:column;display:flex}.marketing-price-lede{color:var(--text-secondary);max-width:34ch;margin:16px 0 28px;font-size:.95rem;line-height:1.6}.marketing-price-aside{border-left:1px solid var(--border);flex-direction:column;justify-content:center;padding-left:40px;display:flex}.marketing-price-includes{letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:18px;font-size:.8rem;font-weight:600}.marketing-price{align-items:baseline;gap:6px;display:flex}.marketing-price-amount{letter-spacing:-.01em;font-family:Georgia,Times New Roman,serif;font-size:2.6rem;font-weight:500}.marketing-price-interval{color:var(--text-secondary);font-size:.95rem}.marketing-price-list{flex-direction:column;gap:14px;margin:0;list-style:none;display:flex}.marketing-price-list li{align-items:center;gap:10px;font-size:.9rem;display:flex}.marketing-price-list svg{color:var(--reveal);flex-shrink:0}.marketing-price-cta{justify-content:center;width:100%;margin-top:auto}.marketing-guarantee{color:var(--text-secondary);text-align:center;margin-top:14px;font-size:.8rem}@media (width<=720px){.marketing-price-card{grid-template-columns:1fr;gap:28px;padding:28px}.marketing-price-aside{border-left:none;border-top:1px solid var(--border);padding-top:28px;padding-left:0}}.marketing-brand-btn{cursor:pointer;color:inherit;background:0 0;border:none}.legal{width:100%;max-width:720px;margin:0 auto;padding:24px 24px 64px}.legal-title{letter-spacing:-.01em;font-family:Georgia,Times New Roman,serif;font-size:2.2rem;font-weight:500}.legal-meta{color:var(--text-secondary);margin-top:6px;margin-bottom:28px;font-size:.85rem}.legal p{color:var(--text);margin-bottom:16px;font-size:.95rem;line-height:1.65}.legal h2{letter-spacing:-.01em;margin:34px 0 12px;font-family:Georgia,Times New Roman,serif;font-size:1.3rem;font-weight:500}.legal ul{flex-direction:column;gap:8px;margin:0 0 16px;padding-left:22px;display:flex}.legal li{color:var(--text);font-size:.95rem;line-height:1.6}.legal a{color:var(--accent);text-decoration:underline}.legal a:hover{color:var(--accent-hover)}.demo-app{background:var(--bg);text-align:left;flex-direction:column;height:700px;display:flex;position:relative;overflow:hidden}.demo-app .board-wrap,.demo-app .board,.demo-app .column-cards{overflow:visible}.demo-export-overlay{z-index:40;background:#1a1a1a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0;overflow:auto}.demo-export-overlay .export-modal{max-height:calc(100% - 40px)}.demo-export-overlay .export-modal-textarea{min-height:200px}.demo-app .header{position:static}.demo-app .header-title{font-size:1.05rem}.auth-overlay{z-index:100;background:#0006;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.auth-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);width:100%;max-width:380px;padding:28px}.auth-modal h2{font-size:1.25rem;font-weight:600}.auth-modal-sub{color:var(--text-secondary);margin-top:6px;margin-bottom:18px;font-size:.85rem}.auth-google{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:6px;justify-content:center;align-items:center;gap:10px;padding:10px 12px;font-size:.9rem;font-weight:500;transition:background .15s,border-color .15s;display:flex}.auth-google:hover:not(:disabled){background:var(--bg);border-color:var(--text-secondary)}.auth-google:disabled{opacity:.6;cursor:default}.auth-google-icon{flex-shrink:0;width:18px;height:18px}.auth-divider{text-align:center;color:var(--text-secondary);align-items:center;margin:16px 0;font-size:.78rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid var(--border);flex:1}.auth-divider span{padding:0 12px}.auth-form{flex-direction:column;gap:12px;display:flex}.auth-input{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:6px;padding:10px 12px;font-size:.9rem}.auth-input:focus{border-color:var(--text-secondary);outline:none}.auth-submit{background:var(--accent);color:#fff;border:none;border-radius:6px;margin-top:4px;padding:11px;font-size:.9rem;font-weight:500;transition:background .15s}.auth-submit:hover{background:var(--accent-hover)}.auth-submit:disabled{opacity:.6;cursor:default}.auth-error{color:var(--danger);font-size:.8rem}.auth-toggle{color:var(--text-secondary);text-align:center;margin-top:16px;font-size:.82rem}.auth-toggle button{color:var(--text);background:0 0;border:none;font-weight:500;text-decoration:underline}.auth-modal-actions{justify-content:center;margin-top:14px;display:flex}.auth-close{color:var(--text-secondary);background:0 0;border:none;font-size:.82rem}.auth-close:hover{color:var(--text)}.paywall{background:var(--bg);justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.paywall-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);text-align:center;width:100%;max-width:420px;padding:36px 32px}.paywall-icon{color:var(--accent);justify-content:center;margin-bottom:14px;display:flex}.paywall-card h1{font-size:1.5rem;font-weight:600}.paywall-card>p{color:var(--text-secondary);margin-top:8px;font-size:.9rem}.paywall-price{justify-content:center;align-items:baseline;gap:6px;margin:22px 0;display:flex}.paywall-amount{font-size:2.2rem;font-weight:700}.paywall-interval{color:var(--text-secondary);font-size:.9rem}.paywall-features{text-align:left;flex-direction:column;gap:8px;max-width:260px;margin:0 auto 22px;list-style:none;display:flex}.paywall-features li{color:var(--text);align-items:center;gap:8px;font-size:.85rem;display:flex}.paywall-features svg{color:var(--reveal);flex-shrink:0}.paywall-subscribe{background:var(--accent);color:#fff;border:none;border-radius:6px;width:100%;padding:12px;font-size:.95rem;font-weight:500;transition:background .15s}.paywall-subscribe:hover{background:var(--accent-hover)}.paywall-subscribe:disabled{opacity:.6;cursor:default}.paywall-error{color:var(--danger);margin-top:12px;font-size:.82rem}.paywall-back{color:var(--text-secondary);background:0 0;border:none;margin-top:16px;font-size:.82rem}.paywall-back:hover{color:var(--text)}.paywall-account{color:var(--text-secondary);margin-top:18px;font-size:.78rem}@media (width<=640px){.demo-board{grid-template-columns:1fr}.marketing-headline{font-size:2.1rem}.marketing-feature-grid{grid-template-columns:1fr;gap:28px}}@media (width<=900px) and (width>=641px){.marketing-feature-grid{grid-template-columns:repeat(2,1fr)}}