:root{--bg-primary: #0a0a0a;--bg-secondary: #141414;--bg-tertiary: #1f1f1f;--bg-elevated: #262626;--text-primary: #fafafa;--text-secondary: #a1a1a1;--text-muted: #525252;--border-default: #262626;--border-hover: #404040;--border-focus: #fafafa;--error: #ef4444;--success: #22c55e;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .6);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg-primary)}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;letter-spacing:-.02em;color:var(--text-primary)}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.125rem}a{color:var(--text-primary);text-decoration:none;transition:color .15s ease}a:hover{color:var(--text-secondary)}button{font-family:inherit;font-size:.875rem;font-weight:500;cursor:pointer;border:none;border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);background:var(--bg-tertiary);color:var(--text-primary);transition:all .15s ease}button:hover:not(:disabled){background:var(--bg-elevated)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible{outline:2px solid var(--text-primary);outline-offset:2px}input,select,textarea{font-family:inherit;font-size:.875rem;color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-3);transition:all .15s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--text-primary)}input::placeholder{color:var(--text-muted)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.export-panel{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-5);margin-top:var(--space-6)}.export-panel h3{margin:0 0 var(--space-4) 0;font-size:.875rem;font-weight:600;color:var(--text-primary)}.export-options{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-4)}.export-option{display:flex;flex-direction:column;gap:var(--space-1)}.export-option label{font-size:.75rem;color:var(--text-secondary)}.export-option select,.export-option input[type=date]{padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--text-primary);font-size:.875rem}.export-option select:focus,.export-option input[type=date]:focus{outline:none;border-color:var(--text-primary)}.export-checkbox{display:flex;align-items:center;gap:var(--space-2);font-size:.875rem;color:var(--text-secondary);cursor:pointer;align-self:flex-end;padding-bottom:var(--space-2)}.export-generate-btn{width:100%;padding:var(--space-3);background:var(--text-primary);color:var(--bg-primary);border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.export-generate-btn:hover{opacity:.9}.export-generate-btn:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}.export-error{color:var(--error);font-size:.875rem;margin-top:var(--space-2)}.export-preview-container{margin-top:var(--space-4)}.export-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.export-preview-header span{font-size:.75rem;color:var(--text-secondary)}.export-copy-btn{padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:.75rem;cursor:pointer;transition:all .15s ease}.export-copy-btn:hover{background:var(--bg-elevated)}.export-copy-btn.success{background:var(--success);border-color:var(--success);color:var(--bg-primary)}.export-preview{background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-4);margin:0;font-family:SF Mono,Monaco,Menlo,monospace;font-size:.8125rem;line-height:1.5;white-space:pre-wrap;word-break:break-word;color:var(--text-secondary);max-height:300px;overflow-y:auto}.settings-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:flex-start;padding-top:100px;z-index:1000}.settings-panel{background:var(--bg-secondary, #141414);border:1px solid var(--border-default, #262626);border-radius:12px;width:100%;max-width:400px;box-shadow:0 8px 32px #00000080}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-default, #262626)}.settings-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary, #fafafa)}.settings-close{background:none;border:none;font-size:1.5rem;color:var(--text-secondary, #a1a1a1);cursor:pointer;padding:0;line-height:1}.settings-close:hover{color:var(--text-primary, #fafafa)}.settings-content{padding:20px}.settings-loading{padding:40px 20px;text-align:center;color:var(--text-secondary, #a1a1a1)}.setting-item{display:flex;flex-direction:column;gap:8px}.setting-item label{font-size:.875rem;font-weight:500;color:var(--text-secondary, #a1a1a1)}.setting-item select{padding:12px;font-size:.875rem;border:1px solid var(--border-default, #262626);border-radius:8px;background:var(--bg-tertiary, #1f1f1f);color:var(--text-primary, #fafafa);cursor:pointer}.setting-item select:focus{outline:none;border-color:var(--text-primary, #fafafa)}.setting-item select:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-6);max-width:400px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal-content h3{margin:0 0 var(--space-2) 0;font-size:1rem;font-weight:600;color:var(--text-primary)}.modal-subtitle{margin:0 0 var(--space-5) 0;font-size:.875rem;color:var(--text-secondary)}.candidate-list{list-style:none;padding:0;margin:0 0 var(--space-4) 0}.candidate-list li{margin-bottom:var(--space-2)}.candidate-item{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all .15s ease;text-align:left}.candidate-item:hover{background:var(--bg-elevated);border-color:var(--border-hover)}.candidate-title{flex:1;margin-right:var(--space-4);font-size:.875rem}.candidate-confidence{font-size:.75rem;color:var(--text-muted);white-space:nowrap}.modal-cancel{width:100%;padding:var(--space-3);background:transparent;color:var(--text-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:.875rem;cursor:pointer;transition:all .15s ease}.modal-cancel:hover{background:var(--bg-tertiary);color:var(--text-primary)}.capture-input-container{margin-bottom:var(--space-6)}.capture-form{display:flex;gap:var(--space-3)}.capture-input{flex:1;padding:var(--space-4);font-size:1rem;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-secondary);color:var(--text-primary);transition:all .15s ease}.capture-input:focus{outline:none;border-color:var(--text-primary);box-shadow:0 0 0 1px var(--text-primary)}.capture-submit{padding:var(--space-4) var(--space-6);background:var(--text-primary);color:var(--bg-primary);border:none;border-radius:var(--radius-lg);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s ease}.capture-submit:hover:not(:disabled){opacity:.9}.capture-submit:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}.capture-message{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:.875rem}.capture-message.success{background:#22c55e1a;border:1px solid var(--success);color:var(--success)}.capture-message.error{background:#ef44441a;border:1px solid var(--error);color:var(--error)}.capture-message.info{background:var(--bg-tertiary);border:1px solid var(--border-default);color:var(--text-secondary)}.capture-message-close{background:none;border:none;color:inherit;font-size:1.25rem;cursor:pointer;padding:0;line-height:1}.todo-list-container{width:100%;max-width:900px;margin:0 auto}.todo-loading{text-align:center;color:var(--text-secondary);padding:var(--space-8)}.todo-error{background:#ef44441a;border:1px solid var(--error);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);display:flex;justify-content:space-between;align-items:center;color:var(--error);font-size:.875rem}.todo-error button{background:none;border:none;color:var(--error);font-size:1.25rem;cursor:pointer;padding:0}.todo-toolbar{display:flex;gap:var(--space-4);margin-bottom:var(--space-4);align-items:center}.todo-search-input{flex:1;padding:var(--space-3);font-size:.875rem;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--text-primary)}.todo-search-input:focus{outline:none;border-color:var(--text-primary)}.todo-done-toggle{display:flex;align-items:center;gap:var(--space-2);font-size:.875rem;color:var(--text-secondary);cursor:pointer;white-space:nowrap}.todo-done-toggle input{width:16px;height:16px;cursor:pointer}.todo-empty{text-align:center;color:var(--text-muted);padding:var(--space-10);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);font-size:.875rem}.todo-lanes{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}@media(max-width:768px){.todo-lanes{grid-template-columns:1fr}}.todo-lane{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4)}.lane-header{margin:0 0 var(--space-4) 0;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-3);border-bottom:1px solid var(--border-default);color:var(--text-secondary)}.lane-count{background:var(--bg-tertiary);padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:.75rem;color:var(--text-muted)}.lane-items{display:flex;flex-direction:column;gap:var(--space-2);min-height:40px}.todo-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-tertiary);border:1px solid transparent;border-radius:var(--radius-md);transition:all .15s ease}.todo-item:hover{border-color:var(--border-hover);background:var(--bg-elevated)}.todo-item.done{opacity:.5}.todo-checkbox{width:16px;height:16px;cursor:pointer;flex-shrink:0;accent-color:var(--text-primary)}.todo-title{flex:1;cursor:pointer;word-break:break-word;background:none;border:none;color:var(--text-primary);font:inherit;font-size:.875rem;text-align:left;padding:0;transition:color .15s ease}.todo-title:hover{color:var(--text-secondary)}.todo-item.done .todo-title{text-decoration:line-through;color:var(--text-muted)}.todo-edit-input{flex:1;padding:var(--space-2) var(--space-3);font-size:.875rem;border:1px solid var(--text-primary);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-primary)}.todo-edit-input:focus{outline:none}.todo-priority{display:none}.todo-delete-btn{background:none;border:none;color:var(--text-muted);font-size:1rem;cursor:pointer;padding:0;line-height:1;flex-shrink:0;opacity:0;transition:all .15s ease}.todo-item:hover .todo-delete-btn{opacity:1}.todo-delete-btn:hover{color:var(--error)}.sortable-item{display:flex;align-items:stretch;gap:0}.drag-handle{display:flex;align-items:center;justify-content:center;width:20px;padding:0;border:none;cursor:grab;color:var(--text-muted);background:var(--bg-tertiary);border-radius:var(--radius-md) 0 0 var(--radius-md);flex-shrink:0;transition:all .15s ease}.drag-handle:hover{color:var(--text-secondary);background:var(--bg-elevated)}.drag-handle:active{cursor:grabbing}.sortable-item .todo-item{border-radius:0 var(--radius-md) var(--radius-md) 0;flex:1}.lane-items-empty{min-height:60px;border:1px dashed var(--border-default);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.75rem}.lane-items-over{background:#fafafa05;border-radius:var(--radius-md)}.lane-items-over .lane-items-empty{border-color:var(--text-secondary);color:var(--text-secondary)}.quick-capture{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);height:100vh;box-sizing:border-box;background:var(--bg-primary);color:var(--text-primary)}.capture-input{width:100%;padding:var(--space-3) var(--space-4);font-size:1rem;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);outline:none;box-sizing:border-box}.capture-input:focus{border-color:var(--text-primary)}.capture-input:disabled{opacity:.5}.capture-input::placeholder{color:var(--text-muted)}.status{margin:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:.875rem;text-align:center}.status.loading{background:var(--bg-tertiary);color:var(--text-secondary)}.status.success{background:#22c55e1a;color:var(--success)}.status.error{background:#ef44441a;color:var(--error)}.hint{margin:0;font-size:.75rem;color:var(--text-muted);text-align:center}.confirm-title{margin:0;font-size:.875rem;color:var(--text-secondary);text-align:center}.candidates{display:flex;flex-direction:column;gap:var(--space-2)}.candidate-btn{padding:var(--space-3) var(--space-4);font-size:.875rem;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;text-align:left;transition:all .15s ease}.candidate-btn:hover{background:var(--bg-tertiary);border-color:var(--border-hover)}.cancel-btn,.close-btn{padding:var(--space-2) var(--space-4);font-size:.875rem;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;transition:all .15s ease}.cancel-btn:hover,.close-btn:hover{background:var(--bg-elevated)}.error{color:var(--error);text-align:center}.loading{color:var(--text-secondary);text-align:center}.container{max-width:960px;margin:0 auto;padding:var(--space-8) var(--space-6)}h1{font-size:1.75rem;margin-bottom:var(--space-8);font-weight:700;letter-spacing:-.03em}.loading{color:var(--text-secondary);text-align:center;padding:var(--space-8)}.error{color:var(--error)}.user-info{display:flex;justify-content:space-between;align-items:center;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-6)}.user-info p{margin:0;font-size:.875rem;color:var(--text-secondary)}.user-info strong{color:var(--text-primary)}.user-actions{display:flex;align-items:center;gap:var(--space-2)}.settings-btn{padding:var(--space-2);background:transparent;color:var(--text-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:1.125rem;line-height:1;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.settings-btn:hover{color:var(--text-primary);border-color:var(--border-hover);background:var(--bg-tertiary)}.signout-btn{padding:var(--space-2) var(--space-4);background:transparent;color:var(--text-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:.875rem}.signout-btn:hover{color:var(--text-primary);border-color:var(--border-hover);background:var(--bg-tertiary)}.auth-container{max-width:400px;margin:0 auto;padding:var(--space-8);min-height:100vh;display:flex;flex-direction:column;justify-content:center}.auth-container h1{text-align:center;margin-bottom:var(--space-8);font-size:1.75rem}.auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.auth-form input{padding:var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-size:1rem}.auth-form input:focus{outline:none;border-color:var(--text-primary)}.auth-form input::placeholder{color:var(--text-muted)}.auth-form button[type=submit]{padding:var(--space-4);background:var(--text-primary);color:var(--bg-primary);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s ease}.auth-form button[type=submit]:hover:not(:disabled){opacity:.9}.auth-form button[type=submit]:disabled{opacity:.5;cursor:not-allowed}.auth-switch{text-align:center;margin-top:var(--space-6);color:var(--text-secondary);font-size:.875rem}.auth-switch button{background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:inherit;text-decoration:underline;padding:0}.auth-switch button:hover{opacity:.8}.error{color:var(--error);text-align:center;margin:0;font-size:.875rem}