:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#183c40;background:#f3f4ef;font-synthesis:none;line-height:1.55}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}header{max-width:1240px;margin:auto;padding:28px 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dbe2dc}.brand{text-decoration:none;font-size:38px;font-weight:750;letter-spacing:-2px;color:#174e52}.brand span{display:block;font-size:10px;letter-spacing:1.2px;text-transform:uppercase;font-weight:500;color:#677d7c}main{max-width:1240px;padding:44px 36px 64px;margin:auto;min-height:75vh}h1{font-size:clamp(28px,4vw,44px);line-height:1.15;letter-spacing:-1.5px;font-weight:550;margin:14px 0}h2{font-size:23px;line-height:1.3;letter-spacing:-.5px;font-weight:550}p{color:#526d6d}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #c6d4cf;background:transparent;color:#214d50;border-radius:9px;padding:10px 17px}button:hover{background:#e4eee7}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #dfab57;outline-offset:3px}.primary{background:#18595a;border-color:#18595a;color:white}.primary:hover{background:#104748}.card{padding:28px;border:1px solid #dce4dc;border-radius:18px;background:#fffef9;box-shadow:0 3px 10px #183c4003;margin-bottom:22px}.login{max-width:530px;margin:12px auto;padding:40px}.eyebrow{font-size:11px;font-weight:650;letter-spacing:1.7px;color:#60837a}form{display:grid;gap:16px;margin:24px 0}label{display:grid;gap:6px;font-size:13px;font-weight:600}input,select{width:100%;background:#fff;border:1px solid #ccd8d3;padding:11px 12px;border-radius:8px;color:#173f40;min-height:44px}.muted,small{color:#71827b;font-size:12px}.intro{display:flex;justify-content:space-between;align-items:center;gap:16px}.badge{border:1px solid #c6d8cb;background:#e5eee1;font-size:11px;padding:7px 12px;border-radius:30px;display:inline-block;white-space:normal}nav{display:flex;gap:12px;margin:30px 0 28px;overflow:auto}nav button{border:0;white-space:nowrap}nav [aria-current]{background:#174e52;color:white}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.metrics .card{display:grid;gap:8px}.metrics span{font-size:13px}.metrics strong{font-size:43px;line-height:1.2;font-weight:500}.columns{display:grid;grid-template-columns:1.4fr 1fr;gap:22px}.accent{background:#e4eddc}.accent button{background:#fffef9}.empty{text-align:center;padding:40px 16px}.empty strong{display:block;font-weight:550}.inline{display:flex;align-items:end;gap:12px}.inline label{flex:1}.row{padding:15px 0;border-bottom:1px solid #e1e6dd;display:flex;align-items:center;justify-content:space-between;gap:16px}.row small{display:block}.danger{color:#93412f}.notice{padding:18px;background:#fff3d4;border-radius:12px;margin:20px 0;overflow-wrap:anywhere}.notice button{margin-top:12px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}#status{max-width:800px;margin:20px auto;color:#8d3e2c}footer{max-width:1168px;margin:auto;padding:22px 0;border-top:1px solid #dbe2dc;font-size:13px}footer span{float:right;color:#71827b}@media(max-width:700px){header{padding:20px}main{padding:24px 18px 44px}.intro{align-items:start;flex-direction:column}.metrics{grid-template-columns:1fr;gap:0}.metrics .card{grid-template-columns:1fr auto;align-items:center}.metrics small{grid-column:1/-1}.columns{grid-template-columns:1fr;gap:0}.card{padding:22px}.login{padding:26px}.inline{align-items:stretch;flex-direction:column}.row{align-items:start;flex-wrap:wrap}footer{margin:0 20px}footer span{float:none;display:block}nav{gap:3px}nav button{padding:10px 12px}}
.capture-buttons{display:flex;flex-wrap:wrap;gap:.75rem;margin:1rem 0}.capture-buttons button{min-height:48px}#capture-time{font-size:1.6rem;font-variant-numeric:tabular-nums}audio,progress{width:100%;max-width:100%;margin:1rem 0}#recording-result section{padding:1rem 0;border-bottom:1px solid #d7e0dc}#recording-result p{white-space:pre-wrap;overflow-wrap:anywhere}#recording-result details{padding:1rem 0}#recording-result li{overflow-wrap:anywhere}.row{flex-wrap:wrap}#recording-controls{margin-bottom:1rem}@media(max-width:600px){.capture-buttons button{flex:1 1 40%}.row>div{min-width:0}#recording-result{padding:1.25rem}}
#integration-form label{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:12px;font-size:15px;font-weight:500}#integration-form input[type=checkbox]{width:22px;height:22px;min-height:22px;padding:0;margin:2px 0;accent-color:#18595a}#recording-result li button{margin:4px 8px 4px 0}