:root{--paper: #f4ede0;--paper-deep: #e9dfcd;--ink: #1f1a14;--ink-soft: #5a5046;--ink-mute: #8a7f73;--rule: #d8ccb8;--sienna: #b5532f;--sienna-deep: #8f3e22;--home: #3d6b5a;--clickup: #6b5bd6;--ok: #3d6b5a;--warn: #8f3e22;color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;background:var(--paper)}button{font:inherit}.screen{min-height:100dvh;display:flex;flex-direction:column;gap:16px;padding:24px 20px calc(24px + env(safe-area-inset-bottom));max-width:520px;margin:0 auto}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.grow{flex:1}.eyebrow{margin:0;font:600 11px/1.2 ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute)}.muted{color:var(--ink-soft);margin:4px 0}.ok{color:var(--ok);font-weight:600}.warn{color:var(--warn);font-weight:600}.card{background:#fbf6ec;border:1px solid var(--rule);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px}.card h2{margin:0;font-size:16px}.btn{border:1px solid var(--ink);background:transparent;color:var(--ink);border-radius:999px;padding:12px 18px;min-height:48px}.btn-primary{border:none;background:var(--sienna);color:var(--paper);border-radius:999px;padding:14px 20px;min-height:52px;font-weight:600}.btn-text{border:none;background:none;color:var(--ink-soft);text-decoration:underline;padding:8px;min-height:44px}.btn:disabled,.btn-primary:disabled{opacity:.5}.pill{font:600 12px/1 ui-monospace,monospace;padding:6px 10px;border-radius:999px;background:var(--paper-deep);border:none;color:var(--ink);min-height:32px}.record-button{width:112px;height:112px;border-radius:50%;border:none;background:var(--sienna);color:var(--paper);font-size:40px;box-shadow:0 0 0 8px #e8b8a577,0 12px 30px -12px var(--sienna-deep)}.stop-button{width:112px;height:112px;border-radius:50%;border:4px solid var(--sienna);background:var(--paper);display:grid;place-items:center}.stop-button span{width:32px;height:32px;border-radius:6px;background:var(--sienna)}.timer{font:500 56px/1 ui-monospace,monospace;font-variant-numeric:tabular-nums;margin:0}.center{display:flex;flex-direction:column;align-items:center;gap:12px}.mode-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mode-row button{border:1px solid var(--rule);background:#fbf6ec;border-radius:12px;min-height:56px;color:var(--ink)}.outcomes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font:13px/1.3 ui-monospace,monospace;color:var(--ink-soft)}.banner{border:1px solid var(--rule);background:#fbf6ec;border-radius:10px;padding:12px}.dest-home{color:var(--home)}.dest-clickup{color:var(--clickup)}.field{width:100%;border:2px solid var(--rule);border-radius:12px;padding:14px;font:18px/1.4 inherit;background:#fffdf8;color:var(--ink);resize:vertical}.field.home{border-color:var(--home)}.field.clickup{border-color:var(--clickup)}.sheet{position:fixed;inset:auto 0 0;background:var(--paper);border-top:1px solid var(--rule);border-radius:16px 16px 0 0;padding:20px 20px calc(20px + env(safe-area-inset-bottom));max-height:85dvh;overflow:auto;box-shadow:0 -12px 40px #0002}.tag-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.tag-grid button{min-height:64px;border-radius:12px;border:1px solid var(--rule);background:#fbf6ec;font-size:16px}.tag-grid button[aria-pressed=true]{border:2px solid var(--sienna)}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.list li{display:flex;justify-content:space-between;gap:8px;padding:10px 0;border-bottom:1px solid var(--rule)}code{font-size:13px;background:var(--paper-deep);padding:1px 4px;border-radius:4px}