*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #1a1a1a;--surface: #252525;--surface-hover: #2f2f2f;--border: #333;--text: #e0e0e0;--text-dim: #888;--accent: #6b9fff;--accent-dim: #4a7ad4;--done: #4a4a4a;--radius: 8px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);max-width:600px;margin:0 auto;padding:16px;min-height:100vh}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border)}header h1{font-size:20px;font-weight:600}nav{display:flex;gap:8px}nav button{background:var(--surface);border:1px solid var(--border);color:var(--text-dim);padding:6px 12px;border-radius:var(--radius);cursor:pointer;font-size:13px}nav button.active{color:var(--accent);border-color:var(--accent-dim)}.sync-status{font-size:11px;color:var(--text-dim);text-align:right;margin-bottom:12px}.sync-status.offline{color:#e57373}.task-group{margin-bottom:24px}.task-group h2{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);margin-bottom:8px}.task{display:flex;align-items:flex-start;gap:10px;padding:12px;background:var(--surface);border-radius:var(--radius);margin-bottom:6px;cursor:pointer;transition:background .15s}.task:hover{background:var(--surface-hover)}.task input[type=checkbox]{margin-top:2px;accent-color:var(--accent);cursor:pointer}.task-content{flex:1;min-width:0}.task-title{font-size:15px;line-height:1.4}.task-meta{font-size:12px;color:var(--text-dim);margin-top:2px}.task.done .task-title{text-decoration:line-through;color:var(--done)}.add-bar{display:flex;gap:8px;margin-bottom:24px}.add-bar input{flex:1;background:var(--surface);border:1px solid var(--border);color:var(--text);padding:10px 12px;border-radius:var(--radius);font-size:15px;outline:none}.add-bar input:focus{border-color:var(--accent-dim)}.add-bar button,.session-btn{background:var(--accent-dim);border:none;color:#fff;padding:10px 16px;border-radius:var(--radius);cursor:pointer;font-size:14px;white-space:nowrap}.add-bar button:hover,.session-btn:hover{background:var(--accent)}.edit-form{background:var(--surface);border-radius:var(--radius);padding:16px;margin-bottom:24px}.edit-form label{display:block;font-size:12px;color:var(--text-dim);margin-bottom:4px;margin-top:12px}.edit-form label:first-child{margin-top:0}.edit-form input,.edit-form textarea,.edit-form select{width:100%;background:var(--bg);border:1px solid var(--border);color:var(--text);padding:8px 10px;border-radius:4px;font-size:14px;font-family:inherit;outline:none}.edit-form textarea{resize:vertical;min-height:60px}.edit-form input:focus,.edit-form textarea:focus{border-color:var(--accent-dim)}.edit-actions{display:flex;gap:8px;margin-top:16px}.edit-actions button{padding:8px 16px;border-radius:var(--radius);cursor:pointer;font-size:13px;border:1px solid var(--border)}.btn-save{background:var(--accent-dim);color:#fff;border:none!important}.btn-cancel{background:transparent;color:var(--text-dim)}.btn-delete{background:transparent;color:#e57373;border-color:#e57373!important;margin-left:auto}.session-bar{display:flex;gap:8px;align-items:center;margin-bottom:16px}.session-bar span{font-size:13px;color:var(--text-dim)}.empty{text-align:center;color:var(--text-dim);padding:40px 0;font-size:14px}.task-select{width:18px;height:18px;margin-top:2px}.settings-banner{background:#2a2020;border:1px solid #553333;border-radius:var(--radius);padding:12px;margin-bottom:16px;font-size:13px}.settings-banner summary{cursor:pointer;color:#e57373}.settings-banner .fields{margin-top:10px}.settings-banner label{display:block;font-size:11px;color:var(--text-dim);margin-top:8px;margin-bottom:2px}.settings-banner input{width:100%;background:var(--bg);border:1px solid var(--border);color:var(--text);padding:6px 8px;border-radius:4px;font-size:13px;font-family:monospace}.settings-banner button{margin-top:10px;background:var(--accent-dim);border:none;color:#fff;padding:6px 14px;border-radius:4px;cursor:pointer;font-size:13px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(20px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 16px;font-size:13px;color:var(--text);opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;z-index:100}.toast.visible{opacity:1;transform:translate(-50%) translateY(0)}.toast .next-date{color:var(--accent)}.card-view{display:flex;flex-direction:column;align-items:stretch}.task-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:28px 24px 20px;margin-bottom:4px}.card-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:10px}.card-title{font-size:20px;font-weight:600;line-height:1.35;margin-bottom:10px}.card-notes{font-size:13px;color:var(--text-dim);line-height:1.5}.card-kickoff{font-size:13px;color:var(--text);background:var(--bg);border-left:3px solid var(--accent-dim);padding:10px 12px;border-radius:0 4px 4px 0;margin-top:14px;line-height:1.5}.card-edit-link{display:inline-block;margin-top:14px;font-size:12px;color:var(--text-dim);text-decoration:none;cursor:pointer;background:none;border:none;padding:0;font-family:inherit}.card-edit-link:hover{color:var(--text)}.card-actions{display:flex;gap:10px;margin-top:12px}.btn-skip{flex:1;padding:12px;border-radius:var(--radius);border:1px solid var(--border);background:transparent;color:var(--text-dim);font-size:14px;cursor:pointer;transition:background .15s,color .15s}.btn-skip:hover{background:var(--surface-hover);color:var(--text)}.btn-act{flex:2;padding:12px;border-radius:var(--radius);border:none;background:var(--accent-dim);color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s}.btn-act:hover{background:var(--accent)}.card-counter{font-size:12px;color:var(--text-dim);text-align:center;padding:10px 0 4px}.compact-card{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px 16px;cursor:pointer;transition:background .15s;margin-bottom:6px}.compact-card:hover{background:var(--surface-hover)}.cc-check{flex-shrink:0;width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.cc-body{flex:1;min-width:0;cursor:pointer}.cc-body .cc-label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin-bottom:4px}.cc-body .cc-title{font-size:15px;font-weight:500;line-height:1.4}.cc-body .cc-meta{font-size:12px;color:var(--text-dim);margin-top:3px}.compact-card.done .cc-title{text-decoration:line-through;color:var(--done)}.task-stack{margin-bottom:6px}.task-stack>.compact-card:first-child{margin-bottom:2px}.task-stack .compact-card.blocked-1{margin-left:20px;margin-bottom:2px;opacity:.85;border-left:2px solid var(--accent)}.task-stack .compact-card.blocked-2{margin-left:40px;margin-bottom:2px;opacity:.7;border-left:2px solid var(--accent)}.project-section{margin-bottom:28px}.project-section h2{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);margin-bottom:10px}.done-toggle{font-size:12px;color:var(--text-dim);cursor:pointer;margin-top:8px;display:inline-block;-webkit-user-select:none;user-select:none}.done-toggle:hover{color:var(--text)}.detail-view{display:flex;flex-direction:column;gap:8px}.btn-back{align-self:flex-start;background:transparent;border:none;color:var(--text-dim);font-size:14px;cursor:pointer;padding:0 0 8px}.btn-back:hover{color:var(--text)}.detail-title{font-size:22px;font-weight:600;line-height:1.3}.detail-status{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--accent)}.detail-meta{font-size:13px;color:var(--text-dim)}.detail-notes{font-size:14px;color:var(--text-dim);line-height:1.5;margin-top:4px}.detail-links{margin-top:8px;border-top:1px solid var(--border);padding-top:12px;display:flex;flex-direction:column;gap:10px}.detail-link-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin-bottom:4px}.detail-link-item{font-size:14px;color:var(--accent);cursor:pointer;padding:4px 0}.detail-link-item:hover{text-decoration:underline}.link-item{display:flex;align-items:center;justify-content:space-between;font-size:13px;padding:4px 0;color:var(--text-dim)}.link-remove{background:transparent;border:none;color:var(--text-dim);cursor:pointer;font-size:12px;padding:2px 6px}.link-remove:hover{color:#e57373}.link-add-row{display:flex;gap:6px;margin-top:4px;flex-wrap:wrap}.link-add-row select{flex:1;min-width:0;background:var(--bg);border:1px solid var(--border);color:var(--text);padding:6px 8px;border-radius:4px;font-size:13px;font-family:inherit}.link-add-row button{background:var(--surface);border:1px solid var(--border);color:var(--text-dim);padding:6px 12px;border-radius:4px;cursor:pointer;font-size:13px;white-space:nowrap}.link-add-row button:hover{color:var(--text);background:var(--surface-hover)}