:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.subtask-list[data-v-adc3ad89]{font-size:.875rem}.subtask-item[data-v-adc3ad89]{list-style:none;margin-bottom:var(--spacing-2);animation:fade-in-adc3ad89 .3s ease}@keyframes fade-in-adc3ad89{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.subtask-content[data-v-adc3ad89]{display:flex;justify-content:space-between;align-items:center}.subtask-title[data-v-adc3ad89]{display:flex;align-items:center;flex:1}.subtask-checkbox[data-v-adc3ad89]{margin-right:var(--spacing-2);accent-color:var(--color-primary)}.completed[data-v-adc3ad89]{text-decoration:line-through;color:var(--color-text-secondary)}.subtask-actions[data-v-adc3ad89]{display:flex;gap:var(--spacing-1);opacity:.5;transition:opacity .2s ease}.subtask-item:hover .subtask-actions[data-v-adc3ad89]{opacity:1}.subtask-edit[data-v-adc3ad89]{margin-bottom:var(--spacing-2)}.subtask-edit input[data-v-adc3ad89]{margin-bottom:var(--spacing-2);background-color:var(--color-surface);color:var(--color-text)}.subtask-edit-actions[data-v-adc3ad89]{display:flex;gap:var(--spacing-2)}.new-subtask[data-v-adc3ad89]{display:flex;gap:var(--spacing-2);margin-top:var(--spacing-3)}.btn-add-subtask[data-v-adc3ad89]{white-space:nowrap}.btn-sm[data-v-adc3ad89]{font-size:.75rem;padding:var(--spacing-1) var(--spacing-2)}.task-card[data-v-3094602c]{background-color:var(--color-card-bg);border-radius:var(--radius-sm);margin-bottom:var(--spacing-3);transition:all 1s ease;cursor:grab;width:100%}.delete-tip[data-v-3094602c]{color:var(--color-error);font-size:.85rem;margin-top:4px}.task-content[data-v-3094602c]{padding:var(--spacing-2)}.task-header[data-v-3094602c]{display:flex;justify-content:flex-start;align-items:center;padding-left:12px}.task-header h3[data-v-3094602c]{font-size:1rem;font-weight:500;word-break:break-word;margin-right:var(--spacing-2);margin-left:0;cursor:text;flex:1;text-align:left;display:flex;align-items:center;height:100%}.task-title-display[data-v-3094602c]{font-size:1rem;font-weight:500;margin:0;background:none;border:none;white-space:pre-wrap;word-break:break-word;font-family:inherit;cursor:text;flex:1;margin-right:var(--spacing-2);text-align:left;line-height:1.5;min-height:24px;display:block}.edit-title-input[data-v-3094602c]{flex:1;font-size:1rem;font-weight:500;padding:var(--spacing-2) var(--spacing-3);margin-right:var(--spacing-2);border:1px solid var(--color-primary);border-radius:var(--radius-sm);background-color:var(--color-surface);color:var(--color-text);resize:none;overflow:hidden;min-height:24px;width:100%;font-family:inherit;line-height:1.5;white-space:pre-wrap}.task-header[data-v-3094602c]{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--spacing-2)}.task-actions[data-v-3094602c]{display:flex;gap:var(--spacing-1);opacity:.5;transition:opacity 1s ease}.btn-icon[data-v-3094602c]{background:none;border:none;cursor:pointer;padding:var(--spacing-1);border-radius:var(--radius-sm);color:var(--color-text)}.btn-icon[data-v-3094602c]:hover{background-color:var(--color-hover)}.icon[data-v-3094602c]{font-size:.875rem}.task-details[data-v-3094602c]{margin-top:var(--spacing-3)}.progress-container[data-v-3094602c]{height:4px;background-color:#ffffff1a;border-radius:1px;overflow:hidden;margin-bottom:var(--spacing-2)}.progress-bar[data-v-3094602c]{height:100%;background-color:var(--color-primary);transition:width 1s ease}.subtask-summary[data-v-3094602c]{font-size:.75rem;color:var(--color-text-secondary);display:flex;justify-content:space-between;align-items:center}.btn-toggle[data-v-3094602c]{font-size:.75rem;padding:var(--spacing-1) var(--spacing-2);color:var(--color-primary);background-color:#bb86fc1a;border-radius:var(--radius-sm)}.delete-yellow[data-v-3094602c]{background-color:#ff9500!important;color:#333!important}.delete-red[data-v-3094602c]{background-color:red!important;color:#fff!important}.kanban-column[data-v-779e8831]{background-color:var(--color-surface);border-radius:var(--radius-md);border-top:4px solid var(--column-color);box-shadow:var(--shadow-sm);display:flex;padding-top:var(--spacing-3);flex-direction:column;width:100%;min-height:400px}.column-header[data-v-779e8831]{color:var(--column-color);margin:5px 0}.task-count[data-v-779e8831]{background-color:#3d3c3cbb;padding:0 8px;border-radius:2px;font-size:20px;color:var(--column-color);margin-left:4px}.task-list[data-v-779e8831]{flex:1;padding:var(--spacing-2)}.task-list[data-v-779e8831]::-webkit-scrollbar-thumb:hover{background-color:#ffffff4d}.new-task-container[data-v-602376fd]{margin-bottom:var(--spacing-6);max-width:600px;margin-left:auto;margin-right:auto}.new-task-input[data-v-602376fd]{width:100%;padding:var(--spacing-3);border:2px solid var(--color-primary);border-radius:var(--radius-md);font-size:1rem;transition:all .2s ease;background-color:var(--color-surface);color:var(--color-text);resize:vertical}.new-task-input[data-v-602376fd]:focus{outline:none;box-shadow:0 0 0 3px #bb86fc33}.new-task-input[data-v-602376fd]::placeholder{color:var(--color-text-secondary)}.kanban-board[data-v-a35568ec]{display:grid;grid-template-columns:repeat(3,350px);gap:var(--spacing-4);padding:var(--spacing-4);margin-bottom:var(--spacing-8)}:root{--color-bg: #121212;--color-surface: #1e1e1e;--color-text: #e0e0e0;--color-text-secondary: #a0a0a0;--color-primary: #bb86fc;--color-primary-variant: #3700b3;--color-wip: #03dac6;--color-done: #4caf50;--color-error: #cf6679;--color-border: #333333;--color-card-bg: #2d2d2d;--color-hover: rgba(255, 255, 255, .08);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .5);--shadow-md: 0 4px 6px rgba(0, 0, 0, .6);--radius-sm: 4px;--radius-md: 8px;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-6: 24px;--spacing-8: 32px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Roboto,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;line-height:1.5;background-color:var(--color-bg);color:var(--color-text)}.app-container{max-width:1200px;margin:0 auto;padding:var(--spacing-4)}header{padding:var(--spacing-6) 0;text-align:center}h1{font-size:2rem;font-weight:500;margin-bottom:var(--spacing-4);color:var(--color-primary)}button{cursor:pointer;background:none;border:none;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-sm);font-weight:500;transition:all .2s ease}.btn-primary{background-color:var(--color-primary);color:#121212}.btn-primary:hover{background-color:var(--color-primary-variant);color:#fff}.btn-secondary{background-color:#ffffff1a;color:var(--color-text)}.btn-secondary:hover{background-color:#ffffff26}.btn-danger{background-color:var(--color-error);color:#fff}.btn-danger:hover{opacity:.9}input,textarea{width:100%;padding:var(--spacing-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:inherit;font-size:.875rem;background-color:var(--color-surface);color:var(--color-text)}input:focus,textarea:focus{outline:2px solid var(--color-primary);outline-offset:1px}