@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--page:#eef3f8;--surface:#f9fbfd;--surface-2:#fff;--surface-3:#edf2f7;--border:#d8e1ec;--border-strong:#b9c7d9;--text:#162033;--text-2:#536074;--text-3:#758299;--accent:#0f5eaf;--accent-2:#097857;--danger:#b42318;--danger-bg:#fee4e2;--shadow:0 18px 44px #19263b1f;--radius:8px}body{background:linear-gradient(135deg, #0f5eaf2e, transparent 36%), linear-gradient(225deg, #09785724, transparent 36%), var(--page);min-height:100vh;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0}input,textarea,select{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);min-width:0;color:var(--text);outline:0}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0f5eaf24}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f9fbfde6;border-bottom:1px solid #7e8ea347;justify-content:space-between;align-items:center;gap:16px;min-height:68px;padding:12px 22px;display:flex;position:sticky;top:0}.brand,.topbar-actions,.button-row,.card-meta,.choice-row,.section-title{align-items:center;gap:10px;display:flex}.brand{min-width:0;color:var(--accent)}.board-title{width:min(52vw,620px);color:var(--text);background:0 0;border:0;font-size:23px;font-weight:800}.counter-pill,.count-pill,.save-status,.meta-pill{border-radius:999px;font-size:12px;font-weight:700}.counter-pill{color:var(--accent);background:#e3eefc;flex:none;padding:5px 9px}.save-status{min-width:82px;color:var(--text-2);text-align:right}.primary-button,.ghost-button,.danger-button,.icon-button{border-radius:var(--radius);justify-content:center;align-items:center;gap:7px;min-height:36px;padding:0 13px;font-weight:700;display:inline-flex}.primary-button{background:var(--accent);color:#fff}.primary-button:disabled{cursor:not-allowed;opacity:.5}.ghost-button{background:var(--surface-3);color:var(--text-2)}.danger-button{background:var(--danger-bg);color:var(--danger)}.icon-button{background:var(--surface-3);width:34px;min-height:34px;color:var(--text-2);padding:0}.icon-button.success{color:var(--accent-2)}.board-scroll{flex:1;padding:22px;overflow:auto}.board-row{align-items:flex-start;gap:16px;min-width:max-content;display:flex}.column{border-radius:var(--radius);width:300px;max-height:calc(100vh - 116px);box-shadow:var(--shadow);background:#f9fbfdf0;border:1px solid #68788f3d;flex-direction:column;flex:0 0 300px;display:flex}.column.is-over{border-color:var(--accent);background:#f3f8ff}.column-header{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:12px;display:flex}.column-title{color:var(--text);text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:15px;font-weight:800;overflow:hidden}.rename-row{flex:1;gap:6px;display:flex}.rename-row input{width:100%;padding:7px 8px;font-size:14px;font-weight:700}.count-pill{background:var(--surface-3);min-width:28px;color:var(--text-2);text-align:center;padding:4px 8px}.menu-wrap{position:relative}.scrim{z-index:60;position:fixed;inset:0}.menu{z-index:70;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);min-width:156px;box-shadow:var(--shadow);gap:2px;padding:5px;display:grid;position:absolute;top:calc(100% + 5px);right:0}.menu button{color:var(--text-2);text-align:left;border-radius:6px;align-items:center;gap:8px;padding:8px 9px;font-size:13px;display:flex}.menu button:hover{background:var(--surface-3)}.menu .danger-text{color:var(--danger)}.card-list{flex-direction:column;flex:1;gap:10px;min-height:72px;padding:12px;display:flex;overflow-y:auto}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);text-align:left;gap:8px;width:100%;padding:12px;display:grid;box-shadow:0 8px 20px #16203314}.card:hover{border-color:var(--border-strong)}.card.is-dragging{border-color:var(--accent);opacity:.92;transform:rotate(1deg)}.label-pill{border-radius:999px;width:fit-content;padding:3px 8px;font-size:11px;font-weight:800}.card-title{overflow-wrap:anywhere;font-size:14px;font-weight:800;line-height:1.35}.card-description{color:var(--text-2);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.card-meta{flex-wrap:wrap;gap:6px}.avatar,.avatar-choice{border:2px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:800;display:inline-flex}.meta-pill{background:var(--surface-3);color:var(--text-2);align-items:center;gap:4px;padding:5px 8px;display:inline-flex}.empty-list{border:1px dashed var(--border-strong);border-radius:var(--radius);color:var(--text-3);text-align:center;padding:16px;font-size:13px}.add-card-button,.add-list-button{border:1.5px dashed var(--border-strong);border-radius:var(--radius);color:var(--text-2);justify-content:center;align-items:center;gap:7px;font-weight:700;display:flex}.add-card-button{margin:0 12px 12px;padding:9px}.add-column{flex:0 0 300px;width:300px}.add-list-button{background:#f9fbfd9e;width:100%;min-height:48px}.add-column-form{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);gap:8px;padding:10px;display:grid}.add-column-form input{padding:9px 10px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c141f80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow:auto}.modal-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);gap:16px;width:min(680px,100%);max-height:calc(100vh - 40px);padding:20px;display:grid;overflow:auto;box-shadow:0 28px 80px #0c141f47}.modal-header,.modal-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.modal-header h2{font-size:20px}.field{color:var(--text-2);gap:7px;font-size:13px;font-weight:800;display:grid}.field input,.field textarea,.field select{width:100%;padding:10px 11px}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.choice-row{flex-wrap:wrap}.chip{border:1px solid var(--border);background:var(--surface-2);color:var(--text-2);border-radius:999px;padding:6px 11px;font-size:12px;font-weight:800}.chip.selected{border-color:var(--chip-color,var(--accent));background:var(--chip-bg,#e3eefc);color:var(--chip-color,var(--accent))}.avatar-choice{background:color-mix(in srgb, var(--avatar-color,var(--border)) 14%, white);color:var(--avatar-color,var(--text-2));border-color:#0000}.avatar-choice.selected{border-color:var(--avatar-color,var(--accent))}.checklist{gap:10px;display:grid}.section-title{color:var(--text-2);justify-content:space-between;font-size:13px;font-weight:800}.check-row{grid-template-columns:26px 1fr 34px;align-items:center;gap:8px;display:grid}.check-row input[type=text],.check-row input:not([type]){padding:9px 10px}@media (width<=760px){body{overflow:auto}.topbar{flex-direction:column;align-items:flex-start}.topbar-actions{justify-content:space-between;width:100%}.board-title{width:100%;font-size:20px}.board-scroll{padding:14px}.column,.add-column{flex-basis:86vw;width:86vw}.field-grid,.modal-actions{grid-template-columns:1fr}.modal-actions{flex-direction:column-reverse;align-items:stretch}}