:root{color-scheme:light;font-family:system-ui,-apple-system,sans-serif;color:#353831;background:#faf8f2;font-size:15px}*{box-sizing:border-box}body{margin:0}main{max-width:760px;margin:auto;padding:24px}header{display:flex;gap:16px;justify-content:space-between;align-items:center;border-bottom:1px solid #ded7c9;padding-bottom:17px;margin-bottom:20px}h1{font:normal 1.6rem/1.2 Georgia,serif;margin:5px 0}.eyebrow{font-size:.65rem;letter-spacing:.18em;color:#8c6b3b;margin:0}button{font:inherit;cursor:pointer;border:1px solid #d5c3a3;background:#fffcf7;border-radius:20px;color:#77582c;padding:9px 16px}button:hover:not(:disabled){background:#eee5d5}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #9a722e;outline-offset:3px}#expand{font-size:.8rem;padding:7px 12px}.greeting{font:1.18rem/1.65 Georgia,serif;margin:0 0 20px}label{display:block;font-size:.86rem;margin:12px 0 7px}label span,.fine{color:#73776e}input[type=text],input:not([type]),textarea{width:100%;font:inherit;color:inherit;border:1px solid #d5d4cb;border-radius:8px;background:#fffefa;padding:12px}textarea{resize:vertical;line-height:1.5;min-height:90px;max-height:160px}.buttons{display:flex;gap:10px;margin-top:16px}.consent{display:flex;align-items:flex-start;gap:8px;font-size:.78rem;line-height:1.6}.consent input{margin-top:4px}details{margin:15px 0;color:#666d61;font-size:.8rem;line-height:1.6}summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px}#status{font-size:.88rem;line-height:1.5;color:#7b6036}#status:empty{display:none}#privacy{margin-bottom:0}#challenge{min-height:65px;overflow:hidden}#transcript{overflow:auto;max-height:310px;scrollbar-gutter:stable;overscroll-behavior:contain;overflow-anchor:none;padding-right:8px}main.expanded #transcript{max-height:none}#limit{font-size:.75rem;margin-top:0}.message{margin:18px 0 24px}.message .speaker{font-size:.8rem;font-weight:600;margin-bottom:8px;color:#806435}.message.visitor{margin-left:18%;background:#efeee7;padding:12px 15px;border-radius:16px}.message.visitor .speaker{color:#626b52}.words{white-space:pre-wrap;overflow-wrap:anywhere;font:1.12rem/1.65 Georgia,serif}.visitor .words{font:inherit;line-height:1.5}.receipt{font-size:.7rem;color:#7e8179;margin-top:8px;min-height:1.2em}.word{opacity:0;transition:opacity 460ms ease-out}.word.visible{opacity:1}#starters{display:grid;gap:8px;margin:20px 0}#starters button{text-align:left;font-size:.86rem;border-radius:10px}#question-form{border-top:1px solid #ded7c9;padding-top:8px}.composer-footer{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin-top:10px}.composer-footer .fine{font-size:.68rem;margin-right:auto;max-width:55%}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:420px){main{padding:18px 14px}h1{font-size:1.35rem}header{gap:6px}.greeting{font-size:1.08rem}#transcript{max-height:280px}}@media(prefers-reduced-motion:reduce){.word{transition:none;opacity:1}}