:root{--flag-en-url: none;--flag-de-url: none;--flag-es-url: none;--flag-it-url: none;--flag-fr-url: none;--base-width: 1080;--base-height: 1920;--frame-width: min(100vw, 56.25vh );--frame-height: min(100vh, calc(100vw * 16 / 9));--unit: min( calc(var(--frame-width) / var(--base-width)), calc(var(--frame-height) / var(--base-height)) );--bg: #000;--panel: #1a1a1c;--light: #ffffff;--bubble-light: #d6d7db;--bubble-dark: #414246;--top-logo-space: 0px;--mobile-avatar-remaining-space: 1;--session-stage-top: calc(52 * var(--unit));--session-stage-side: calc(34 * var(--unit));--session-stage-bottom: calc(500 * var(--unit));--session-messages-side: calc(46 * var(--unit));--session-messages-bottom: calc(258 * var(--unit));--session-messages-height: calc(470 * var(--unit));--session-controls-bottom: calc(66 * var(--unit));--avatar-stage-radius: calc(12 * var(--unit));--bubble-tail-size: calc(18 * var(--unit));--bottom-embrace-height: calc(420 * var(--unit))}.app-frame.push-to-talk-mode{--session-stage-bottom: calc(600 * var(--unit));--session-controls-width: calc(936 * var(--unit));--session-controls-column-side: calc(178 * var(--unit));--session-controls-column-center: calc(440 * var(--unit));--session-controls-gap: calc(70 * var(--unit));--session-controls-height: calc(320 * var(--unit));--session-messages-bottom: calc(420 * var(--unit));--session-messages-height: calc(430 * var(--unit))}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#060606;color:var(--light);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}.app-shell{width:100%;height:100dvh;display:flex;justify-content:center;align-items:center}.app-frame{position:relative;width:var(--frame-width);height:var(--frame-height);max-height:100dvh;aspect-ratio:9 / 16;background:var(--bg);display:flex;flex-direction:column;align-items:stretch;padding:calc(84 * var(--unit)) calc(70 * var(--unit)) calc(66 * var(--unit));gap:calc(20 * var(--unit));overflow:hidden}.app-frame.is-start,.app-frame.is-session{padding:0}.app-frame.is-session:after,.app-frame.is-start:after{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--bottom-embrace-height);background:linear-gradient(180deg,#0000,#000000eb 72%,#000);pointer-events:none;z-index:2}.top-logo-wrap{position:absolute;top:calc(20 * var(--unit));left:50%;width:min(calc(100% - (140 * var(--unit))),calc(920 * var(--unit)));display:flex;justify-content:center;transform:translate(-50%);z-index:6}.app-frame.has-top-logo{--top-logo-space: calc(156 * var(--unit))}.top-logo-wrap[hidden]{display:none!important}.top-logo{width:calc(290 * var(--unit));max-width:min(43%,calc(360 * var(--unit)));max-height:calc(120 * var(--unit));height:auto;object-fit:contain;display:block}.avatar-stage{position:relative;width:100%;flex:0 0 auto;border-radius:var(--avatar-stage-radius);overflow:hidden;background:#000;aspect-ratio:1 / 1}.debug-overlay{position:absolute;top:calc(24 * var(--unit));left:calc(24 * var(--unit));right:calc(176 * var(--unit));max-height:calc(32% - (24 * var(--unit)));display:flex;flex-direction:column;padding:calc(18 * var(--unit));border-radius:calc(18 * var(--unit));background:#060a0ed1;border:calc(2 * var(--unit)) solid rgba(125,230,186,.35);-webkit-backdrop-filter:blur(calc(12 * var(--unit)));backdrop-filter:blur(calc(12 * var(--unit)));box-shadow:0 calc(10 * var(--unit)) calc(28 * var(--unit)) #00000057;z-index:5;overflow:hidden;pointer-events:auto;touch-action:pan-y}.debug-overlay[hidden]{display:none!important}.debug-overlay__header{display:flex;align-items:center;justify-content:space-between;gap:calc(16 * var(--unit));margin-bottom:calc(12 * var(--unit));color:#b4ffd9;font-size:calc(24 * var(--unit));font-weight:700;letter-spacing:.08em}.debug-overlay__actions{display:flex;align-items:center;gap:calc(10 * var(--unit))}.debug-overlay__toggle,.debug-overlay__clear{border:0;border-radius:calc(12 * var(--unit));padding:calc(10 * var(--unit)) calc(16 * var(--unit));background:#ffffff1f;color:#f5f7fb;font-size:calc(22 * var(--unit));cursor:pointer}.debug-overlay__toggle.is-active{background:#ff4c4c2e;color:#ffb7b7;box-shadow:inset 0 0 0 calc(2 * var(--unit)) #ff636357}.debug-overlay__content{flex:1 1 auto;min-height:0;margin:0;overflow:auto;color:#f2f8ff;font-size:calc(18 * var(--unit));line-height:1.45;white-space:pre-wrap;word-break:break-word;font-family:Consolas,Courier New,monospace;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.debug-log-line{display:block;color:#f2f8ff}.debug-log-line.has-button{color:#6db6ff}.debug-log-line.is-error{color:#ff7b7b;font-weight:700}.debug-menu{position:absolute;top:calc(24 * var(--unit));right:calc(24 * var(--unit));display:grid;gap:calc(10 * var(--unit));z-index:6}.debug-menu[hidden]{display:none!important}.debug-menu button{border:0;border-radius:calc(14 * var(--unit));padding:calc(14 * var(--unit)) calc(18 * var(--unit));background:#14171ce6;color:#f5f7fb;font-size:calc(24 * var(--unit));font-weight:600;cursor:pointer;box-shadow:0 calc(8 * var(--unit)) calc(22 * var(--unit)) #0000004d}.debug-overlay__content::-webkit-scrollbar{width:calc(8 * var(--unit))}.debug-overlay__content::-webkit-scrollbar-thumb{background:#ffffff47;border-radius:999px}.avatar-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top}#avatarVideo{z-index:0;background:#000}.app-frame.chroma-active #avatarVideo{opacity:0}#avatarCanvas{z-index:2;display:none;pointer-events:none}.app-frame.chroma-active #avatarCanvas{display:block}.avatar-preview{z-index:1}.avatar-preview-video{z-index:1;object-fit:cover;object-position:center top;transform:scale(1.08);transform-origin:center top}.avatar-preview-video.is-hidden{display:none}.session-spinner{position:absolute;inset:0;display:none;align-items:center;justify-content:center;z-index:3;pointer-events:none}.app-frame.session-loading .session-spinner{display:flex}.session-spinner__circle{width:calc(112 * var(--unit));height:calc(112 * var(--unit));border-radius:50%;border:calc(10 * var(--unit)) solid rgba(255,255,255,.25);border-top-color:#fff;animation:session-spinner-rotate .9s linear infinite}@keyframes session-spinner-rotate{to{transform:rotate(360deg)}}.app-frame.stream-active .avatar-preview,.app-frame.stream-active .avatar-preview-video{display:none}.selected-language-badge{position:absolute;top:calc(24 * var(--unit));right:calc(24 * var(--unit));width:calc(132 * var(--unit));height:calc(132 * var(--unit));border-radius:50%;border:calc(6 * var(--unit)) solid #222328;font-size:0;display:none;z-index:5;background-size:cover;background-position:center;background-repeat:no-repeat}.app-frame.is-session .selected-language-badge{display:block}.selected-language-badge[hidden]{display:none!important}.selected-language-badge.lang-en{background-image:var(--flag-en-url),linear-gradient(33deg,transparent 41%,#fff 41% 47%,#cf142b 47% 53%,#fff 53% 59%,transparent 59%),linear-gradient(-33deg,transparent 41%,#fff 41% 47%,#cf142b 47% 53%,#fff 53% 59%,transparent 59%),linear-gradient(to right,transparent 0 37%,#fff 37% 45%,#cf142b 45% 55%,#fff 55% 63%,transparent 63% 100%),linear-gradient(to bottom,transparent 0 37%,#fff 37% 45%,#cf142b 45% 55%,#fff 55% 63%,transparent 63% 100%);background-color:#012169}.selected-language-badge.lang-de{background-image:var(--flag-de-url),linear-gradient(to bottom,#111 0 33.33%,#ff1a1a 33.33% 66.66%,#f6ce1c 66.66% 100%)}.selected-language-badge.lang-es{background-image:var(--flag-es-url),linear-gradient(to bottom,#a10000 0 25%,#ffd33d 25% 75%,#a10000 75% 100%)}.selected-language-badge.lang-it{background-image:var(--flag-it-url),linear-gradient(to right,#008c45 0 33.33%,#f4f5f0 33.33% 66.66%,#cd212a 66.66% 100%)}.selected-language-badge.lang-fr{background-image:var(--flag-fr-url),linear-gradient(to right,#0055a4 0 33.33%,#f4f5f0 33.33% 66.66%,#ef4135 66.66% 100%)}.start-screen{width:100%;display:grid;justify-items:center;gap:calc(54 * var(--unit));margin-top:calc(24 * var(--unit));position:relative}.app-frame.is-start .start-screen{position:absolute;left:50%;bottom:calc(88 * var(--unit));width:min(calc(100% - (140 * var(--unit))),calc(920 * var(--unit)));margin-top:0;transform:translate(-50%);z-index:4}.start-screen h1{margin:0;font-size:calc(64 * var(--unit));font-weight:400;text-align:center;white-space:pre-line}.primary-language-buttons{width:100%;display:flex;justify-content:center;gap:calc(270 * var(--unit))}.lang-circle{width:calc(168 * var(--unit));height:calc(168 * var(--unit));border-radius:50%;border:calc(6 * var(--unit)) solid #1d2024;cursor:pointer;transition:transform .15s ease;background-size:cover;background-position:center;background-repeat:no-repeat}.lang-circle:hover{transform:scale(1.03)}.start-session-button{border:0;border-radius:0;min-width:calc(290 * var(--unit));padding:calc(24 * var(--unit)) calc(52 * var(--unit));background:#1675c9;color:#fff;font-size:calc(38 * var(--unit));font-weight:400;letter-spacing:0;text-align:center;cursor:pointer;box-shadow:none;transition:transform .15s ease,background-color .2s ease,filter .2s ease}.start-session-button:hover{transform:translateY(calc(-2 * var(--unit)));background:#1b82dc;filter:none}.start-session-button:active{transform:translateY(0);background:#1366b0;filter:none}.start-session-button[hidden]{display:none}.lang-en{background-image:var(--flag-en-url),linear-gradient(33deg,transparent 41%,#fff 41% 47%,#cf142b 47% 53%,#fff 53% 59%,transparent 59%),linear-gradient(-33deg,transparent 41%,#fff 41% 47%,#cf142b 47% 53%,#fff 53% 59%,transparent 59%),linear-gradient(to right,transparent 0 37%,#fff 37% 45%,#cf142b 45% 55%,#fff 55% 63%,transparent 63% 100%),linear-gradient(to bottom,transparent 0 37%,#fff 37% 45%,#cf142b 45% 55%,#fff 55% 63%,transparent 63% 100%);background-color:#012169}.lang-de{background-image:var(--flag-de-url),linear-gradient(to bottom,#111 0 33.33%,#ff1a1a 33.33% 66.66%,#f6ce1c 66.66% 100%)}.more-languages{position:relative;margin-top:calc(18 * var(--unit))}.more-languages summary{list-style:none;padding:calc(20 * var(--unit)) calc(30 * var(--unit));border-radius:calc(20 * var(--unit));background:#1b1c1f;color:#e7e7e9;font-size:calc(44 * var(--unit));display:flex;align-items:center;gap:calc(14 * var(--unit));cursor:pointer}.more-languages summary::-webkit-details-marker{display:none}.more-languages summary img{width:calc(52 * var(--unit));height:calc(52 * var(--unit))}.more-languages-options{position:absolute;bottom:calc(100% + 12 * var(--unit));left:0;width:100%;max-height:calc(380 * var(--unit));overflow-y:auto;border-radius:calc(18 * var(--unit));background:#1d1f23;padding:calc(10 * var(--unit));display:grid;gap:calc(8 * var(--unit))}.more-languages[open]{z-index:2}.more-languages-backdrop{position:fixed;inset:0;border:0;padding:0;margin:0;background:transparent;display:none;z-index:1;cursor:default}.more-languages[open]+.more-languages-backdrop{display:block}.more-languages-options button{border:none;border-radius:calc(12 * var(--unit));background:#2b2d31;color:#fff;font-size:calc(36 * var(--unit));padding:calc(16 * var(--unit));cursor:pointer;display:flex;align-items:center;gap:calc(14 * var(--unit))}.flag-icon{width:calc(44 * var(--unit));height:calc(44 * var(--unit));border-radius:50%;background-size:cover;background-position:center;background-repeat:no-repeat;flex:0 0 auto}.flag-icon-es{background-image:var(--flag-es-url),linear-gradient(to bottom,#a10000 0 25%,#ffd33d 25% 75%,#a10000 75% 100%)}.flag-icon-it{background-image:var(--flag-it-url),linear-gradient(to right,#008c45 0 33.33%,#f4f5f0 33.33% 66.66%,#cd212a 66.66% 100%)}.flag-icon-fr{background-image:var(--flag-fr-url),linear-gradient(to right,#0055a4 0 33.33%,#f4f5f0 33.33% 66.66%,#ef4135 66.66% 100%)}.messages-area{width:100%;display:none;flex-direction:column;gap:calc(14 * var(--unit));flex:0 0 auto;justify-content:flex-start;position:relative;height:clamp(calc(320 * var(--unit)),calc(480 * var(--unit)),calc(540 * var(--unit)));min-height:0;padding-top:calc(8 * var(--unit));overflow:hidden}.app-frame.is-session .messages-area{display:flex;position:absolute;left:50%;bottom:var(--session-messages-bottom);width:min(calc(100% - (2 * var(--session-messages-side))),calc(920 * var(--unit)));height:var(--messages-cut-height, var(--session-messages-height));padding:0;justify-content:flex-end;overflow-x:hidden;overflow-y:auto;pointer-events:none;transform:translate(-50%);z-index:4}.app-frame.is-session .messages-area[data-bubble-display-mode=last-two-messages]{height:auto;max-height:none;overflow:visible}.app-frame.is-session .messages-area[data-bubble-display-mode=fade-top]{-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 20%,#000 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 20%,#000 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.app-frame.is-start .avatar-stage,.app-frame.is-session .avatar-stage{position:absolute;top:calc(var(--session-stage-top) + var(--top-logo-space));left:50%;bottom:var(--session-stage-bottom);width:min(calc(100% - (2 * var(--session-stage-side))),calc(1012 * var(--unit)));flex:none;min-height:auto;aspect-ratio:auto;transform:translate(-50%);z-index:0}.messages-area::-webkit-scrollbar{display:none}.bubble-row{display:flex;align-items:flex-end;gap:calc(14 * var(--unit));width:fit-content;max-width:100%;pointer-events:none}.bubble-row.avatar{align-self:flex-start}.bubble-row.user{align-self:flex-end}.bubble-icon{width:calc(120 * var(--unit));height:calc(120 * var(--unit));border-radius:50%;object-fit:cover;flex:0 0 auto}.bubble{position:relative;max-width:min(calc(100% - (140 * var(--unit))),calc(760 * var(--unit)));padding:calc(18 * var(--unit)) calc(26 * var(--unit));border-radius:calc(22 * var(--unit));font-size:calc(36 * var(--unit));line-height:1.25;border:calc(2 * var(--unit)) solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(calc(12 * var(--unit)));backdrop-filter:blur(calc(12 * var(--unit)));box-shadow:0 calc(12 * var(--unit)) calc(32 * var(--unit)) #0000002e;pointer-events:auto}.bubble-link{color:#0b5cff;text-decoration:underline;text-decoration-color:currentColor;text-decoration-thickness:.08em;text-underline-offset:.08em;word-break:break-word;cursor:pointer}.bubble-link:hover,.bubble-link:focus-visible{color:#003fcc;opacity:1}.bubble:before{content:"";position:absolute;bottom:calc(18 * var(--unit));width:0;height:0;border-top:var(--bubble-tail-size) solid transparent;border-bottom:var(--bubble-tail-size) solid transparent}.bubble-row.avatar .bubble{background:#d6d7db99;color:#111;border-bottom-left-radius:calc(10 * var(--unit))}.bubble-row.avatar .bubble:before{left:calc(-1 * var(--bubble-tail-size));border-right:var(--bubble-tail-size) solid rgba(214,215,219,.6)}.bubble-row.user .bubble{background:#414246b3;color:#f5f5f5;border-bottom-right-radius:calc(10 * var(--unit))}.bubble-row.user .bubble:before{right:calc(-1 * var(--bubble-tail-size));border-left:var(--bubble-tail-size) solid rgba(65,66,70,.7)}.bubble-thinking{display:inline-flex;align-items:center;justify-content:center;width:calc(164 * var(--unit));min-width:calc(164 * var(--unit));height:calc(114 * var(--unit));min-height:calc(114 * var(--unit));padding:0;overflow:hidden;position:relative;transition:width .22s ease,min-width .22s ease,height .22s ease,min-height .22s ease,padding .22s ease}.bubble-reveal{display:inline-flex;align-items:stretch;justify-content:flex-start;width:calc(164 * var(--unit));min-width:calc(164 * var(--unit));height:calc(114 * var(--unit));min-height:calc(114 * var(--unit));overflow:hidden;transition:width .22s ease,min-width .22s ease,height .22s ease,min-height .22s ease}.bubble-reveal-text{display:block;opacity:0;overflow-wrap:anywhere;transition:opacity .18s ease}.bubble-reveal-text.is-visible{opacity:1}.thinking-dots{display:inline-flex;align-items:center;gap:calc(4 * var(--unit));transform:translateY(calc(-34 * var(--unit)));transition:opacity .12s ease}.thinking-dot{display:inline-block;font-size:calc(180 * var(--unit));line-height:1;animation:thinking-dot-pulse 1.2s infinite ease-in-out}.thinking-dot:nth-child(2){animation-delay:.2s}.thinking-dot:nth-child(3){animation-delay:.4s}.thinking-dots.is-hidden{opacity:0}.speaking-wave{position:absolute;left:50%;top:50%;display:inline-flex;align-items:center;gap:calc(10 * var(--unit));opacity:0;transform:translate(-50%,-50%);transition:opacity .12s ease}.speaking-wave.is-visible{opacity:1}.speaking-wave-bar{width:calc(10 * var(--unit));height:calc(30 * var(--unit));border-radius:999px;background:#111111b8;animation:speaking-wave-pulse .85s infinite ease-in-out;transform-origin:center center}.speaking-wave-bar:nth-child(2){animation-delay:.12s}.speaking-wave-bar:nth-child(3){animation-delay:.24s}.speaking-wave-bar:nth-child(4){animation-delay:.36s}.thinking-message{position:absolute;inset:calc(18 * var(--unit)) calc(26 * var(--unit));opacity:0;color:#111;font-size:calc(36 * var(--unit));line-height:1.25;overflow-wrap:anywhere;transition:opacity .18s ease}.thinking-message.is-visible{opacity:1}.bubble-thinking-resolving{align-items:stretch;justify-content:flex-start;padding:calc(18 * var(--unit)) calc(26 * var(--unit))}@keyframes thinking-dot-pulse{0%,20%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(calc(-6 * var(--unit)))}}@keyframes speaking-wave-pulse{0%,to{transform:scaleY(.55);opacity:.45}50%{transform:scaleY(1.45);opacity:1}}.session-controls{width:100%;display:none;justify-content:center;align-items:center;gap:calc(70 * var(--unit));padding-top:calc(8 * var(--unit))}.app-frame.is-session .session-controls{display:flex;position:absolute;left:50%;bottom:calc(66 * var(--unit));width:fit-content;max-width:calc(100% - (140 * var(--unit)));transform:translate(-50%);z-index:5}.icon-button{width:calc(178 * var(--unit));height:calc(178 * var(--unit));border:none;padding:0;background:transparent;cursor:pointer}.icon-button img{display:block;width:100%;height:100%;object-fit:contain}.close-button{justify-self:center}.mic-control-group{display:flex;align-items:center;justify-content:center}.controls-spacer,.mic-label-primary,.mic-label-secondary{display:none}.app-frame.push-to-talk-mode .session-controls{display:none;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;justify-items:center}.app-frame.push-to-talk-mode.is-session .session-controls{display:grid;position:absolute;left:50%;bottom:var(--session-controls-bottom);width:min(calc(100% - (140 * var(--unit))),var(--session-controls-width));grid-template-columns:var(--session-controls-column-side) var(--session-controls-column-center) var(--session-controls-column-side);column-gap:var(--session-controls-gap);transform:translate(-50%);z-index:5}.app-frame.push-to-talk-mode .icon-button{appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent}.app-frame.push-to-talk-mode .close-button{width:calc(152 * var(--unit));height:calc(152 * var(--unit));margin-top:calc(16 * var(--unit))}.app-frame.push-to-talk-mode .mic-control-group{flex-direction:column;width:100%;min-height:var(--session-controls-height);justify-self:center}.app-frame.push-to-talk-mode .mic-button{width:calc(206 * var(--unit));height:calc(206 * var(--unit));touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none}.app-frame.push-to-talk-mode #micButtonImage{object-fit:cover;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none}.app-frame.push-to-talk-mode .mic-label-primary,.app-frame.push-to-talk-mode .mic-label-secondary{display:block;margin:0;width:100%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-frame.push-to-talk-mode .mic-label-primary{margin-top:calc(10 * var(--unit));font-size:calc(48 * var(--unit));line-height:1.1;min-height:1.1em}.app-frame.push-to-talk-mode .mic-label-secondary{margin-top:calc(8 * var(--unit));font-size:calc(30 * var(--unit));line-height:1.1;color:#dfdfdf;min-height:1.1em}.app-frame.push-to-talk-mode .controls-spacer{display:block;width:var(--session-controls-column-side);height:1px;justify-self:center}.app-frame.is-session .start-screen{display:none}@media(orientation:portrait){.app-frame.is-start .avatar-stage,.app-frame.is-session .avatar-stage{top:calc(var(--top-logo-space) + (6 * var(--unit)));bottom:calc(var(--session-stage-bottom) * var(--mobile-avatar-remaining-space));width:100%;border-radius:0}.app-frame.is-start .avatar-media,.app-frame.is-session .avatar-media{object-fit:contain;transform:scale(var(--mobile-avatar-media-scale, 1));transform-origin:center top}.app-frame.is-start .avatar-preview,.app-frame.is-start .avatar-preview-video{object-fit:contain;object-position:center top}.app-frame.is-session .messages-area{bottom:calc(244 * var(--unit));width:min(calc(100% - (42 * var(--unit))),calc(996 * var(--unit)))}.app-frame.is-start:after,.app-frame.is-session:after{display:block}.app-frame.is-start .top-logo-wrap,.app-frame.is-session .top-logo-wrap{z-index:6}.app-frame.is-start .session-controls,.app-frame.is-session .session-controls{z-index:5}}@media(orientation:landscape){:root{--base-width: 1920;--base-height: 1080;--frame-width: 100vw;--frame-height: 100dvh;--top-logo-space: 0px;--session-stage-top: calc(190 * var(--unit));--session-stage-side: calc(112 * var(--unit));--session-stage-bottom: calc(258 * var(--unit));--session-controls-bottom: calc(84 * var(--unit));--session-messages-side: calc(1260 * var(--unit));--session-messages-bottom: calc(108 * var(--unit));--session-messages-height: calc(720 * var(--unit));--avatar-stage-radius: calc(32 * var(--unit));--bubble-tail-size: calc(16 * var(--unit));--bottom-embrace-height: 0px;--landscape-video-width: calc(1128 * var(--unit));--landscape-chat-width: calc(560 * var(--unit));--landscape-column-gap: calc(60 * var(--unit));--landscape-content-width: calc( var(--landscape-video-width) + var(--landscape-chat-width) + var(--landscape-column-gap) );--landscape-content-left: max( var(--session-stage-side), calc((100vw - var(--landscape-content-width)) / 2) )}.app-shell{align-items:stretch}.app-frame{max-height:none;aspect-ratio:auto}.app-frame.is-start:after,.app-frame.is-session:after{display:none}.top-logo-wrap{top:calc(34 * var(--unit));width:100%}.top-logo{width:calc(300 * var(--unit));max-width:none;max-height:calc(118 * var(--unit))}.app-frame.has-top-logo{--top-logo-space: 0px}.app-frame.is-start .avatar-stage,.app-frame.is-session .avatar-stage{top:var(--session-stage-top);left:var(--landscape-content-left);bottom:var(--session-stage-bottom);width:var(--landscape-video-width);transform:none;border-radius:var(--avatar-stage-radius)}.app-frame.is-start .avatar-media,.app-frame.is-session .avatar-media{object-fit:contain}.app-frame.is-start .avatar-preview,.app-frame.is-start .avatar-preview-video{object-fit:cover;object-position:center top}.app-frame.is-start .avatar-preview-video{transform:scale(1.06)}.app-frame.is-session .selected-language-badge{display:none}.app-frame.is-start .start-screen{left:50%;bottom:calc(88 * var(--unit));width:min(calc(100% - (140 * var(--unit))),calc(1760 * var(--unit)));transform:translate(-50%);z-index:4}.app-frame.is-start .start-screen h1{position:absolute;top:calc(-403 * var(--unit));left:calc(((100% - var(--landscape-content-width)) / 2) + var(--landscape-video-width) + var(--landscape-column-gap));width:var(--landscape-chat-width);margin:0;font-size:calc(60 * var(--unit));line-height:1.14;text-align:left;text-wrap:balance}.app-frame.is-start .start-screen:has(>.start-session-button[hidden]){bottom:calc(48 * var(--unit));height:calc(168 * var(--unit));display:block}.app-frame.is-start .start-screen:has(>.start-session-button[hidden]) h1{top:calc(-420 * var(--unit))}.app-frame.is-start .start-screen:has(>.start-session-button[hidden]) .primary-language-buttons{position:absolute;top:0;left:calc(80 * var(--unit));width:auto;gap:calc(112 * var(--unit))}.app-frame.is-start .start-screen:has(>.start-session-button[hidden]) .more-languages{position:absolute;top:calc(38 * var(--unit));left:calc(640 * var(--unit));margin-top:0}.app-frame.is-session .messages-area{top:calc(var(--session-stage-top) + (18 * var(--unit)));left:calc(var(--landscape-content-left) + var(--landscape-video-width) + var(--landscape-column-gap));right:auto;bottom:var(--session-controls-bottom);width:var(--landscape-chat-width);height:auto;justify-content:flex-start;transform:none;padding:0 calc(10 * var(--unit)) 0 calc(18 * var(--unit));gap:calc(16 * var(--unit))}.app-frame.is-session .messages-area[data-bubble-display-mode=fade-top]{-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 8%,#000 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 8%,#000 100%)}.bubble-row{max-width:100%}.bubble-row.avatar{padding-left:calc(18 * var(--unit))}.bubble-row.avatar .bubble-icon{display:none}.bubble-row.avatar .bubble{max-width:100%}.bubble-row.avatar .bubble:before{left:calc(-1 * var(--bubble-tail-size));bottom:calc(24 * var(--unit));border-right:var(--bubble-tail-size) solid rgba(214,215,219,.92)}.bubble-row.avatar .bubble,.bubble-row.avatar .bubble-thinking,.bubble-row.avatar .bubble-reveal{background:#f1f1f5f5}.bubble-row.user .bubble{background:#202023f5}.bubble-row.user .bubble:before{border-left:var(--bubble-tail-size) solid rgba(32,32,35,.96)}.bubble{max-width:calc(100% - (90 * var(--unit)));font-size:calc(26 * var(--unit));line-height:1.22;padding:calc(18 * var(--unit)) calc(22 * var(--unit));border-radius:calc(18 * var(--unit))}.thinking-message{font-size:calc(26 * var(--unit))}.bubble-thinking,.bubble-reveal{width:calc(132 * var(--unit));min-width:calc(132 * var(--unit));height:calc(84 * var(--unit));min-height:calc(84 * var(--unit))}.thinking-dots{transform:translateY(calc(-22 * var(--unit)))}.thinking-dot{font-size:calc(122 * var(--unit))}.app-frame.is-session .session-controls{left:calc(var(--landscape-content-left) + (var(--landscape-video-width) / 2));bottom:var(--session-controls-bottom);width:calc(360 * var(--unit));max-width:none;gap:calc(34 * var(--unit));transform:translate(-50%)}.icon-button{width:calc(116 * var(--unit));height:calc(116 * var(--unit))}.app-frame.push-to-talk-mode.is-session .session-controls{left:calc(var(--landscape-content-left) + (var(--landscape-video-width) / 2));bottom:var(--session-controls-bottom);width:calc(540 * var(--unit));grid-template-columns:calc(116 * var(--unit)) calc(260 * var(--unit)) calc(116 * var(--unit));column-gap:calc(24 * var(--unit))}.app-frame.push-to-talk-mode .close-button{width:calc(116 * var(--unit));height:calc(116 * var(--unit));margin-top:0}.app-frame.push-to-talk-mode .mic-button{width:calc(138 * var(--unit));height:calc(138 * var(--unit))}.app-frame.push-to-talk-mode .mic-control-group{min-height:calc(196 * var(--unit))}.app-frame.push-to-talk-mode .mic-label-primary{font-size:calc(28 * var(--unit))}.app-frame.push-to-talk-mode .mic-label-secondary{font-size:calc(18 * var(--unit))}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}