:root{--text:#6b6375;--text-h:#08060d;--bg:#faf9f6;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}#root{text-align:center;box-sizing:border-box;background:var(--bg);flex-direction:column;width:100%;min-width:0;height:100svh;min-height:100svh;margin:0;display:flex}body{background:var(--bg);min-height:100%;margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--color-bg:#faf9f6;--color-surface:#fff;--color-surface-muted:#f1f3f5;--color-border:#d8dee5;--color-text:#111827;--color-text-muted:#6b7280;--color-text-subtle:#4b5563;--color-primary:#00478fd9;--color-primary-dark:#00376f;--color-highlight:#ff7d33;--color-highlight-dark:#e86620;--color-danger:#b91c1c;--color-success:#15803d;--color-accent-bg:#fff0e8;--color-accent-border:#ff7d33;--color-badge-bg:#e4edf5;--space-xs:.25rem;--space-sm:.5rem;--space-md:.75rem;--space-lg:1rem;--space-xl:1.5rem;--space-2xl:2rem;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--shadow-sm:0 1px 2px #0f172a0f;--shadow-md:0 4px 12px #0f172a1f}.auth-state{place-content:center;gap:var(--space-md);min-height:100svh;padding:var(--space-2xl);text-align:center;display:grid}*{box-sizing:border-box}html,body,#root{background:var(--color-bg);min-height:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);margin:0}.app-header{z-index:10;background:var(--color-surface);border-bottom:3px solid var(--color-highlight);box-shadow:var(--shadow-sm);padding:var(--space-md) var(--space-2xl);position:sticky;top:0}.app-header-brand{align-items:center;gap:var(--space-sm);display:flex}.app-header-mark{border-radius:var(--radius-md);background:var(--color-primary);color:#fff;letter-spacing:.02em;justify-content:center;align-items:center;width:2.5rem;height:2rem;font-size:.8rem;font-weight:700;display:inline-flex}.app-header-title{color:var(--color-primary-dark);font-size:1.15rem;font-weight:600}.app-main{padding:var(--space-2xl);flex-direction:column;flex:1 0 auto;width:100%;min-width:0;margin:0;display:flex}button{border:1px solid var(--color-primary);background:var(--color-primary);color:#fff;cursor:pointer;font:inherit;border-radius:999px;padding:.3rem .75rem;font-size:.875rem;font-weight:600;line-height:1.2;transition:background-color .15s,border-color .15s}button:hover:not(:disabled){background:var(--color-primary-dark);border-color:var(--color-primary-dark)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:1px;outline:3px solid #ff7d3359}button:disabled{cursor:not-allowed;opacity:.6}.secondary-button{background:var(--color-highlight);border-color:var(--color-highlight);margin-left:var(--space-sm)}.secondary-button:hover:not(:disabled){background:var(--color-highlight-dark);border-color:var(--color-highlight-dark)}.toolbar{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.project-board-container{gap:var(--space-lg);flex-direction:column;flex:1 0 auto;min-width:0;display:flex}.project-board{align-items:stretch;gap:var(--space-md);max-width:100%;padding-bottom:var(--space-sm);flex:1 0 auto;display:flex;overflow-x:auto}.status-column{background:var(--color-surface-muted);color:var(--color-text);border-radius:var(--radius-md);flex-direction:column;flex-shrink:0;min-width:195px;max-width:195px;padding:.5625rem;display:flex}.status-column-header{border-bottom:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;justify-content:space-between;align-items:center;margin:-.5625rem -.5625rem .5625rem;padding:.5625rem;display:flex}.status-column-header h2{color:var(--color-text);margin:0;font-size:.8rem;font-weight:700}.status-column-count{background:var(--color-badge-bg);color:var(--color-primary-dark);border-radius:999px;padding:.075rem .375rem;font-size:.7rem}.status-column-body{border-radius:var(--radius-sm);flex-direction:column;flex:1;gap:.375rem;min-height:40px;transition:background-color .15s;display:flex}.status-column-body.drag-over{background-color:var(--color-accent-bg);outline:2px dashed var(--color-accent-border);outline-offset:-2px}.status-column-empty{color:var(--color-text-muted);font-size:.75rem;font-style:italic}.project-card{background:var(--color-surface);border:1px solid var(--color-border);text-align:left;cursor:pointer;font:inherit;border-radius:.3rem;flex-direction:column;gap:.1875rem;padding:.5625rem;transition:border-color .15s,box-shadow .15s;display:flex}.project-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.project-card:hover .project-card-name,.project-card:hover .project-card-tasks{color:var(--color-primary-light)}.project-card.dragging{opacity:.5}.project-card-name{color:var(--color-text);font-size:.8rem;font-weight:600;line-height:1.2}.project-card-header{justify-content:space-between;align-items:center;gap:var(--space-sm);align-self:center;display:flex}.project-card-bottom-btns{justify-content:space-between;align-items:center;min-height:1.375rem;display:flex}.priority-dropdown{align-items:center;display:inline-flex}.priority-trigger{border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;padding:0;display:inline-flex}.priority-trigger:hover:not(:disabled),.priority-trigger:focus-visible{background:#0f172a14;border:0}.priority-flag{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20;font-family:Material Symbols Outlined;font-size:1.2rem;font-style:normal;font-weight:400;line-height:1}.priority-color-low{color:#616365}.priority-color-normal{color:#3957d7}.priority-color-high{color:#f3bd32}.priority-color-urgent{color:#f16f78}.priority-menu{z-index:2000;color:#e5e5e5;background:#181818;border:1px solid #2b2b2b;border-radius:3px;width:140px;padding:8px 6px 7px;position:fixed;box-shadow:0 8px 24px #00000059}.priority-menu-title{color:#777;padding:1px 4px 7px;font-size:.7rem;line-height:1}.priority-menu-option{color:#e8e8e8;text-align:left;background:0 0;border:0;border-radius:2px;align-items:center;gap:10px;width:100%;padding:5px 4px;font-size:.875rem;line-height:1.1;display:flex}.priority-menu-option:hover:not(:disabled),.priority-menu-option:focus-visible,.priority-menu-option[aria-checked=true]{background:#292929;border:0}.priority-menu-option .priority-flag{flex:0 0 17px;font-size:1rem}.project-card .priority-trigger{width:1.375rem;height:1.375rem}.project-card .priority-trigger .priority-flag{font-size:1rem}.project-priority-control{flex:0 0 1.75rem;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;display:inline-flex;position:relative}.project-priority-flag{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;font-family:Material Symbols Outlined;font-size:1.35rem;font-style:normal;font-weight:400;line-height:1}.project-priority-control.priority-low{color:#898b8d}.project-priority-control.priority-normal{color:#2563eb}.project-priority-control.priority-high{color:#eab308}.project-priority-control.priority-urgent{color:#ef4444}.project-priority-select{opacity:0;cursor:pointer;background:0 0;border:0;width:1.75rem;min-width:1.75rem;height:1.75rem;padding:0;position:absolute;inset:0}.project-priority-select option{color:var(--color-text);font-size:.9rem}.project-card-image{object-fit:contain;height:38px}.project-image-editor{gap:var(--space-sm);flex-direction:column;display:flex}.project-image-actions{gap:var(--space-sm);align-items:center;display:flex}.project-card-priority{color:var(--color-danger);font-size:.75rem;font-weight:700}.project-card-target,.project-card-tasks{color:var(--color-text-subtle);font-size:.7rem}.link-button{color:var(--color-primary);cursor:pointer;font:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.link-button:hover:not(:disabled),.link-button:focus-visible{color:var(--color-primary-dark);text-underline-offset:2px;background:0 0;border-color:#0000;text-decoration-thickness:2px}.form-error{color:var(--color-danger)}.modal-backdrop{z-index:100;background:#0f172a73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal,.project-drawer{background:var(--color-surface);color:var(--color-text);padding:var(--space-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);gap:var(--space-md);flex-direction:column;width:460px;max-width:90vw;max-height:85vh;display:flex;overflow-y:auto}.modal h2,.project-drawer h2{margin:0}.project-drawer-handle{display:none}.modal label,.project-drawer label{gap:var(--space-xs);flex-direction:column;font-size:.9rem;display:flex}.modal input,.modal select,.modal textarea,.project-drawer input,.project-drawer select,.project-drawer textarea{font:inherit;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.4rem}.task-list-add select{min-width:180px;font:inherit;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);padding:.4rem}.modal-actions{justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-sm);display:flex}.project-drawer-backdrop{align-items:flex-end}.project-drawer{width:100%;max-width:none;max-height:92svh;padding:var(--space-lg);padding-bottom:max(var(--space-lg), env(safe-area-inset-bottom));overscroll-behavior:contain;border-radius:1rem 1rem 0 0;margin:0;animation:.2s ease-out project-drawer-in}.project-drawer .project-drawer-handle{background:var(--color-border);border-radius:999px;flex:none;width:2.5rem;height:.25rem;margin:-.35rem auto 0;display:block}.project-drawer .modal-actions{bottom:calc(-1 * var(--space-lg));margin:var(--space-sm) calc(-1 * var(--space-lg)) calc(-1 * max(var(--space-lg), env(safe-area-inset-bottom)));padding:var(--space-md) var(--space-lg) max(var(--space-md), env(safe-area-inset-bottom));border-top:1px solid var(--color-border);background:var(--color-surface);position:sticky}@keyframes project-drawer-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.project-drawer{animation:none}}.archive-button{border-color:var(--color-danger);color:var(--color-danger);background:0 0;margin-right:auto}.archive-button:hover:not(:disabled),.archive-button:focus-visible{border-color:var(--color-danger);background:var(--color-danger);color:#fff}.editor-tabs{justify-content:flex-start;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.editor-tab{border:1px solid var(--color-primary);color:var(--color-primary);font:inherit;cursor:pointer;background:0 0;border-radius:999px;margin:0;padding:.3rem .75rem;font-size:.875rem;font-weight:600;line-height:1.2}.editor-tab:hover:not(:disabled),.editor-tab:focus-visible{border-color:var(--color-primary-dark);color:var(--color-primary-dark);background:#00478f14}.editor-tab.active{border-color:var(--color-highlight);background:var(--color-highlight);color:#fff}.editor-tab.active:hover:not(:disabled),.editor-tab.active:focus-visible{border-color:var(--color-highlight-dark);background:var(--color-highlight-dark);color:#fff}.editor-tab-panel{gap:var(--space-md);flex-direction:column;display:flex}.task-list{border-top:1px solid var(--color-border);padding-top:var(--space-md);margin-top:var(--space-xs)}.task-list h3{margin:0 0 var(--space-sm) 0;font-size:.95rem}.task-list-empty{color:var(--color-text-muted);font-size:.85rem;font-style:italic}.task-list-items{margin:0 0 var(--space-sm) 0;flex-direction:column;gap:.4rem;max-height:200px;padding:0;list-style:none;display:flex;overflow-y:auto}.task-list-card-items{gap:var(--space-sm);max-height:none;overflow-y:visible}.task-list-card-item{width:100%}.task-list-item{align-items:center;gap:var(--space-sm);display:flex}.task-list-title{flex:1;font-size:.9rem}.task-list-item select{font:inherit;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.2rem;font-size:.85rem}.task-list-delete{color:var(--color-danger);font-size:.8rem}.task-list-add{gap:var(--space-sm);flex-wrap:wrap;min-width:0;display:flex}.task-list-add input{min-width:0;font:inherit;border:1px solid var(--color-border);border-radius:var(--radius-sm);flex:2 14rem;padding:.4rem}.task-list-add select{flex:10rem;min-width:0}.task-board-container{gap:var(--space-lg);flex-direction:column;flex:1 0 auto;width:100%;min-width:0;max-width:100%;display:flex}.task-board-title{margin:0;font-size:1.1rem}.task-board{align-items:stretch;gap:var(--space-lg);min-width:0;max-width:100%;padding-bottom:var(--space-sm);flex:1 0 auto;display:flex;overflow-x:auto}.task-status-column{background:var(--color-surface-muted);color:var(--color-text);border-radius:var(--radius-lg);min-width:240px;max-width:240px;padding:var(--space-md);flex-direction:column;flex-shrink:0;display:flex}.task-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm);cursor:grab;flex-direction:column;gap:.3rem;transition:border-color .15s,box-shadow .15s;display:flex}.task-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.task-card.dragging{opacity:.5}.task-card-static{cursor:default}.task-card-main-row,.task-card-meta-row{justify-content:space-between;align-items:center;gap:.35rem;min-width:0;display:flex}.task-card-title{-webkit-line-clamp:2;text-align:left;-webkit-box-orient:vertical;min-width:0;font-size:.8rem;font-weight:600;line-height:1.2;display:-webkit-box;overflow:hidden}.task-card-quick-actions{flex:none;align-items:center;gap:.1rem;display:flex}.task-card-icon-button{border-radius:var(--radius-sm);font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;padding:0;font-family:Material Symbols Outlined;font-size:1rem;font-style:normal;font-weight:400;line-height:1;display:inline-flex}.task-card-icon-button:hover:not(:disabled),.task-card-icon-button:focus-visible{background:#0f172a14;border:0}.task-card-edit-button{color:gray}.task-card-edit{gap:var(--space-xs);flex-direction:column;display:flex}.task-card-edit input,.task-card-edit select{box-sizing:border-box;width:100%;font:inherit;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.25rem;font-size:.8rem}.task-card-edit-actions{gap:var(--space-xs);display:flex}.task-card-edit-actions button{padding:.2rem .45rem;font-size:.75rem}.task-card-project{min-width:0;color:var(--color-primary);align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;display:flex}.task-card-project span,.task-card-assignee span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.task-card-project-image{object-fit:contain;border-radius:var(--radius-sm);flex:none;width:1.375rem;height:1.375rem}.task-card-metadata{flex:auto;align-items:center;gap:.25rem;min-width:0;display:flex;overflow:hidden}.task-card-status-select{flex:0 8rem;min-width:0;max-width:8rem}.task-card-meta-separator{color:var(--color-text-muted);flex:none;font-size:.75rem}.task-card-assignee{min-width:0;color:var(--color-text-muted);align-items:center;gap:.1rem;font-size:.75rem;display:flex}.task-card-assignee-icon{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;flex:none;font-family:Material Symbols Outlined;font-size:.9rem;font-style:normal;font-weight:400;line-height:1}.task-card-description{color:var(--color-text-subtle);text-align:left;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;line-height:1;overflow:hidden}.task-card-delete{color:#b41b1b}.task-card-meta-row .priority-trigger{flex:none;width:1.5rem;height:1.5rem}.task-card-meta-row .priority-trigger .priority-flag{font-size:1rem}select:not([multiple]){appearance:none;height:28px;min-height:28px;max-height:28px;color:var(--color-text);cursor:pointer;font:inherit;background-color:#f3f3f3;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23888a8c' d='M1 1.5L6 6.5L11 1.5Z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:.75rem .5rem;border:1px solid #dedede;border-radius:.65rem;padding:.25rem 2.15rem .25rem .65rem;font-size:.875rem;line-height:1.2;transition:background-color .15s,border-color .15s,box-shadow .15s;box-shadow:inset 0 2px 5px #0f172a24,0 1px #fffc}input:not([type=file]):not([type=checkbox]):not([type=radio]){height:28px;min-height:28px;max-height:28px}#root input,#root select,#root textarea{font-size:12px}select:not([multiple]):has(option:checked:disabled){color:#9ca0a3}select:not([multiple]):hover:not(:disabled),select:not([multiple]):focus-visible{background-color:#f0f0f0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%236b6d6f' d='M1 1.5L6 6.5L11 1.5Z'/%3E%3C/svg%3E");border-color:#c8cacc;box-shadow:inset 0 2px 6px #0f172a2e,0 1px #ffffffd9}select:not([multiple]):disabled{color:#c4c6c8;cursor:not-allowed;opacity:1;background-color:#f5f5f5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23c8cacc' d='M1 1.5L6 6.5L11 1.5Z'/%3E%3C/svg%3E");border-color:#e3e3e3;box-shadow:inset 0 2px 5px #0f172a14}select:not([multiple]) option{background:var(--color-surface);color:var(--color-text)}.toast-container{bottom:var(--space-xl);right:var(--space-xl);gap:var(--space-sm);z-index:1000;flex-direction:column;max-width:360px;display:flex;position:fixed}.toast{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:#fff;font-size:.9rem;animation:.15s ease-out toast-in;display:flex}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast-error{background:var(--color-danger)}.toast-success{background:var(--color-success)}.toast-info{background:var(--color-primary)}.toast-dismiss{color:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-size:1rem;line-height:1}
