:root{--brand-espresso:#2b1017;--brand-coral:#ff6a4a;--brand-amber:#f5b041;--brand-sage:#6ba368;--brand-taupe:#8a7773;--brand-cream:#fff6ed;--brand-card:#fffcf6;--brand-line:#e8d9c6;--bg-color:var(--brand-cream);--text-color:var(--brand-espresso);--text-muted:var(--brand-taupe);--column-bg:var(--brand-card);--task-bg:#fffaf3;--border-color:var(--brand-line);--primary-color:var(--brand-coral);--secondary-color:#e85a3c;--accent-color:var(--brand-coral);--danger-color:#e84a4a;--warning-color:var(--brand-amber);--info-color:#5b8fc7;--spacing-sm:8px;--spacing-md:15px;--spacing-lg:20px;--border-radius:12px;--box-shadow:0 2px 8px #2b10170f;--box-shadow-hover:0 4px 14px #2b10171a;--overdue-color:#e84a4a;--due-soon-color:#e8923c;--due-near-color:var(--brand-amber);--priority-low:var(--brand-taupe);--priority-medium:#5b8fc7;--priority-high:var(--brand-amber);--priority-urgent:var(--brand-coral);--label-bg:#f3e7d8;--label-text:var(--brand-espresso)}.dark-mode{--bg-color:#1f0d12;--text-color:#fff6ed;--text-muted:#b9a6a0;--column-bg:#2d151c;--task-bg:#3a1f27;--border-color:#4a2f37;--primary-color:var(--brand-coral);--secondary-color:#ff7f62;--accent-color:var(--brand-coral);--danger-color:#ff7b7b;--warning-color:var(--brand-amber);--info-color:#7eb3e8;--overdue-color:#ff8a80;--due-soon-color:#ffb74d;--due-near-color:#ffd54f;--priority-low:#8a7773;--priority-medium:#64b5f6;--priority-high:#ffd54f;--priority-urgent:#ff8a80;--label-bg:#4a2f37;--label-text:#fff6ed;--box-shadow:0 2px 8px #00000040;--box-shadow-hover:0 4px 14px #00000059}body{background:radial-gradient(circle at top right, #f5b04124, transparent 30%), var(--bg-color);color:var(--text-color);min-height:100vh;margin:0;padding:20px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;transition:background-color .3s,color .3s}.dark-mode body{background:var(--bg-color)}header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color);flex-wrap:wrap;display:flex}.jello-brand{flex-shrink:0;align-items:center;gap:10px;display:flex}.jello-mark{align-items:center;line-height:1;display:flex}.jello-brace{color:var(--brand-coral);font-family:Georgia,Times New Roman,serif;font-size:1.5rem;font-weight:600}.jello-icon{width:1.5rem;height:1.5rem;color:var(--brand-espresso)}.jello-icon-fill{fill:var(--brand-amber)}.jello-icon-dot{fill:var(--brand-coral)}.dark-mode .jello-icon{color:var(--brand-cream)}.jello-word{letter-spacing:-.02em;color:var(--text-color);white-space:nowrap;font-size:1.05rem;font-weight:600}.jello-word-sub{color:var(--text-muted);font-weight:500}.title-container{align-items:center;gap:var(--spacing-sm);flex:1;min-width:200px;display:flex}.title-container h1{color:var(--text-color);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.5rem;font-weight:700;overflow:hidden}.title-container h1:focus{outline:2px solid var(--primary-color);background-color:var(--column-bg);border-radius:var(--border-radius);padding:2px 5px}.edit-title-btn{cursor:pointer;color:var(--text-color);opacity:.7;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:none}.title-container:hover .edit-title-btn{display:inline-flex}.edit-title-btn:hover{opacity:1}.header-actions{gap:var(--spacing-sm);flex-wrap:wrap;align-items:center;display:flex}.search-container{background-color:var(--column-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-sm);margin-right:var(--spacing-sm);align-items:center;display:flex}.search-container input{color:var(--text-color);background:0 0;border:none;width:150px;transition:width .3s}.search-container input:focus{outline:none;width:200px}#clearSearchBtn{cursor:pointer;color:var(--text-color);opacity:.7;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}#clearSearchBtn:hover{opacity:1}.header-btn{background-color:var(--column-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-sm);cursor:pointer;min-width:36px;min-height:36px;box-shadow:var(--box-shadow);color:var(--text-color);justify-content:center;align-items:center;transition:background-color .2s,transform .2s;display:inline-flex}.header-btn--ghost{box-shadow:none;background:0 0;border:none;min-width:28px;min-height:28px;padding:2px}.header-btn:hover{background-color:var(--bg-color);transform:scale(1.05)}.header-btn:disabled{opacity:.5;cursor:not-allowed}.add-column-btn{background-color:var(--primary-color);color:#fff;cursor:pointer;width:40px;height:40px;box-shadow:var(--box-shadow);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .2s,transform .2s;display:inline-flex}.add-column-btn .jello-ui-icon{color:#fff}.jello-ui-icon{pointer-events:none;flex-shrink:0;width:18px;height:18px;display:block}.jello-ui-icon--sm{width:14px;height:14px}.add-column-btn:hover{background-color:var(--secondary-color);transform:scale(1.05)}.kanban-board{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);width:100%;display:flex;overflow-x:auto}.column{background-color:var(--column-bg);border-radius:var(--border-radius);min-width:280px;box-shadow:var(--box-shadow);padding:var(--spacing-md);touch-action:none;flex:1 0 280px;transition:transform .2s,opacity .2s,box-shadow .2s}.column:hover{box-shadow:var(--box-shadow-hover)}.column.drop-before:before{content:"";background-color:var(--primary-color);width:4px;position:absolute;top:0;bottom:0;left:0}.column.drop-after:after{content:"";background-color:var(--primary-color);width:4px;position:absolute;top:0;bottom:0;right:0}.column.dragging-column{opacity:.5;z-index:1000;transform:scale(.98);box-shadow:0 4px 12px #0000004d}.column-header{margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.column-header h2{color:var(--text-color);letter-spacing:-.01em;-webkit-user-select:none;user-select:none;margin:0;font-size:1rem;font-weight:600}.column-toolbar{border:1px solid var(--border-color);background:var(--bg-color);border-radius:999px;align-items:center;gap:2px;padding:2px;display:inline-flex}.column-action-btn{width:28px;height:28px;color:var(--text-muted,var(--text-color));cursor:pointer;opacity:.85;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;transition:background-color .15s,color .15s,opacity .15s;display:inline-flex}.column-action-btn:hover{opacity:1;background:var(--column-bg);color:var(--primary-color)}.column-action-btn--danger:hover{color:var(--danger-color)}.drag-handle{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.drag-handle:active{cursor:grabbing}.drag-handle[aria-grabbed=true]{opacity:1;color:var(--primary-color);background:var(--column-bg)}.tasks{min-height:100px;margin-bottom:var(--spacing-sm);max-height:60vh;padding-right:var(--spacing-sm);overflow-y:auto}.tasks.drop-target{border:2px dashed var(--primary-color);background-color:#ff6a4a14;min-height:50px}.column-input{align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm);border:1px solid var(--border-color);background:var(--bg-color);border-radius:999px;padding:4px;display:flex}.column-input input{min-width:0;color:var(--text-color);background:0 0;border:none;border-radius:999px;flex:1;padding:8px 12px}.column-input input:focus{outline:none}.column-add-btn{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:background-color .2s,transform .2s;display:inline-flex}.column-add-btn:hover{background-color:var(--secondary-color);transform:scale(1.04)}.column-add-btn .jello-ui-icon{color:#fff}.task{background-color:var(--task-bg);margin:var(--spacing-sm) 0;border:1px solid var(--border-color);cursor:pointer;box-shadow:none;-webkit-user-select:none;user-select:none;border-left:3px solid #0000;border-radius:14px;padding:12px 36px 12px 12px;transition:background-color .2s,border-color .2s,box-shadow .2s;display:block;position:relative}.task-body{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.task-title{color:var(--text-color);font-weight:600;line-height:1.35}.task:hover{background-color:var(--bg-color);border-color:color-mix(in srgb, var(--primary-color) 25%, var(--border-color));transform:none;box-shadow:0 4px 14px #2b10170f}.task.dragging{opacity:.5;z-index:1000;transform:scale(.95);box-shadow:0 0 10px #ff6a4a59}.task.priority-low{border-left-color:var(--priority-low)}.task.priority-medium{border-left-color:var(--priority-medium)}.task.priority-high{border-left-color:var(--priority-high)}.task.priority-urgent{border-left-color:var(--priority-urgent)}.task-deadline{margin-top:var(--spacing-sm);font-size:.8em;font-style:italic}.task-deadline.overdue{color:var(--overdue-color);font-weight:700}.task-deadline.due-soon{color:var(--due-soon-color)}.task-deadline.due-near{color:var(--due-near-color)}.task-progress{color:var(--info-color);margin-top:var(--spacing-sm);font-size:.8em;font-style:italic}.task-labels{margin-top:var(--spacing-sm);flex-wrap:wrap;gap:4px;width:100%;display:flex}.task-label{background-color:var(--label-bg);color:var(--label-text);letter-spacing:.02em;white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:.68rem;font-weight:600}.task-source-link{margin-top:var(--spacing-xs);color:var(--brand-coral);align-items:center;gap:.25rem;font-size:.72em;font-weight:600;text-decoration:none;display:inline-flex}.task-source-link:hover{text-decoration:underline}.delete-btn{width:24px;height:24px;color:var(--text-muted,var(--text-color));cursor:pointer;opacity:0;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;transition:opacity .15s,background-color .15s,color .15s;display:inline-flex;position:absolute;top:8px;right:8px}.task:hover .delete-btn,.task:focus-within .delete-btn{opacity:1}.delete-btn:hover{background-color:color-mix(in srgb, var(--danger-color) 12%, transparent);color:var(--danger-color)}.modal{border-radius:var(--border-radius);box-shadow:var(--box-shadow-hover);background-color:var(--column-bg);width:90%;max-width:500px;color:var(--text-color);border:none;margin:auto;padding:0;transition:opacity .3s,transform .3s}.modal::backdrop{background-color:#00000080}.modal-content{padding:var(--spacing-lg)}.modal-content h2{color:var(--text-color);margin-top:0}.form-group{margin-bottom:var(--spacing-md)}.form-group label{margin-bottom:var(--spacing-sm);color:var(--text-color);font-weight:700;display:block}.form-group input,.form-group textarea,.form-group select{width:100%;padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--column-bg);color:var(--text-color)}.form-actions{justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-md);display:flex}.form-actions button{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);cursor:pointer;border:none;transition:background-color .2s}#saveTaskBtn,#saveColumnBtn{background-color:var(--primary-color);color:#fff}#saveTaskBtn:hover,#saveColumnBtn:hover{background-color:var(--secondary-color)}.cancel-btn{background-color:var(--danger-color);color:#fff}.cancel-btn:hover{background-color:#c00}#checklistContainer{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm);width:100%}.subtask-item{width:100%;margin-bottom:var(--spacing-sm);padding:var(--spacing-sm);background-color:var(--bg-color);border-radius:var(--border-radius);align-items:center;display:flex}.subtask-item input[type=checkbox]{margin-right:var(--spacing-sm);cursor:pointer;flex-shrink:0;width:16px;height:16px}.subtask-item input[type=text]{padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--column-bg);color:var(--text-color);margin-right:var(--spacing-sm);flex:1}.subtask-item .delete-subtask{background-color:var(--danger-color);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:background-color .2s;display:inline-flex}.subtask-item .delete-subtask:hover{background-color:#c00}.subtask-btn{background-color:var(--primary-color);color:#fff;border-radius:var(--border-radius);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;margin-top:var(--spacing-sm);border:none;width:auto;transition:background-color .2s}.subtask-btn:hover{background-color:var(--secondary-color)}.labels-container{gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);flex-wrap:wrap;display:flex}.label-item{background-color:var(--label-bg);border-radius:10px;align-items:center;padding:2px 8px;font-size:.9em;display:flex}.label-item input[type=text]{color:var(--label-text);background:0 0;border:none;flex:1;width:auto;padding:2px}.label-item input[type=text]:focus{outline:2px solid var(--primary-color);outline-offset:1px}.label-item .delete-label{color:var(--text-color);cursor:pointer;opacity:.7;background:0 0;border:none;margin-left:4px;transition:opacity .2s}.label-item .delete-label:hover{opacity:1}.label-input{gap:var(--spacing-sm);margin-top:var(--spacing-sm);display:flex}.label-input input{padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--column-bg);color:var(--text-color);flex:1}.markdown-toggle{margin-bottom:var(--spacing-sm);gap:var(--spacing-sm);display:flex}.markdown-toggle button{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);background:var(--bg-color);cursor:pointer;border-radius:var(--border-radius);color:var(--text-color);font-size:.9em;transition:background-color .2s,color .2s}.markdown-toggle button.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.markdown-preview{padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--column-bg);min-height:80px;max-height:200px;color:var(--text-color);overflow-y:auto}.markdown-preview p{margin-top:0}.markdown-preview ul{padding-left:var(--spacing-lg)}.toast{background-color:var(--column-bg);color:var(--text-color);padding:var(--spacing-md);border-radius:var(--border-radius);box-shadow:var(--box-shadow-hover);opacity:0;z-index:2000;max-width:300px;transition:transform .3s,opacity .3s;position:fixed;bottom:20px;right:20px;transform:translateY(100px)}.toast.show{opacity:1;transform:translateY(0)}.toast.error{background-color:var(--danger-color);color:#fff}.toast.success{background-color:var(--brand-sage);color:#fff}@media (max-width:768px){header{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}.title-container{width:100%;margin-top:var(--spacing-sm)}.header-actions{width:100%;margin-top:var(--spacing-sm);justify-content:flex-start}.search-container{width:100%;margin-right:0;margin-bottom:var(--spacing-sm)}.search-container input{width:100%}.kanban-board{gap:var(--spacing-md);flex-direction:column}.column{min-width:100%}.modal{width:95%}}@media (max-width:400px){.jello-word{display:none}.edit-title-btn{display:none!important}.header-actions{gap:5px}.header-btn{padding:5px;font-size:1em}}button:focus,input:focus,textarea:focus,select:focus,[contenteditable=true]:focus{outline:2px solid var(--primary-color);outline-offset:2px}@keyframes modalOpen{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal[open]{animation:.3s modalOpen}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.toast.show{animation:.3s forwards toastSlideIn}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-color);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-color)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.task-actions{align-items:center;gap:4px;display:flex;position:absolute;top:8px;right:8px}.task-move{position:relative}.task-move-btn{border:1px solid var(--border-color);background:var(--brand-card);width:24px;height:24px;color:var(--text-color);cursor:pointer;border-radius:8px;font-size:12px}.task-move-select-wrap{z-index:5;position:absolute;top:calc(100% + 4px);right:0}.task-move-select{border:1px solid var(--border-color);background:var(--brand-card);min-width:140px;font:inherit;color:var(--text-color);border-radius:10px;padding:6px 8px}.task-actions .delete-btn{position:static}.kanban-board--loading{pointer-events:none}.column-skeleton{opacity:.7}.jello-skeleton-line,.jello-skeleton-block{background:linear-gradient(90deg, color-mix(in srgb, var(--border-color) 45%, transparent) 0%, color-mix(in srgb, var(--border-color) 85%, transparent) 50%, color-mix(in srgb, var(--border-color) 45%, transparent) 100%);background-size:200% 100%;border-radius:999px;animation:1.4s ease-in-out infinite jello-loading-shimmer;display:block}.jello-skeleton-line-md{width:60%;height:14px}.jello-skeleton-block{height:56px;margin:var(--spacing-sm) 0;border-radius:14px}@keyframes jello-loading-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.jello-skeleton-line,.jello-skeleton-block{animation:none}}
.jellebuilds-back{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px;font-size:11px;font-weight:600;text-decoration:none;display:inline-block}.jellebuilds-back:hover{color:var(--accent-color)}.jello-topbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:12px 20px 0;display:flex}.jello-lang-toggle{border:1px solid var(--border-color);background:var(--brand-card);border-radius:999px;align-items:center;gap:4px;padding:3px;display:inline-flex}.jello-lang-toggle button{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600}.jello-lang-toggle button[aria-pressed=true]{background:var(--brand-coral);color:var(--brand-cream)}