:root{color:#1e3730;font-synthesis:none;text-rendering:optimizelegibility;background:#eef2ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#eef2ef;min-width:20rem;min-height:100%}body{min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button:focus-visible,input:focus-visible{outline-offset:.2rem;outline:.2rem solid #337f68}cosmaneura-capture{display:block}cosmaneura-capture .shell{max-width:48rem;padding:max(1.25rem, env(safe-area-inset-top)) 1rem max(2rem, env(safe-area-inset-bottom));margin:0 auto}cosmaneura-capture header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}cosmaneura-capture .brand{letter-spacing:.02em;font-size:.95rem;font-weight:750}cosmaneura-capture .status{color:#684d08;text-transform:uppercase;background:#fff0c9;border:1px solid #efd58b;border-radius:999px;padding:.45rem .7rem;font-size:.72rem;font-weight:800}cosmaneura-capture main{gap:1rem;display:grid}cosmaneura-capture .eyebrow,cosmaneura-capture .step{color:#3a6f5f;letter-spacing:.08em;text-transform:uppercase;margin:0 0 .35rem;font-size:.75rem;font-weight:800}cosmaneura-capture h1{color:#103b30;letter-spacing:-.045em;margin:0;font-size:clamp(2.15rem,9vw,4rem);line-height:.98}cosmaneura-capture .intro{color:#536860;max-width:42rem;margin:0 0 .75rem;font-size:1.05rem;line-height:1.6}cosmaneura-capture .flow-card{background:#fff;border:1px solid #d6e0da;border-radius:1.1rem;gap:1.1rem;padding:clamp(1.25rem,5vw,2rem);display:grid;box-shadow:0 1.25rem 3.5rem #12372d0d}cosmaneura-capture h2,cosmaneura-capture h3{color:#12372d;margin:0}cosmaneura-capture .flow-card p{color:#536860;margin:.45rem 0 0;line-height:1.55}cosmaneura-capture .consent-control{background:#f5f8f6;border-radius:.8rem;align-items:flex-start;gap:.8rem;padding:1rem;line-height:1.4;display:flex}cosmaneura-capture .consent-control input{width:1.35rem;height:1.35rem;margin:.1rem 0 0}cosmaneura-capture button{cursor:pointer;border:0;border-radius:.8rem;min-height:3rem;padding:.8rem 1rem;font-weight:800}cosmaneura-capture button:disabled{cursor:not-allowed;opacity:.45}cosmaneura-capture .primary{color:#fff;background:#145c49}cosmaneura-capture .secondary{color:#1e493d;background:#e5ece8}cosmaneura-capture .record-actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}cosmaneura-capture .record-button{color:#fff;background:#a52026;border-radius:999px;align-items:center;gap:.7rem;min-height:4.5rem;padding:1rem 1.5rem;display:inline-flex}cosmaneura-capture .record-button span{background:currentColor;border-radius:50%;width:1rem;height:1rem}cosmaneura-capture dl{border-top:1px solid #e0e7e3;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;margin:0;padding-top:1rem;display:grid}cosmaneura-capture dt,cosmaneura-capture dd{margin:0;font-size:.9rem}cosmaneura-capture dt{color:#64766f}cosmaneura-capture dd{font-variant-numeric:tabular-nums;text-align:right;font-weight:750}cosmaneura-capture .transcript{background:#f5f8f6;border-left:.25rem solid #337f68;padding:1rem}cosmaneura-capture .fixed-status{color:#687a73;overflow-wrap:anywhere;text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem}@media (min-width:40rem){cosmaneura-capture .shell{padding-inline:1.5rem}cosmaneura-capture .recorder{grid-template-columns:minmax(0,1fr) auto;align-items:center}}
