:root{--color-primary:#007bff;--color-primary-hover:#0056b3;--color-white:#fff;--color-danger:#dc3545;--font-family-primary:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:2.1rem;--font-weight-normal:400;--font-weight-semibold:600;--font-weight-bold:700 --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.375rem;--border-radius-lg:0.5rem;--shadow-sm:0 1px 2px #0000000d;--transition-base:0.2s ease;--z-modal:1050;--color-primary:#3653f8;--color-primary-hover:#1749b1;--color-danger:#e45757;--color-success:#2ecda7;--color-gray-bg:#f5f6fa;--color-gray-border:#e6e8ec;--color-gray-text:#384251;--color-muted:#9097a2;--color-primary:#2563eb;--color-gray-50:#f9fafb;--color-gray-100:#eceef1;--color-gray-300:#ced4da;--color-gray-400:#8b95a1;--color-gray-600:#495057;--color-gray-800:#232336;--color-background:#fefae0;--font-family-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif}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{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)}.task-card:hover .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{gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.column-title-wrapper{align-items:center;display:flex;flex:1 1;gap:var(--spacing-sm);min-width:0}.column-title{flex:1 1;margin:0;min-width: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);padding:var(--spacing-xs) var(--spacing-sm)}.column-actions{align-items:center}.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{background:var(--color-white);border:1px solid #edeef2;border-radius:12px;box-shadow:0 3px 12px #2c3e500f;display:flex;flex-direction:column;gap:1rem;min-width:350px;padding:1.2rem 1rem}.column:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-2px)}.column-header{align-items:center;border-bottom:2px solid #f1f3f6;display:flex;justify-content:space-between;margin-bottom:.5rem;padding-bottom:.7rem}.column-title{color:#334155;font-size:1.12rem;font-weight:600}.task-count{background:#f5f9ff;border-radius:12px;color:#2563eb;font-size:.9em;font-weight:500;min-width:1.75em;padding:.1em .7em;text-align:center}.tasks-list{display:flex;flex-direction:column;gap:.8rem}.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 #e5e7eb;border-top:1px solid var(--color-gray-200,#e5e7eb);flex-direction:column;margin-top:auto;padding-top:1rem;padding-top:var(--spacing-md,1rem)}.add-task,.add-task-btn{display:flex;gap:.25rem;gap:var(--spacing-xs,.25rem)}.add-task-btn{align-items:center;background:#f3f4f6;background:var(--color-gray-100,#f3f4f6);border:2px dashed #d1d5db;border:2px dashed var(--color-gray-300,#d1d5db);border-radius:.375rem;border-radius:var(--border-radius-md,.375rem);color:#65748b;color:var(--color-gray-600,#65748b);cursor:pointer;font-size:1rem;font-weight:500;justify-content:center;outline:none;padding:.5rem;padding:var(--spacing-sm,.5rem);transition:background .15s,border .16s,color .16s;width:100%}.add-task-btn:focus,.add-task-btn:hover{background-color:#008cba;border-color:--color-white;border-color:var(--color-primary,--color-white);color:#fff;outline:none}.add-task-input-wrapper{background:#f9fafb;background:var(--color-gray-50,#f9fafb);border:1.5px solid #e5e7eb;border:1.5px solid var(--color-gray-200,#e5e7eb);border-radius:.375rem;border-radius:var(--border-radius-md,.375rem);box-shadow:0 2px 8px #323c6408;box-shadow:var(--shadow-sm,0 2px 8px #323c6408);box-sizing:border-box;display:flex;flex-direction:column;gap:.25rem;gap:var(--spacing-xs,.25rem);padding:.5rem;padding:var(--spacing-sm,.5rem);width:100%}.add-task-input-wrapper input{background:#0000;border:none;font-size:1rem;outline:none;padding:.5rem 0;padding:var(--spacing-sm,.5rem) 0;width:100%}.add-task-actions{display:flex;gap:.25rem;gap:var(--spacing-xs,.25rem);margin-top:.25rem;margin-top:var(--spacing-xs,.25rem)}.column-actions{display:flex;gap:var(--spacing-xs)}.column-actions .icon{color:var(--color-gray-400);cursor:pointer;transition:color .2s}.column-actions .icon:hover{color:var(--color-primary)}.add-task-actions button{align-items:center;background-color:#3653f8;border:none;border-radius:var(--border-radius-lg);display:flex;height:1.875rem;justify-content:center;width:4.375rem}@media (max-width:768px){.add-column,.column{min-width:280px;width:80vw}.column,.tasks-list{-webkit-overflow-scrolling:touch}}.textarea-field{border:1px solid var(--color-gray-300);border-radius:var(--border-radius-sm);font-size:var(--font-size-base);padding:.5rem;resize:vertical;transition:border-color var(--transition-base);width:100%}.textarea-field:focus{border-color:var(--color-primary);outline: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}.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}@media (max-width:480px){.confirm-modal-content,.modal-content{max-width:95vw!important;width:95vw!important}}.add-column-card{background:#fffffff7;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}.board-container{background:var(--color-background);min-height:100vh;padding:var(--spacing-xl)}.board-header{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:var(--spacing-xl);text-align:center}.board-title{color:var(--color-gray-text);font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-sm)}.board-subtitle{color:var(--color-muted);font-size:var(--font-size-lg);font-weight:var(--font-weight-normal);margin-bottom:var(--spacing-lg)}.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-xl) 0}.add-column{background:#ffffffd9;border:1.5px solid var(--color-gray-border);border-radius:var(--border-radius-lg);box-shadow:0 8px 24px 0 #442aae1a;display:flex;flex-direction:column;gap:var(--spacing-md);margin-left:var(--spacing-lg);min-width:290px;padding:var(--spacing-lg)}.add-column input{background:#f5f5fff2;border:1px solid var(--color-gray-300);border-radius:var(--border-radius-sm);color:var(--color-gray-800);font-size:var(--font-size-base);margin-bottom:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:border-color .2s}.add-column input:focus{border-color:var(--color-primary);outline:none}.add-column input::placeholder{color:var(--color-gray-400)}.add-column button{margin-top:var(--spacing-sm)}@media (max-width:768px){.board-header{align-items:flex-start;flex-direction:column}.columns-wrapper{flex-wrap:nowrap;gap:var(--spacing-lg);overflow-x:auto;padding:var(--spacing-md) 0}}
/*# sourceMappingURL=main.ecb67ee9.css.map*/