/* A quiet conversation layer over the visual story. */
.ai-panel{padding:0;width:410px;max-height:min(680px,calc(100svh - 125px));display:flex;flex-direction:column;overflow:hidden;border-radius:22px;background:#121b17f5;border:1px solid #e8eddf24;box-shadow:0 24px 90px #0007;backdrop-filter:blur(24px);color:#f3f1e8}
.ai-panel[hidden],[hidden].voice-controls{display:none}
.guide-header{display:flex;align-items:center;justify-content:space-between;padding:22px 24px 18px;border-bottom:1px solid #ffffff12;flex-shrink:0}
.guide-header .eyebrow{margin:0 0 7px;font-size:10px;letter-spacing:.17em}.guide-header #guide-connection{font-size:11px;color:#b5c0b6}
.guide-header button{background:none;border:1px solid #ffffff26;border-radius:24px;padding:10px 14px;font-size:12px;min-height:44px;color:inherit}
.guide-conversation{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;min-height:110px;max-height:330px;padding:28px 24px;flex:1 1 auto;overflow-wrap:anywhere}
#guide-welcome{padding:12px 0 25px}#guide-welcome .guide-kicker{font-size:12px;color:#d5cfae;margin:0 0 20px}#guide-welcome h2{font-size:48px;line-height:1.04;letter-spacing:-.045em;margin:0 0 20px}#guide-welcome>p:last-child{font-size:13px;color:#b5c0b6;margin:0}
.guide-message{margin:0 0 28px}.guide-message:last-child{margin-bottom:0}.guide-speaker{font-size:10px;letter-spacing:.08em;color:#d6c776;margin:0 0 9px}.guide-message-text{font-size:17px;line-height:1.65;margin:0;white-space:pre-wrap}.guide-message[data-speaker="You"]{margin-left:32px;padding:14px 17px;border-radius:16px 16px 4px 16px;background:#ffffff08}.guide-message[data-speaker="You"] .guide-speaker{color:#bac5bb}.guide-message[data-speaker="You"] .guide-message-text{font-size:14px;color:#d4dcd2}
.stream-fragment{position:relative;animation:stream-arrive 380ms cubic-bezier(.2,.7,.2,1) both}
@keyframes stream-arrive{from{opacity:0;filter:blur(3px);top:5px}to{opacity:1;filter:blur(0);top:0}}
.guide-dock{padding:18px 24px 16px;border-top:1px solid #ffffff12;background:#17201b;flex:0 1 auto;overflow-y:auto;min-height:140px}
.guide-dock #voice-status{font-size:12px;line-height:1.5;color:#c2cbbf;margin:0 0 15px}
.guide-start-row{display:flex;gap:10px;align-items:center}.guide-start-row .button{flex:1;padding:14px 12px;min-height:48px;font-size:13px;border-radius:12px;justify-content:center;white-space:normal}.guide-start-row .button[hidden]{display:none}.guide-start-row .voice-language{margin:0;flex-shrink:0}.voice-language select{border-radius:12px;background:#202c23;padding:14px 10px;font-size:12px;min-height:48px;max-width:110px}.ai-panel button:disabled{opacity:.5}
.voice-controls{display:flex;gap:10px;margin:12px 0 0}.voice-controls button{flex:1;border:1px solid #ffffff30;background:none;border-radius:12px;padding:12px 8px;min-height:44px;font-size:12px;color:inherit}.voice-controls button[aria-pressed="true"]{background:#efe9ce;color:#142019}.ai-panel audio{height:32px;margin:12px 0 0}
.voice-alternatives{gap:8px;margin:16px 0 0}.voice-alternatives button{flex:1;text-align:center;border:0;border-radius:10px;background:#ffffff08;padding:12px 8px;min-height:44px;font-size:12px;color:#e3e7dc}
.guide-privacy{margin-top:14px;color:#b6c0b4;font-size:10px;line-height:1.6}.guide-privacy summary{cursor:pointer;padding:5px 0}.guide-privacy p{margin:10px 0 0}.guide-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
body:has(.ai-panel:not([hidden])) .ai-launcher{visibility:hidden}
@media(max-width:600px){.ai-panel{left:10px;right:10px;bottom:max(12px,env(safe-area-inset-bottom));width:auto;max-height:calc(100dvh - 30px);border-radius:22px}.guide-header{padding:18px 20px 15px}.guide-conversation{padding:22px 20px;max-height:38dvh}#guide-welcome{padding:4px 0 15px}#guide-welcome h2{font-size:44px}.guide-dock{padding:16px 20px}.guide-message-text{font-size:16px}}
@media(prefers-reduced-motion:reduce){.stream-fragment{animation:none}}
.reduced-motion .stream-fragment{animation:none}
/* Compact, mobile-first streaming surface. */
.ai-panel{width:430px;max-height:min(660px,calc(100dvh - 110px));border-radius:28px;background:linear-gradient(145deg,#1d2823f7,#101a16fa);box-shadow:0 32px 100px #0008,inset 0 1px #ffffff0d}
.guide-header{padding:18px 22px}.guide-header button{border-color:transparent;background:#ffffff08}
.guide-header button:focus-visible{outline:2px solid #f1d252;outline-offset:3px}
.guide-conversation{padding:28px 22px;min-height:170px;max-height:350px;scrollbar-color:#ffffff25 transparent;scroll-padding:24px}
#guide-welcome{padding:8px 0 14px}#guide-welcome .guide-kicker{margin-bottom:14px;color:#d8c878}#guide-welcome h2{font-size:36px;line-height:1.12;max-width:310px;margin-bottom:16px}#guide-welcome>p:last-child{font-size:13px;line-height:1.6;max-width:260px}
.guide-dock{background:#152019b3;padding:18px 22px}.guide-dock #voice-status{font-size:12px;margin-bottom:14px;max-width:330px}
.guide-start-row .button{border-radius:16px}.voice-language select{border-radius:16px}
.voice-alternatives button{background:transparent;border:1px solid #ffffff16;border-radius:14px}
.guide-privacy{margin-top:12px}.guide-message-text{font-size:17px;line-height:1.7;letter-spacing:-.015em}
.stream-fragment{animation:stream-arrive 420ms cubic-bezier(.16,1,.3,1) both}
@keyframes stream-arrive{from{opacity:0;filter:blur(2px);top:4px}to{opacity:1;filter:blur(0);top:0}}
.guide-skeleton{padding:12px 0 20px;min-height:112px}.guide-skeleton[hidden]{display:none}
.guide-skeleton-label{display:block;font-size:11px;letter-spacing:.03em;color:#c5cdbf;margin-bottom:18px}
.skeleton-line{display:block;height:10px;border-radius:8px;margin:12px 0;background:linear-gradient(100deg,#ffffff08 15%,#ffffff19 45%,#ffffff08 75%);background-size:220% 100%;animation:guide-shimmer 1.8s ease-in-out infinite;width:92%}
.skeleton-line:nth-child(3){width:78%;animation-delay:100ms}.skeleton-line:nth-child(4){width:48%;animation-delay:200ms}
@keyframes guide-shimmer{from{background-position:100% 0}to{background-position:-100% 0}}
@media(max-width:600px){.ai-panel{width:auto;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));max-height:calc(100dvh - 24px);border-radius:26px}.guide-conversation{max-height:36dvh;min-height:145px;padding:24px 20px}.guide-header{padding:16px 20px}#guide-welcome h2{font-size:34px;max-width:290px}.guide-dock{padding:16px 20px}.guide-message-text{font-size:16px}}
@media(max-height:520px){.ai-panel{max-height:calc(100dvh - 16px);bottom:8px}.guide-conversation{min-height:75px}.guide-dock{min-height:100px}.guide-header{padding-top:10px;padding-bottom:10px}}
@media(prefers-reduced-motion:reduce){.stream-fragment,.skeleton-line{animation:none;filter:none;top:0}.skeleton-line{background:#ffffff12}}
.reduced-motion .stream-fragment,.reduced-motion .skeleton-line{animation:none;filter:none;top:0}