nav{display:flex;align-items:center;gap:18px}nav a{display:flex;align-items:center;min-height:44px;font-size:14px}.talk-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-top:28px}.stage{position:relative;aspect-ratio:4/3;border-radius:18px;overflow:hidden;background:#32291f}.stage img{display:block;width:100%;height:100%;object-fit:cover}.avatar-canvas{display:block;width:100%;height:100%;object-fit:cover}.avatar-source{position:absolute;opacity:0;pointer-events:none}.voice-controls{display:flex;flex-wrap:wrap;gap:8px}.voice-controls button{flex:1 1 130px;font-size:14px}.session-note{color:var(--muted);font-size:13px}#timer{font-variant-numeric:tabular-nums}#recording-notice h2{font-size:23px}#recording-notice p{font-size:14px}#recording-notice a{display:inline-block;padding:10px 0;min-height:44px}#question-form button{margin-top:12px;width:100%}#messages{max-height:400px;overflow:auto;margin-bottom:20px;overscroll-behavior:contain}#messages .message{border-top:1px solid var(--line);padding:14px 0}#messages .message p{margin:5px 0;white-space:pre-wrap;overflow-wrap:anywhere}#messages .message strong{font-size:11px;letter-spacing:.08em;color:var(--muted)}.sources a{display:flex;min-height:48px;align-items:center;padding:8px 0;font-size:15px}[hidden]{display:none!important}body.offline #status{color:var(--accent)}@media(max-width:850px){.talk-layout{grid-template-columns:1fr}.stage{max-width:600px;margin:auto;aspect-ratio:16/10}#messages{max-height:350px}}@media(max-width:600px){header{align-items:flex-start}.brand{font-size:18px}nav{gap:8px;flex-wrap:wrap;justify-content:flex-end;max-width:165px}nav a{font-size:12px}h1{font-size:43px}}@media(max-height:500px) and (orientation:landscape){.talk-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.stage{aspect-ratio:4/3}.voice-controls button{flex-basis:100px;padding:8px}.intro .lede{font-size:17px}#messages{max-height:240px}}
/* Put the question and notice before the portrait on phones. */
@media(max-width:850px){.talk-layout>.question-panel{order:-1}.intro .lede{font-size:18px}h1{font-size:clamp(36px,7vw,60px)}}
@media(max-height:500px) and (orientation:landscape){.talk-layout>.question-panel{order:0}}