:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif}main{max-width:760px;margin:0 auto;padding:2rem}button{margin-right:.75rem}button:focus-visible{outline-offset:3px;outline:3px solid #315f96}button:disabled{cursor:not-allowed;opacity:.58}.conversation{max-width:680px}.eyebrow{color:#315f96;letter-spacing:.05em;text-transform:uppercase;font-weight:700}.practice-state,.conversation .transcript{border:1px solid #d7e1ed;border-radius:.75rem;min-height:5rem;margin-top:1rem;padding:1rem}.conversation .transcript{overscroll-behavior:contain;max-height:min(52vh,34rem);scroll-padding-block-end:1rem;overflow-y:auto}.status-label{color:#315f96;margin-top:0;font-weight:700}.voice-actions{z-index:1;background:#fff;gap:.75rem;margin-top:1rem;padding:.75rem 0;display:flex;position:sticky;bottom:0}.voice-actions button{min-height:2.75rem;margin:0;padding:0 .9rem}.turn{border-top:1px solid #e7edf4;padding:.65rem 0}.turn p{white-space:pre-wrap;margin:.3rem 0 0}.turn.user strong{color:#315f96}.turn.assistant strong{color:#7b3f00}.empty{color:#5f6b76}.visually-hidden{clip:rect(0, 0, 0, 0);width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}