:root{--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-light:#2563eb1a;--color-danger:#e45757;--color-danger-hover:#c0392b;--color-success:#2ecda7;--color-white:#fff;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-gray-text:#374151;--color-gray-muted:#9ca3af;--color-gray-border:#e5e7eb;--color-background:#f0f4ff;--color-surface:#fff;--font-family-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-weight-normal:400;--font-weight-semibold:600;--font-weight-bold:700;--line-height-normal:1.5;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--border-radius-sm:0.25rem;--border-radius-md:0.5rem;--border-radius-lg:0.75rem;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--transition-base:0.2s ease;--z-modal:1050}[data-theme=dark]{--color-primary:#60a5fa;--color-primary-hover:#3b82f6;--color-primary-light:#60a5fa1a;--color-danger:#f87171;--color-danger-hover:#ef4444;--color-success:#34d399;--color-white:#1f2937;--color-gray-50:#111827;--color-gray-100:#1f2937;--color-gray-200:#374151;--color-gray-300:#4b5563;--color-gray-400:#9ca3af;--color-gray-500:#d1d5db;--color-gray-600:#e5e7eb;--color-gray-700:#f3f4f6;--color-gray-800:#f9fafb;--color-gray-900:#fff;--color-gray-text:#e5e7eb;--color-gray-muted:#6b7280;--color-gray-border:#374151;--color-background:#0f172a;--color-surface:#1e293b;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #0006}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.btn{background-color:var(--color-primary);border:none;border-radius:var(--border-radius-md);color:var(--color-white);cursor:pointer;font-size:var(--font-size-base);padding:.5rem 1rem;transition:background-color var(--transition-base)}.btn:disabled{cursor:not-allowed;opacity:.6}.btn:hover:not(:disabled){background-color:var(--color-primary-hover)}.input{border:1px solid var(--color-gray-300);border-radius:var(--border-radius-sm);font-size:var(--font-size-base);padding:.5rem;transition:border-color var(--transition-base);width:100%}.input:focus{border-color:var(--color-primary);outline:none}.icon{color:var(--color-gray-600);display:inline-flex;height:1.25rem;width:1.25rem}.icon--clickable{cursor:pointer}.icon:focus{outline:2px solid var(--color-primary);outline-offset:2px}.typography-h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.typography-h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.typography-body{font-size:var(--font-size-base);font-weight:var(--font-weight-normal)}.task-card{animation:fadeInUp .25s ease-out both;border:1px solid var(--color-gray-border);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-sm);padding:var(--spacing-md);position:relative;transition:transform var(--transition-base),box-shadow var(--transition-base),background var(--transition-base),border-color var(--transition-base)}.task-card,.task-card:hover{background:var(--color-white);cursor:pointer}.task-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.task-card:before{background:var(--color-primary);border-radius:var(--border-radius-sm) 0 0 var(--border-radius-sm);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity var(--transition-base);width:4px}.task-card:hover:before{opacity:1}.task-card--dragging{background:var(--color-gray-50);border-color:var(--color-primary);box-shadow:var(--shadow-md);opacity:.6;transform:rotate(2deg)}.task-card-header{align-items:flex-start;display:flex;gap:var(--spacing-sm);justify-content:space-between;margin-bottom:var(--spacing-sm)}.task-title{color:var(--color-gray-text);flex:1 1;font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);margin:0;word-break:break-word}.task-actions{display:flex;flex-shrink:0;gap:var(--spacing-sm);opacity:0;transition:opacity var(--transition-base)}@media (hover:hover){.task-card:hover .task-actions{opacity:1}}@media (hover:none){.task-actions{opacity:1}}.icon-wrapper{padding:0}.task-meta{align-items:center;border-top:1px solid var(--color-gray-border);display:flex;justify-content:space-between;margin-top:var(--spacing-sm);padding-top:var(--spacing-sm)}.task-date{color:var(--color-gray-muted)}.comment-count,.task-date{font-size:var(--font-size-xs)}.comment-count{align-items:center;background:#2563eb1a;border-radius:var(--border-radius-sm);color:var(--color-gray-600);display:flex;gap:var(--spacing-sm);padding:calc(var(--spacing-xs)/2) var(--spacing-sm)}.comment-count span{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.column-header{justify-content:space-between;margin-bottom:var(--spacing-sm)}.column-header,.column-title-wrapper{align-items:center;display:flex;gap:var(--spacing-sm)}.column-title,.column-title-wrapper{flex:1 1;min-width:0}.column-title{margin:0}.column-title-text{background:none;border:none;color:var(--color-gray-text);cursor:text;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.column-title-text:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.column-rename-input{background:#0000;border:none;box-sizing:border-box;color:var(--color-gray-text);flex:1 1;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);max-width:100%;min-width:0;padding:0}.task-count{background:var(--color-gray-50);border-radius:var(--border-radius-md);color:var(--color-primary);flex-shrink:0;font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-weight:var(--font-weight-normal);margin-left:var(--spacing-xs);min-width:1.75em;padding:var(--spacing-xs) var(--spacing-sm);text-align:center}.column-actions{align-items:center;display:flex;gap:var(--spacing-xs)}.column-actions Button{padding:var(--spacing-xs)}.column-actions Button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.column-title button{cursor:pointer}.column-title button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.icon-wrapper{align-items:center;background:none;border:none;color:var(--color-gray-400);display:inline-flex;justify-content:center;padding:var(--spacing-xs);transition:color var(--transition-base)}.icon-wrapper:focus-visible,.icon-wrapper:hover{color:var(--color-primary);outline:none}.icon-wrapper:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.column{animation:fadeInUp .3s ease-out both;background:var(--color-surface);border:1px solid var(--color-gray-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:var(--spacing-md);max-width:360px;min-width:320px;padding:var(--spacing-lg);transition:all var(--transition-base)}.column:hover{box-shadow:var(--shadow-lg)}.tasks-list{display:flex;flex-direction:column;gap:var(--spacing-sm);min-height:40px}.tasks-list::-webkit-scrollbar{width:4px}.tasks-list::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:2px}.tasks-list::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:2px}.add-task{border-top:1px solid var(--color-gray-border);margin-top:auto;padding-top:var(--spacing-md)}.add-task-btn{align-items:center;background:var(--color-gray-100);border:2px dashed var(--color-gray-300);border-radius:var(--border-radius-md);color:var(--color-gray-500);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:500;gap:var(--spacing-xs);justify-content:center;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-base);width:100%}.add-task-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.add-task-input-wrapper{background:var(--color-gray-50);border:1.5px solid var(--color-gray-border);border-radius:var(--border-radius-md);display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm)}.add-task-input-wrapper input{background:#0000;border:none;color:var(--color-gray-800);font-size:var(--font-size-base);outline:none;padding:var(--spacing-sm) 0}.add-task-actions{display:flex;gap:var(--spacing-xs)}@media (max-width:768px){.column{max-width:none;min-width:280px}}.textarea{background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-sm);color:var(--color-gray-800);font-size:var(--font-size-base);padding:.5rem;resize:vertical;transition:border-color var(--transition-base);width:100%}.textarea:focus{border-color:var(--color-primary);outline:none}.comment-section{margin-top:var(--spacing-sm)}.comment-input-card,.comment-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.comment-input{background:var(--color-gray-50);border:1px solid var(--color-gray-border);border-radius:var(--border-radius-sm);color:var(--color-gray-text);font-size:var(--font-size-base);outline:none;padding:var(--spacing-sm);resize:vertical;transition:border-color var(--transition-base),box-shadow var(--transition-base);width:100%}.comment-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb40}.comment-actions{display:flex;gap:var(--spacing-xs);justify-content:flex-end}.comment-list{gap:var(--spacing-sm);max-height:200px;overflow-y:auto;padding-right:2px}.comment-entry,.comment-list{display:flex;flex-direction:column}.comment-entry{background:var(--color-white);border:1px solid var(--color-gray-100);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-sm);gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md)}.comment-meta{align-items:center;color:var(--color-gray-400);display:flex;flex-direction:row;font-size:.875rem;font-size:var(--font-size-sm,.875rem);gap:var(--spacing-xs);justify-content:space-between;padding-bottom:var(--spacing-sm)}.comment-author{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.comment-time{margin-left:var(--spacing-xs)}.comment-body{color:var(--color-gray-text);line-height:var(--line-height-normal);word-break:break-word}.comment-body,.comment-empty{font-size:var(--font-size-base)}.comment-empty{color:var(--color-muted);opacity:.6;padding:var(--spacing-sm);text-align:center}.comment-btn{flex-direction:row}.comment-actions button,.comment-btn{align-items:center;border-radius:2rem;display:flex;height:1.875rem;justify-content:center;width:4.375rem}.comment-input{width:auto}.comment-edit-input{flex:1 1}.comment-actions button:focus-visible,.comment-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.comment-edit-form{display:flex;gap:var(--spacing-xs)}.comment-action-wrapper{align-items:center;justify-content:space-between}.comment-action-wrapper,.comment-meta-details{display:flex;flex-direction:row;gap:var(--spacing-sm)}:root{--modal-width:480px;--modal-max-width:94vw;--modal-bg:var(--color-white)}.modal-backdrop{align-items:center;background:#0000008a;display:flex;inset:0;justify-content:center;position:fixed;z-index:var(--z-modal)}.modal-content{background:var(--color-white);background:var(--modal-bg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg),var(--shadow-sm);display:flex;flex-direction:column;gap:var(--spacing-lg);max-height:90vh;max-width:94vw;max-width:var(--modal-max-width);overflow-y:auto;padding:var(--spacing-xl);position:relative;width:480px;width:var(--modal-width)}.modal-content-view{max-height:80vh;min-height:340px}.modal-content-edit{max-height:60vh;min-height:230px}.modal-header{align-items:center;border-bottom:1.5px solid var(--color-gray-100);display:flex;flex-direction:row;justify-content:space-between;padding-bottom:var(--spacing-sm)}.modal-title{color:var(--color-gray-800);font-size:1.4rem;font-size:var(--font-size-xl,1.4rem);font-weight:var(--font-weight-semibold);letter-spacing:.01em}.modal-close-btn{background:none;border:none;color:var(--color-gray-400);cursor:pointer;font-size:2rem;font-size:var(--font-size-xxl,2rem);line-height:1;opacity:.75;padding:0 var(--spacing-xs);transition:color var(--transition-base),opacity var(--transition-base)}.modal-close-btn:focus-visible,.modal-close-btn:hover{color:var(--color-primary);opacity:1;outline:none}.modal-body{display:flex;flex-direction:column;gap:var(--spacing-md)}.task-input,.task-textarea{border:none;outline:none;transition:border-color var(--transition-base);width:100%}.task-input{background:#0000;border-bottom:2px solid var(--color-primary);color:var(--color-gray-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs);padding:var(--spacing-sm) 0 calc(var(--spacing-xs)/2) 0}.task-input:focus{border-bottom-color:var(--color-primary-hover)}.task-textarea{background:var(--color-gray-50);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-sm);color:var(--color-gray-text);line-height:var(--line-height-normal);margin-bottom:var(--spacing-xs);min-height:80px;padding:var(--spacing-sm);resize:vertical}.comments-label,.task-textarea{font-size:var(--font-size-base)}.comments-label{color:var(--color-gray-600);font-weight:var(--font-weight-semibold);letter-spacing:.02em;margin:var(--spacing-sm) 0}.modal-footer{border-top:1px solid var(--color-gray-100);display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-sm);padding-top:var(--spacing-md)}.task-details-title{font-size:1.13rem;font-weight:var(--font-weight-bold);margin-bottom:.375rem}.task-details-header{align-items:center;display:flex;gap:var(--spacing-md);justify-content:space-between}.task-details-desc{color:#555;min-height:1.5em}.no-description-label{color:#aaa}.add-column-card{background:var(--color-surface);border:2px dashed var(--color-gray-300);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;max-width:320px;min-width:280px;padding:var(--spacing-md) var(--spacing-sm)}.add-column-placeholder{color:var(--color-gray-500);cursor:pointer;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);opacity:.65;transition:opacity .12s;-webkit-user-select:none;user-select:none}.add-column-placeholder:hover{color:var(--color-primary);opacity:1}.add-column-title.editing,.add-column-title:focus{background:#0000;border-bottom:1px dashed var(--color-primary);color:var(--color-gray-700);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);outline:none;padding-bottom:2px}.add-column-title:empty:not(.editing):before{color:var(--color-gray-400);content:attr(data-placeholder);font-style:italic;opacity:.7;pointer-events:none}.confirm-modal-content{background:var(--color-white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--spacing-lg);margin:0 auto;max-width:98vw;padding:var(--spacing-xl);position:relative;width:340px}.btn-danger{align-items:center;color:var(--color-white);display:flex;flex-direction:row;gap:var(--spacing-sm);justify-content:center}.modal-body{margin-top:1.5rem}@media (max-width:480px){.confirm-modal-content,.modal-content{max-width:95vw!important;width:95vw!important}}.board-container{background:var(--color-background);min-height:100vh;padding:var(--spacing-xl);transition:background var(--transition-base)}.board-header{align-items:flex-start;display:flex;justify-content:space-between;margin:0 auto var(--spacing-xl);max-width:1400px}.board-title{color:var(--color-gray-800);font-size:var(--font-size-2xl);font-weight:700;line-height:1.2;margin:0}.board-subtitle{color:var(--color-gray-500);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);margin-top:var(--spacing-xs)}.theme-toggle{background:var(--color-surface);border:1px solid var(--color-gray-border);border-radius:var(--border-radius-md);cursor:pointer;flex-shrink:0;font-size:1.25rem;line-height:1;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-base)}.theme-toggle:hover{background:var(--color-primary-light);border-color:var(--color-primary)}.columns-wrapper{-webkit-overflow-scrolling:touch;align-items:flex-start;display:flex;flex-direction:row;gap:var(--spacing-xl);min-width:100%;overflow-x:auto;padding:var(--spacing-md) 0}@media (max-width:768px){.board-container{padding:var(--spacing-md)}.board-title{font-size:var(--font-size-xl)}.columns-wrapper{gap:var(--spacing-lg)}}
/*# sourceMappingURL=main.37ee47ac.css.map*/