/* A single conversation, with secondary records disclosed on demand. */
:root{color-scheme:light;font:17px/1.55 system-ui,sans-serif;color:#233b34;background:#f5f5ef;--accent:#235c4b;--muted:#52665e}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}main{max-width:780px;margin:auto;padding:26px 28px 48px}header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0 18px;padding-bottom:18px;border-bottom:1px solid #d4ddd5}header p{margin:0}.eyebrow{font-size:.75rem;letter-spacing:.09em;text-transform:uppercase;font-weight:700;color:var(--muted)}.quiet{font-size:.83rem;color:var(--muted)}h1{font-size:clamp(2.1rem,6vw,3.6rem);line-height:1.12;font-weight:600;letter-spacing:-.04em;margin:28px 0 22px}h2{font-size:1.2rem;line-height:1.5;font-weight:500}.lead{font-size:1.16rem;color:#425a50}p{margin:12px 0}.welcome{max-width:610px;padding-top:16px}.consent{margin:28px 0 22px}label{display:flex;align-items:flex-start;gap:12px;margin:16px 0;font-size:.91rem;cursor:pointer}input[type=checkbox]{flex:0 0 auto;accent-color:var(--accent);width:19px;height:19px;margin-top:3px}button{min-height:48px;border:0;border-radius:30px;padding:13px 24px;background:var(--accent);color:#fff;font:inherit;font-size:.94rem;font-weight:600;cursor:pointer}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #247ab0;outline-offset:4px}.secondary{background:#e4ebe4;color:#233b34}.text-button{background:transparent;color:var(--accent);font-size:.85rem;padding:10px 12px;min-height:44px}.danger{color:#973c32}details{margin-top:22px;font-size:.9rem}summary{cursor:pointer;color:var(--accent);padding:12px 0;min-height:44px;font-weight:600}details p{overflow-wrap:anywhere}.privacy{max-width:570px}.conversation{text-align:center;padding:28px 0 12px}.conversation h1{font-size:clamp(1.8rem,5vw,2.6rem);margin:24px 0 10px}.conversation #question{max-width:590px;min-height:70px;margin:28px auto;color:#385749}.conversation #conversation-hint{color:var(--muted);min-height:28px}.voice-mark{display:flex;align-items:center;justify-content:center;gap:7px;height:106px;width:106px;margin:28px auto 0;border-radius:50%;background:#e1eae0}.voice-mark span{display:block;width:6px;height:15px;border-radius:8px;background:#789889}.voice-mark span:nth-child(2),.voice-mark span:nth-child(4){height:29px}.voice-mark span:nth-child(3){height:43px}[data-state=speaking] .voice-mark span{background:var(--accent);animation:voice 1s ease-in-out infinite alternate}[data-state=speaking] .voice-mark span:nth-child(2n){animation-delay:.35s}[data-state=listening] .voice-mark{box-shadow:0 0 0 8px #eaf0e7}[data-state=thinking] .voice-mark,[data-state=connecting] .voice-mark{animation:breathe 1.5s ease-in-out infinite alternate}.conversation-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.transcript{text-align:left;margin:20px auto 0;max-width:590px}.feedback{margin:14px 0}#error{color:#973c32;font-size:.95rem}#session-actions{border-top:1px solid #d4ddd5;margin-top:24px;padding-top:12px}.recording-status{font-size:.8rem;color:var(--muted)}.downloads{display:flex;gap:10px;flex-wrap:wrap}#notes article{margin:20px 0;border-bottom:1px solid #d4ddd5;padding-bottom:12px}#synthetic-label{color:#973c32}#invitation-status{color:#973c32}#finish-panel{padding:22px 0}@keyframes voice{to{transform:scaleY(.6)}}@keyframes breathe{to{opacity:.55}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important}}@media(max-width:480px){main{padding:18px 18px 36px}header{gap:8px}.welcome{padding-top:6px}h1{margin-top:26px}.conversation{padding-top:16px}.voice-mark{margin-top:20px}.conversation-controls button{flex:1}.downloads{flex-direction:column}#start-button{width:100%}.consent{margin-top:22px}}
