*{box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;background:#0a0a0a;color:#e5e5e5}#root{min-height:100vh}.toast-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:8px;z-index:9999;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;background:#1a1a1a;border:1px solid #2a2a2a;box-shadow:0 4px 12px #0006;min-width:280px;max-width:400px;pointer-events:auto;cursor:pointer;animation:toast-in .3s ease-out}@keyframes toast-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-icon{font-size:16px;font-weight:700;flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%}.toast-message{flex:1;font-size:14px;color:#e5e5e5;line-height:1.4}.toast-close{background:none;border:none;color:#6b7280;font-size:18px;cursor:pointer;padding:0;opacity:.6;transition:opacity .2s}.toast-close:hover{opacity:1}.toast-success{border-color:#22c55e}.toast-success .toast-icon{background:#22c55e;color:#0a0a0a}.toast-error{border-color:#ef4444}.toast-error .toast-icon{background:#ef4444;color:#fff}.toast-warning{border-color:#f59e0b}.toast-warning .toast-icon{background:#f59e0b;color:#0a0a0a}.toast-info{border-color:#3b82f6}.toast-info .toast-icon{background:#3b82f6;color:#fff}.kanban-board{display:flex;gap:16px;padding:16px;overflow-x:auto;min-height:calc(100vh - 80px)}.list-column{background:#1a1a1a;border-radius:12px;min-width:300px;max-width:350px;display:flex;flex-direction:column;transition:box-shadow .2s,border-color .2s;border:2px solid transparent}.list-column.drag-over{border-color:#3b82f6;box-shadow:0 0 20px #3b82f64d}.list-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #2a2a2a}.list-header h2{margin:0;font-size:16px;font-weight:600;color:#e5e5e5}.list-delete{background:none;border:none;cursor:pointer;opacity:.5;transition:opacity .2s}.list-delete:hover{opacity:1}form.add-task,.add-task{display:flex;gap:8px;padding:12px;border-bottom:1px solid #2a2a2a;margin:0}.add-task input{flex:1;background:#0a0a0a;border:1px solid #2a2a2a;border-radius:8px;padding:8px 12px;color:#e5e5e5;font-size:14px}.add-task input::placeholder{color:#6b7280}.add-task button{background:#3b82f6;border:none;border-radius:8px;padding:8px 16px;color:#fff;font-size:18px;cursor:pointer;transition:background .2s}.add-task button:hover{background:#2563eb}.task-list{padding:12px;flex:1;overflow-y:auto}.tier-header{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;padding:12px 8px;margin:4px 0;background:#1a1a1a;border-radius:6px;-webkit-user-select:none;user-select:none}.task-card{background:#2a2a2a;border-radius:8px;padding:12px;margin-bottom:8px;display:flex;align-items:center;gap:8px;cursor:default;transition:box-shadow .2s}.task-card:hover{box-shadow:0 2px 8px #0000004d}.task-card.dragging{box-shadow:0 4px 16px #00000080}.task-drag-handle{cursor:grab;color:#6b7280;font-size:12px;-webkit-user-select:none;user-select:none}.task-drag-handle:active{cursor:grabbing}.task-content{flex:1;display:flex;align-items:flex-start;gap:8px;cursor:text}.task-badge{background:#3a3a3a;padding:2px 6px;border-radius:4px;font-size:12px;font-weight:600;color:#9ca3af;flex-shrink:0}.task-text{color:#e5e5e5;font-size:14px;line-height:1.4;word-break:break-word}.task-edit-input{flex:1;background:#0a0a0a;border:1px solid #3b82f6;border-radius:4px;padding:4px 8px;color:#e5e5e5;font-size:14px}.task-delete{background:none;border:none;color:#6b7280;font-size:18px;cursor:pointer;padding:4px;opacity:0;transition:opacity .2s,color .2s}.task-card:hover .task-delete{opacity:1}.task-delete:hover{color:#ef4444}.add-list-column{min-width:280px;display:flex;align-items:flex-start;padding-top:16px}.add-list-btn{background:#2a2a2a;border:2px dashed #3a3a3a;border-radius:12px;padding:16px 24px;color:#6b7280;font-size:14px;cursor:pointer;transition:all .2s;width:100%}.add-list-btn:hover{border-color:#4b5563;color:#9ca3af}.new-list-form{background:#1a1a1a;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:8px;width:100%}.new-list-form input{background:#0a0a0a;border:1px solid #2a2a2a;border-radius:8px;padding:10px 12px;color:#e5e5e5;font-size:14px}.new-list-form button{padding:8px 16px;border-radius:8px;border:none;cursor:pointer;font-size:14px}.new-list-form button:first-of-type{background:#3b82f6;color:#fff}.new-list-form button:last-of-type{background:#2a2a2a;color:#9ca3af}.loading{display:flex;align-items:center;justify-content:center;height:100vh;color:#9ca3af;font-size:16px}.app{min-height:100vh}.app-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#0a0a0a;border-bottom:1px solid #1a1a1a;position:sticky;top:0;z-index:100}.app-header h1{margin:0;font-size:24px;font-weight:600;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-section{display:flex;align-items:center;gap:16px}.sync-status{color:#22c55e;font-size:14px}.sign-in-btn{background:#3b82f6;border:none;border-radius:8px;padding:10px 20px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.sign-in-btn:hover{background:#2563eb}.sign-in-btn.large{padding:14px 28px;font-size:16px}.sign-out-btn{background:none;border:1px solid #374151;border-radius:8px;padding:8px 16px;color:#9ca3af;font-size:14px;cursor:pointer;transition:all .2s}.sign-out-btn:hover{border-color:#6b7280;color:#e5e5e5}.sign-in-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - 80px);text-align:center;padding:24px}.sign-in-prompt h2{font-size:32px;margin:0 0 16px}.sign-in-prompt p{color:#9ca3af;font-size:16px;margin:0 0 32px}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px}.loading-screen p{color:#6b7280;font-size:14px;margin:0}.loading-spinner{width:32px;height:32px;border:3px solid #1a1a1a;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}