:root{--bg: #0f0f0f;--fg: #ffffff;--muted: #9a9a9a;--accent: #7c3aed;--card: #1a1a1a;--border: #2a2a2a}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font:16px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--fg);-webkit-tap-highlight-color:transparent}.center{min-height:100%;display:grid;place-items:center;padding:24px}.muted{color:var(--muted)}.card{display:flex;flex-direction:column;gap:12px;width:min(360px,100%);background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px}.card h1{margin:0;font-size:28px}.card p{margin:0}input{padding:12px 14px;border-radius:10px;border:1px solid var(--border);background:#000;color:var(--fg);font-size:16px}input:focus{outline:none;border-color:var(--accent)}button{padding:12px 14px;border:0;border-radius:10px;background:var(--accent);color:#fff;font-size:16px;font-weight:600;cursor:pointer}button:disabled{opacity:.5}button.link{background:none;color:var(--muted);font-weight:400;padding:6px}.err{color:#f87171;font-size:14px}.app{display:flex;flex-direction:column;height:100%}header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border)}main{flex:1;padding:8px 0 80px}.head-right{display:flex;align-items:center;gap:12px}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.dot.online{background:#34d399}.dot.offline{background:#6b7280}.capture{display:flex;gap:10px;align-items:flex-end;padding:14px 16px;border-bottom:1px solid var(--border)}.capture textarea{flex:1;resize:none;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:#000;color:var(--fg);font:inherit;font-size:16px}.capture textarea:focus{outline:none;border-color:var(--accent)}.capture button{flex:0 0 auto;padding:12px 18px}.list{list-style:none;margin:0;padding:0}.empty{text-align:center;padding:48px 16px}.row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border);background:var(--bg);position:relative;touch-action:manipulation}.chip.email-to{color:#cde3ff;border-color:#1e3a5f}.chip.sending{color:var(--accent);border-color:var(--accent)}.chip.failed{color:#f87171;border-color:#5b2020}.draft{flex-basis:100%;width:100%;margin-top:8px;background:#161616;border:1px solid var(--border);border-radius:10px;padding:12px}.draft-to{font-size:13px;margin-bottom:6px}.draft-edit{width:100%;box-sizing:border-box;resize:vertical;background:#000;border:1px solid var(--border);border-radius:8px;padding:10px;color:#e8e8e8;font:14px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.draft-edit:focus{outline:none;border-color:var(--accent)}.draft-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:10px}.draft-actions .err{margin-right:auto}.row.urgent{box-shadow:inset 3px 0 0 var(--accent)}.row-text{flex:1;min-width:0;display:flex;align-items:center;flex-wrap:wrap;gap:6px}.row-text .text{word-break:break-word}.badge{flex:0 0 auto;font-size:11px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;padding:2px 7px;border-radius:6px;background:#262626;color:#cfcfcf}.badge.pending{background:transparent;color:var(--muted);border:1px dashed var(--border);text-transform:none;font-weight:400;letter-spacing:0}.badge.t-email{background:#1e3a5f;color:#cde3ff}.badge.t-call{background:#14432f;color:#c4f0d8}.badge.t-drawing{background:#3a2a5f;color:#e0d3ff}.badge.t-follow_up{background:#4a3a14;color:#f6e3b0}.chip{flex:0 0 auto;font-size:12px;color:var(--muted);background:#1f1f1f;border:1px solid var(--border);padding:1px 7px;border-radius:999px}.unsynced{color:var(--accent);margin-left:2px}.row-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}.check{flex:0 0 auto;width:28px;height:28px;padding:0;border-radius:50%;background:none;border:1.5px solid var(--border);color:var(--muted);font-size:14px;line-height:1}.handle{cursor:grab;color:var(--muted);font-size:18px;padding:4px;touch-action:none}.small{font-size:14px}.menu{position:absolute;right:12px;top:100%;z-index:10;display:flex;flex-direction:column;gap:2px;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:6px;min-width:150px}.menu button{background:none;color:var(--fg);text-align:left;font-weight:400;padding:8px 10px;border-radius:6px}.menu button:hover{background:#000}.menu input{font-size:15px}.later{margin-top:14px}.later-toggle{background:none;border:0;padding:10px 16px;font-size:14px;cursor:pointer}.later-row .due{font-size:13px;flex:0 0 auto}