#conversationStart{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;font-size:21px;font-weight:800;padding:20px;border-radius:20px;border:1px solid #f2c66d;background:linear-gradient(125deg,#ffe5a0,#d8a344);color:#07182c;box-shadow:0 8px 30px #e1b35b22;cursor:pointer}
#conversation[hidden]{display:none!important}
#conversation{position:fixed;inset:0;z-index:9999;background:#04101f;color:#fff4d8;display:grid;grid-template-rows:minmax(0,1fr) 48px minmax(0,1fr);height:100%;height:100dvh;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);box-sizing:border-box}
.conv-side{min-height:0;padding:12px 18px;display:flex;flex-direction:column;gap:8px;background:radial-gradient(ellipse at 50% 100%,#173d64 0%,#071a30 58%,#04101f 100%);overflow:hidden}
.conv-side.opposite{transform:rotate(180deg)}
.conv-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0}.conv-head select{max-width:70%;font-size:20px;font-weight:700;padding:8px 12px;border-radius:12px;border:1px solid #f2c66d77;background:#0a2139;color:#ffe3a0;min-height:46px}.conv-replay{font-size:23px;min-width:54px;min-height:46px;border:1px solid #f2c66d66;border-radius:12px;background:#0a2139;color:#ffe3a0}.conv-replay:disabled{opacity:.4}
.conv-copy{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:4px 2px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:clamp(21px,5.4vw,30px);line-height:1.35}.conv-copy.placeholder{color:#acbecf;font-size:19px}.conv-original{color:#afc3d6;font-size:15px;line-height:1.3;max-height:36px;overflow:auto;margin:0;white-space:pre-wrap;flex-shrink:0}.conv-status{font-size:16px;min-height:21px;color:#ead7a7;flex-shrink:0}.conv-status.error{color:#ffb9b9}
.conv-mic{display:flex;align-items:center;justify-content:center;gap:16px;flex-shrink:0;min-height:76px;width:100%;border:1px solid #ffdfa1;border-radius:22px;background:linear-gradient(125deg,#ffe5a0,#d8a344);color:#07182c;font-size:23px;font-weight:800;cursor:pointer;box-shadow:0 5px 25px #d7ac4e22;touch-action:manipulation}.conv-mic svg{width:32px;height:36px;fill:currentColor}.conv-mic.listening{background:#9c2848;color:#fff;box-shadow:0 0 0 3px #ffcc7a55}.conv-mic:disabled{opacity:.55;cursor:wait}.conv-mic:focus-visible,.conv-replay:focus-visible,#convClose:focus-visible{outline:3px solid #fff;outline-offset:2px}
.conv-divider{display:flex;align-items:center;justify-content:space-between;border-block:1px solid #f2c66d66;padding:0 14px;background:#04101f;gap:8px;color:#ffe3a0;font-size:14px;letter-spacing:.04em}.conv-brand{display:flex;align-items:center;gap:8px}.conv-brand img{width:31px;height:31px;border-radius:50%;object-fit:cover}#convClose{border:1px solid #f2c66d66;border-radius:10px;background:#0a2139;color:#ffe3a0;font-size:17px;min-height:38px;padding:5px 12px}
@media(max-height:650px){.conv-side{padding:6px 12px;gap:4px}.conv-mic{min-height:58px;font-size:21px}.conv-head select,.conv-replay{min-height:40px;padding:4px 8px}.conv-copy{font-size:21px}.conv-original{max-height:22px}.conv-status{font-size:14px;min-height:18px}}
@media(orientation:landscape) and (max-height:600px){#conversation{grid-template-rows:minmax(0,1fr) 42px minmax(0,1fr)}.conv-side{display:grid;grid-template-columns:1fr 190px;grid-template-rows:40px 1fr 22px;gap:3px 12px}.conv-head{grid-column:1}.conv-copy{grid-column:1;grid-row:2}.conv-original{display:none}.conv-status{grid-column:1;grid-row:3}.conv-mic{grid-column:2;grid-row:1/4;align-self:stretch}}

/* Full-width, high-contrast exit bar between both speakers. */
#conversation{grid-template-rows:minmax(0,1fr) 68px minmax(0,1fr)}
.conv-divider{justify-content:center;padding:0;gap:0;border:0}
.conv-divider .conv-brand{display:none}
#convClose{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:0;margin:0;padding:8px 12px;border:0;border-radius:0;background:linear-gradient(125deg,#ffe5a0,#d8a344);color:#07182c;font-size:26px;font-weight:900;line-height:1.2;text-align:center;white-space:normal;overflow-wrap:anywhere;cursor:pointer;touch-action:manipulation}
#convClose:focus-visible{outline:3px solid white;outline-offset:-4px}
@media(max-width:350px){#convClose{font-size:24px}}
@media(orientation:landscape) and (max-height:600px){#conversation{grid-template-rows:minmax(0,1fr) 60px minmax(0,1fr)}}

/* Readable text on both speaker panels; reserve space by slimming the exit bar. */
#conversation{grid-template-rows:minmax(0,1fr) 48px minmax(0,1fr)}
#convClose{font-size:23px;padding:6px 10px}
.conv-copy,.conv-copy.placeholder{font-size:clamp(26px,6.6vw,34px);line-height:1.4}
.conv-original{font-size:24px;line-height:1.4;max-height:3.0em}
.conv-status{font-size:18px;line-height:1.3;min-height:24px}
@media(max-height:650px){.conv-original{max-height:1.5em}.conv-status{font-size:16px;min-height:21px}}
@media(orientation:landscape) and (max-height:600px){#conversation{grid-template-rows:minmax(0,1fr) 44px minmax(0,1fr)}.conv-side{grid-template-rows:40px minmax(0,1fr) 24px}.conv-copy,.conv-copy.placeholder{font-size:26px}}

/* Large conversation text without an instructional placeholder. */
.conv-copy,.conv-copy.placeholder,.conv-original{font-size:clamp(28px,7.2vw,36px);line-height:1.4}
.conv-original{max-height:4.2em}
.conv-original:empty{display:none}
@media(max-height:650px){.conv-original{max-height:2.8em}}