:root{color:#172026;background:#f7faf9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.app-shell{width:min(760px,100%);min-height:100vh;margin:0 auto;padding:24px 16px 40px}.capture-panel{position:relative;display:grid;gap:18px;justify-items:center;padding:52px 18px 28px;border-bottom:1px solid #dbe7e4}.network-status{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;min-height:28px;gap:6px;padding:4px 8px;border:1px solid transparent;border-radius:999px;font-size:.78rem;font-weight:700}.network-status.is-online{color:#0f5132;background:#dff4e8;border-color:#bfe8d2}.network-status.is-offline{color:#842029;background:#f8d7da;border-color:#f0bfc4}.eyebrow{margin:0 0 6px;color:#0f766e;font-size:.78rem;font-weight:700;letter-spacing:0;text-align:center;text-transform:uppercase}h1{margin:0;color:#172026;font-size:clamp(2rem,8vw,3.2rem);line-height:1.05;text-align:center}.record-button{display:grid;width:112px;height:112px;place-items:center;color:#fff;background:#0f766e;border:0;border-radius:50%;box-shadow:0 18px 38px #0f766e3d}.record-button.is-recording{background:#b42318;box-shadow:0 18px 38px #b423183d}.waveform-canvas{display:block;width:min(360px,82vw);height:56px;background:#e5efec;border:1px solid #c9e9e4;border-radius:8px}.capture-status{display:inline-flex;align-items:center;min-height:28px;gap:8px;color:#4a5c58;font-size:.95rem}.recognition-mode-field{display:grid;width:min(360px,82vw);gap:6px;color:#40534f;font-size:.86rem;font-weight:700}.recognition-mode-field select{width:100%;padding:10px 12px;color:#172026;background:#fff;border:1px solid #c9d9d5;border-radius:8px}.recognition-mode-field small{color:#667a75;font-size:.78rem;font-weight:500;line-height:1.4}.pulse-dot{width:10px;height:10px;background:#94a3b8;border-radius:50%}.pulse-dot.active{background:#b42318;animation:pulse 1.2s infinite}.error-text{margin:0;color:#b42318}.memo-list{display:grid;gap:12px;padding-top:20px}.empty-state{display:grid;min-height:180px;place-items:center;align-content:center;gap:12px;color:#5f6f6b;border:1px dashed #b8c7c3;border-radius:8px}.memo-card{display:grid;gap:12px;padding:14px;background:#fff;border:1px solid #dbe7e4;border-radius:8px}.memo-card header,.memo-card footer{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-start;gap:8px}.memo-card time{margin-left:auto;color:#697b77;font-size:.85rem}.status-pill{min-width:64px;padding:4px 8px;color:#24312f;background:#eef4f2;border-radius:999px;font-size:.82rem;font-weight:700;text-align:center}.status-uploading,.status-processing{color:#7a4d00;background:#fff4d6}.status-success{color:#0f5132;background:#dff4e8}.status-error{color:#842029;background:#f8d7da}.recognition-mode-pill{padding:4px 8px;color:#0f766e;background:#ecfdfa;border-radius:999px;font-size:.82rem;font-weight:700}.template-pill{padding:4px 8px;color:#5f3b00;background:#fff4d6;border-radius:999px;font-size:.82rem;font-weight:700}.memo-text{width:100%;min-height:72px;padding:0;color:#172026;background:transparent;border:0;line-height:1.65;text-align:left;white-space:pre-wrap}.raw-transcript{padding:10px 12px;color:#40534f;background:#f6faf8;border:1px solid #dbe7e4;border-radius:8px}.raw-transcript summary{cursor:pointer;font-size:.86rem;font-weight:700}.raw-transcript p{margin:10px 0 0;color:#172026;line-height:1.6;white-space:pre-wrap}textarea{width:100%;min-height:112px;padding:10px;color:#172026;border:1px solid #aabbb7;border-radius:6px;resize:vertical}.memo-card footer{justify-content:flex-start}.memo-card footer button{display:grid;width:36px;height:36px;place-items:center;color:#27423d;background:#f2f7f5;border:1px solid #dbe7e4;border-radius:6px}.memo-card footer select{min-height:36px;padding:0 10px;color:#27423d;background:#f2f7f5;border:1px solid #dbe7e4;border-radius:6px}.synced-icon{margin-left:auto;color:#0f766e}@keyframes pulse{0%{transform:scale(1);opacity:1}70%{transform:scale(1.7);opacity:.2}to{transform:scale(1);opacity:1}}