:root{color-scheme:dark;--bg: #0f1216;--surface: #171c23;--surface-2: #1e242d;--border: #2a323d;--border-strong: #3b4552;--text: #e9edf2;--muted: #a0abb8;--faint: #6e7a87;--accent: #86aef7;--hold: #e0b458;--danger: #f2756a;--ok: #7fbf87;--radius: 12px;--radius-sm: 8px;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}#root{max-width:640px;margin:0 auto;padding:1.25rem;padding-left:calc(1.25rem + env(safe-area-inset-left));padding-right:calc(1.25rem + env(safe-area-inset-right))}.gate{display:flex;flex-direction:column;gap:1rem;min-height:80vh;justify-content:center}.gate h1{text-align:center;font-weight:600;margin:0 0 .5rem;font-size:1.7rem;letter-spacing:-.01em;line-height:1.3}input{width:100%;font-size:1.1rem;padding:.9rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text)}button{font-size:1rem;padding:.8rem 1rem;border:0;border-radius:var(--radius);background:var(--accent);color:var(--bg);transition:opacity .16s ease-out,border-color .16s ease-out;cursor:pointer;touch-action:manipulation}.capture{margin-bottom:1.5rem}.count{color:var(--muted);font-size:.9rem;margin:0 0 .5rem;font-family:var(--font-mono)}.heartbeat{color:var(--faint);font-size:.78rem;margin:-.35rem 0 .6rem;font-family:var(--font-mono)}.queue ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.queue li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.queue li span{cursor:text;flex:1}.queue li>button{background:transparent;color:var(--muted);font-size:1.1rem;min-width:44px;min-height:44px;display:grid;place-items:center;padding:0;margin:-.55rem -.6rem -.55rem 0}.app{padding-bottom:calc(4.5rem + env(safe-area-inset-bottom))}.tabbar{position:fixed;left:0;right:0;bottom:0;display:flex;background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.tabbar button{flex:1;background:transparent;color:var(--muted);border:0;border-radius:0;padding:1rem;font-size:1rem}.tabbar button.active{color:var(--accent);font-weight:600}.todos ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.todos li{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.todos .check{background:transparent;color:var(--muted);font-size:1.3rem;line-height:1;min-width:44px;min-height:44px;display:grid;place-items:center;padding:0;margin:-.6rem 0 -.6rem -.6rem}.todo-body{display:flex;flex-direction:column;gap:.15rem}.todo-proj{color:var(--accent);font-size:.8rem}.todo-why{color:var(--muted);font-size:.9rem}.todos .empty{color:var(--muted);text-align:center;margin-top:3rem}.notes ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.notes li{display:flex;padding:.85rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.note-body{display:flex;flex-direction:column;gap:.2rem}.note-title{font-weight:600}.note-text{white-space:pre-wrap}.note-proj{color:var(--accent);font-size:.8rem}.note-tags{color:var(--muted);font-size:.8rem}.notes .empty,.projects .empty{color:var(--muted);text-align:center;margin-top:3rem}.project{padding:.85rem 1rem;margin-bottom:.75rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.project header{display:flex;align-items:center;justify-content:space-between}.project-title{font-weight:600}.project-count{color:var(--muted);font-size:.9rem;background:var(--surface-2);border-radius:999px;padding:.1rem .55rem}.project-desc{color:var(--muted);margin:.35rem 0 .5rem;white-space:pre-wrap}.project-empty{color:var(--muted);font-size:.9rem;margin:.25rem 0 0}.project ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}.project .child{padding:.5rem .75rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm)}.project .child-note{color:var(--muted)}.mic{border:none;background:none;font-size:1.25rem;cursor:pointer;padding:0;min-width:44px;min-height:44px}.mic.recording{color:var(--danger)}.capture-error,.queue-load-error{display:block;width:100%;text-align:left;margin-top:.25rem;border:1px solid var(--danger);background:color-mix(in oklab,var(--danger) 12%,var(--surface-2));color:var(--text);border-radius:var(--radius-sm);padding:.5rem .75rem;font:inherit;font-size:.9rem;cursor:pointer;min-height:44px}.voice-held{display:flex;align-items:center;gap:.5rem;margin-top:.25rem;border:1px solid var(--danger);background:color-mix(in oklab,var(--danger) 12%,var(--surface-2));border-radius:var(--radius-sm);padding:.5rem .75rem;font-size:.9rem}.voice-held button{min-height:44px;padding:.4rem .9rem}.queue li.pending{opacity:.85}.queue li.pending .badge{font-size:.72rem;color:var(--bg);background:var(--hold);border-radius:var(--radius-sm);padding:2px 8px;white-space:nowrap}.queue li.pending.failed .badge{background:var(--danger)}.pending-actions{display:inline-flex;align-items:center;gap:.4rem}.queue .unsynced{color:var(--hold)}.queue .sync-now{margin-left:.5rem;font:inherit;color:var(--accent);background:none;border:none;cursor:pointer;min-height:44px}.queue-edit{display:flex;flex-direction:column;gap:.5rem;width:100%}.queue-edit textarea{width:100%;min-height:3.5rem;font:inherit;padding:.6rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);resize:vertical}.queue-edit-actions{display:flex;gap:.5rem}.queue-edit-actions button{font-size:.9rem;padding:.5rem .9rem}.queue-edit-actions button:last-child{background:transparent;color:var(--muted)}.todos .done{margin-top:1.5rem}.done-toggle{background:transparent;color:var(--muted);font-size:.9rem;padding:.25rem 0}.done-title{text-decoration:line-through;color:var(--muted)}.gate .tagline{font-family:var(--font-mono);color:var(--muted);font-size:.9rem;text-align:center;margin:-.75rem 0 .5rem}.gate input{font-family:var(--font-mono)}code{font-family:var(--font-mono);font-size:.95em}.note-tags,.project-count,.done-toggle{font-family:var(--font-mono)}.todos .done .check{color:var(--ok)}::selection{background:color-mix(in srgb,var(--accent) 30%,transparent)}@keyframes row-in{0%{opacity:0;transform:translateY(-2px)}}.queue li{animation:row-in .16s ease-out}@keyframes mic-pulse{50%{opacity:.4}}.mic.recording{animation:mic-pulse 1.2s ease-in-out infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}html{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:active{opacity:.85}.queue li span{touch-action:manipulation}