:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172d35;background:#f4f6f6;font-synthesis:none;--accent:#0f766e;--muted:#65777d;--border:#dfe7e6}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #65b9b0;outline-offset:3px}button{border:0}a{color:var(--accent);text-decoration:none}button,input,a{min-height:44px}[hidden]{display:none!important}.shell{max-width:660px;margin:auto;padding:0 26px calc(24px + env(safe-area-inset-bottom))}.topbar{display:flex;align-items:center;justify-content:space-between;padding:26px 0 30px;gap:16px}.brand{display:flex;gap:11px;align-items:center;color:#172d35;font-size:19px;font-weight:750;line-height:1.1}.brand small{display:block;color:var(--muted);font-size:12px;font-weight:500;margin-top:4px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#173e3c;color:white;font-size:23px;letter-spacing:-2px;padding-right:2px}.view{animation:appear .15s ease-out}@keyframes appear{from{opacity:.6;transform:translateY(3px)}to{opacity:1;transform:none}}h1{font-size:30px;line-height:1.2;letter-spacing:-.9px;margin:9px 0 10px;overflow-wrap:anywhere}h2{font-size:18px;line-height:1.4;letter-spacing:-.2px;margin:0}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.2px;color:var(--muted);overflow-wrap:anywhere}.intro{padding:18px 0 25px}.intro h1{font-size:34px;line-height:1.16;margin:15px 0}.intro p,.muted{color:var(--muted);line-height:1.55}.intro p{max-width:360px;font-size:16px}.small{font-size:13px}.card{background:white;border:1px solid var(--border);border-radius:20px;padding:23px;box-shadow:0 3px 12px #173e3c04}.login-card h2{margin-bottom:22px}.login-card label{display:block;font-size:14px;font-weight:600;margin:16px 0 8px}.login-card input{display:block;width:100%;border:1px solid #cbd7d5;background:#fafcfb;border-radius:10px;padding:13px 14px;font-size:16px;min-height:48px}.primary{background:var(--accent);color:white;border-radius:11px;min-height:50px;padding:13px 19px;font-weight:650}.login-card .primary{width:100%;margin-top:24px}.secondary{background:white;color:#254e4b;border:1px solid var(--border);border-radius:11px;padding:12px 18px;font-weight:600}.wide{width:100%}.text-button{padding:9px 3px;color:var(--accent);background:transparent;font-size:14px;font-weight:600}.danger{color:#a94038}.back{padding:0;background:transparent;color:var(--muted);font-size:14px;margin:0 0 17px;text-align:left}.heading-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.count{font-size:13px;color:var(--muted);background:#e7eeed;padding:5px 9px;border-radius:7px;white-space:nowrap}.search-box{display:flex;align-items:center;border:1px solid #ced9d7;background:white;border-radius:12px;padding:0 14px;margin:20px 0 13px;gap:10px}.search-box>span{font-size:29px;color:#6b827e}.search-box input{border:0;background:transparent;outline:none;width:100%;padding:14px 0;font-size:16px;min-width:0}.result-list{display:grid;gap:9px;margin:13px 0 16px}.result{display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;background:white;border:1px solid var(--border);border-radius:13px;padding:16px 17px;width:100%;color:inherit;min-height:76px}.result:hover{border-color:#97bcb6}.result-title{font-size:16px;font-weight:600;overflow-wrap:anywhere}.result-id{display:block;font-size:12px;color:var(--muted);margin-top:5px;font-weight:400}.chevron{color:#93aaa5;font-size:23px}.crm-link{display:inline-flex;align-items:center;font-size:13px;margin-bottom:16px}.recorder-card{margin-top:6px}.badge{font-size:11px;color:#54736e;background:#edf5f3;padding:6px 8px;border-radius:7px;white-space:nowrap}.record-controls{display:flex;flex-direction:column;align-items:center;gap:10px;padding:26px 0 13px}.record-button{display:grid;place-items:center;width:78px;height:78px;border-radius:50%;background:#0f766e;color:white;box-shadow:0 0 0 8px #eaf4f1;margin-bottom:9px}.record-button svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.record-button.recording{background:#b4463b;box-shadow:0 0 0 8px #fbefed}.record-button.recording svg{fill:currentColor;stroke:none;border-radius:4px;width:23px;height:23px}.record-button.recording svg>*{display:none}.record-button.recording svg{background:currentColor}.timer{font-size:29px;letter-spacing:-.5px;font-variant-numeric:tabular-nums;font-weight:600}#record-label{color:var(--muted);font-size:14px;text-align:center}#record-hint{margin:14px 0 0;text-align:center;font-size:12px}audio{display:block;width:100%;min-height:44px}.draft-actions{display:flex;justify-content:space-between;gap:12px;margin:12px 0 16px}.notes-heading{margin:29px 0 12px}.note{background:white;border:1px solid var(--border);border-radius:15px;padding:17px 17px 15px;margin-bottom:12px}.note-title{font-size:14px;font-weight:600}.note-meta{font-size:12px;color:var(--muted);margin:5px 0 13px}.empty{padding:26px 17px;border:1px dashed #cbd9d6;border-radius:14px;background:#f9fbfa;text-align:center;color:var(--muted);line-height:1.5;font-size:14px}.notice{padding:13px 15px;border-radius:11px;margin:0 0 18px;background:#e3f1eb;color:#285c46;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.notice.error{background:#f9eae7;color:#913e36}.notice.warning{background:#fff2da;color:#775820}footer{margin:33px 0 0;text-align:center;font-size:11px;color:#8b9b9b}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:480px){.shell{padding-left:17px;padding-right:17px}.topbar{padding-top:19px;padding-bottom:23px}h1{font-size:27px}.intro{padding-top:14px}.intro h1{font-size:31px}.card{padding:20px 18px}.draft-actions{gap:7px}.draft-actions .text-button{font-size:13px}.note{padding:16px 13px}.heading-row{gap:10px}}@media(prefers-reduced-motion:reduce){.view{animation:none}}

.back,.eyebrow{display:block}
.timeline-status{display:inline-block;font-size:12px;line-height:1.4;padding:5px 8px;border-radius:7px;margin:0 0 12px;color:#687d78;background:#f0f4f2}.timeline-status.sent{color:#285c46;background:#e3f1eb}.timeline-status.pending,.timeline-status.retry,.timeline-status.confirming{color:#775820;background:#fff2da}.timeline-status.blocked{color:#913e36;background:#f9eae7}

.install-help{margin:22px auto 0;max-width:400px;text-align:left;font-size:12px;line-height:1.6;color:#65777d}.install-help summary{cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:center;color:#0f766e}.install-help p{padding:0 10px}.install-help button{display:block;margin:10px auto}@media(display-mode:standalone){.install-help{display:none}}