html,body,#root{height:100%;margin:0}body{color-scheme:light;background:#fff;color:#272727;font-family:Manrope,Inter,system-ui,sans-serif}button,textarea,select{font:inherit}.gate{min-height:100%;display:grid;place-items:center;align-content:center;gap:16px;background:#fff}.gate__form{display:grid;justify-items:center;gap:16px}.gate__key{display:grid;gap:8px;color:#272727;font-size:14px;font-weight:500}.gate__key input{min-width:245px;min-height:52px;padding:12px 18px;border:1px solid #d7d9de;border-radius:16px;color:#272727;background:#fff;font:inherit}.gate__start{min-width:245px;min-height:68px;padding:12px 26px;border:0;border-radius:34px;color:#fff;background:#323d52;font-size:18px;font-weight:500;cursor:pointer}.gate__start:disabled{cursor:wait;opacity:.65}.gate__error,.room__error{margin:0;max-width:36ch;text-align:center;color:#8f2431}.room{--ui: clamp(.75, 100dvh / 900px, 2.5);--avatar-ar: 1.545;--avatar-chat-col: clamp(calc(320px * var(--ui)), 28vw, calc(560px * var(--ui)));--avatar-gap: clamp(calc(24px * var(--ui)), 2.5vw, calc(72px * var(--ui)));height:100%;overflow:hidden;background:#fff}.room__stage{container-type:size;width:calc(100% - clamp(calc(40px * var(--ui)),5vw,calc(120px * var(--ui))));height:100%;margin:0 auto;display:flex;justify-content:center;overflow:hidden}.room__cluster{--avatar-width: min( calc((100cqh - calc(104px * var(--ui))) * var(--avatar-ar)), calc(100cqw - var(--avatar-chat-col) - var(--avatar-gap)) );--avatar-height: calc(var(--avatar-width) / var(--avatar-ar));display:grid;grid-template-columns:var(--avatar-width) var(--avatar-chat-col);grid-template-rows:calc(104px * var(--ui)) var(--avatar-height);align-content:space-between;column-gap:var(--avatar-gap);height:100%;min-width:0;max-width:100%}.room__avatar-col{display:contents}.room__header{grid-column:1;grid-row:1;display:flex;align-items:center;width:var(--avatar-width);height:calc(104px * var(--ui))}.room__toolbar{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;height:calc(104px * var(--ui))}.room__status{flex:1;min-width:0;margin:0;overflow:hidden;color:#323d52;font-size:14px;font-weight:500;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.room__tool{flex:none;min-height:40px;padding:8px 14px;border:0;border-radius:20px;color:#323d52;background:#f6f6f7;font-size:14px;font-weight:500;cursor:pointer}.room__tool:disabled{cursor:default;opacity:.45}.room__tool:focus-visible,.room__enable:focus-visible,.room__demo button:focus-visible,.room__demo select:focus-visible,.room__composer button:focus-visible{outline:2px solid #323d52;outline-offset:2px}.room__logo{display:block;width:min(calc(308px * var(--ui)),100%);height:auto;filter:brightness(0) saturate(100%)}.room__avatar{grid-column:1;grid-row:2;position:relative;width:var(--avatar-width);height:var(--avatar-height);overflow:hidden;border-radius:calc(60px * var(--ui)) calc(60px * var(--ui)) 0 0;background:#f1f2f5}.room__avatar--listening{box-shadow:inset 0 0 0 3px #5a77fc73}.room__avatar video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:transparent}.room__overlay{position:absolute;z-index:3;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;pointer-events:none}.room__notice{max-width:28ch;margin:0;color:#272727;font-size:16px;font-weight:500;line-height:1.4;text-align:center}.room__enable{min-height:52px;padding:12px 22px;border:0;border-radius:26px;color:#fff;background:#323d52;font-size:16px;font-weight:500;cursor:pointer;pointer-events:auto}.room__mic{position:absolute;z-index:4;left:29px;bottom:42px;width:112px;height:152px}.room__mic-button{width:112px;height:112px;padding:20px;border:0;border-radius:50%;display:grid;place-items:center;background:#8080804d;box-shadow:0 0 8px #fff;cursor:pointer}.room__mic--on .room__mic-button,.room__mic--speaking .room__mic-button{background:#96b9ff4d;box-shadow:0 0 18px 12px #5a77fc7f}.room__mic--speaking .room__mic-button{background:#96b9ff7a;box-shadow:0 0 22px 14px #5a77fca6}.room__mic-icon{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:#fff}.room__mic-label{position:absolute;top:120px;left:50%;width:max-content;max-width:162px;transform:translate(-50%);padding:2px 8px;border-radius:8px;color:#fff;background:#27272759;font-size:18px;font-weight:500;line-height:1.25;text-align:center}.room__chat{grid-column:2;grid-row:2;box-sizing:border-box;width:var(--avatar-chat-col);height:var(--avatar-height);min-width:0;min-height:0;display:flex;flex-direction:column;padding-bottom:calc(24px * var(--ui))}.room__lines{flex:1;min-height:0;display:flex;flex-direction:column;gap:32px;padding:24px 20px 32px 0;overflow:auto;scrollbar-width:thin;scrollbar-color:rgb(50 61 82 / 16%) transparent;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 96px,#000 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 96px,#000 100%)}.room__line{align-self:flex-end;max-width:86%;margin:0;padding:16px 20px;border-radius:24px 24px 0;background:#f6f6f7;color:#272727;font-size:16px;line-height:1.5;letter-spacing:-.01em;white-space:pre-line}.room__line--agent{align-self:flex-start;max-width:100%;padding:0;border-radius:0;background:transparent}.room__error{margin:0 0 8px;text-align:left}.room__demo{display:grid;gap:8px;margin:0 0 12px;padding:10px 12px 12px;border:1px solid #e2e4e8;border-radius:16px}.room__demo legend{padding:0 4px;color:#323d52;font-size:13px;font-weight:700}.room__demo label{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;font-size:13px;font-weight:600}.room__demo select{min-width:0;padding:6px 8px;border:1px solid #d7d9de;border-radius:8px;color:#272727;background:#fff}.room__demo p{margin:0;color:#5b6170;font-size:12px;line-height:1.35}.room__demo-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.room__demo-actions button{min-height:34px;padding:6px 8px;border:0;border-radius:17px;color:#323d52;background:#f0f1f3;font-size:12px;font-weight:600;cursor:pointer}.room__demo-actions button:disabled,.room__demo select:disabled{cursor:default;opacity:.45}.room__composer{display:grid;grid-template-columns:minmax(0,1fr) auto auto 61px;min-height:61px;border-radius:24px;background:#f6f6f7}.room__composer textarea{min-height:61px;max-height:170px;padding:19px 8px 18px 24px;border:0;border-radius:24px 0 0 24px;resize:none;color:#272727;background:#f6f6f7;color-scheme:light;font:400 16px/1.45 Manrope,Inter,system-ui,sans-serif}.room__composer button{height:61px;border:0;background:transparent;cursor:pointer}.room__composer button[type=button]{padding:0 4px 0 8px;color:#323d52;font-size:15px;font-weight:600}.room__composer button[type=submit]{width:61px;border-radius:0 24px 24px 0}.room__composer button:disabled{cursor:default;opacity:.35}@media(max-width:900px){.room{overflow:auto}.room__stage{width:100%;height:auto;min-height:100%;padding:0 calc(16px * var(--ui)) calc(20px * var(--ui))}.room__cluster{display:flex;flex-direction:column;align-items:center;width:100%;height:auto}.room__avatar-col{display:flex;flex-direction:column;width:100%;max-width:min(100%,calc(min(52dvh,calc(500px * var(--ui))) * var(--avatar-ar)));height:auto}.room__header,.room__avatar,.room__chat,.room__toolbar{width:100%;height:auto;max-width:min(100%,calc(min(52dvh,calc(500px * var(--ui))) * var(--avatar-ar)))}.room__toolbar{min-height:0;padding:8px 0 4px}.room__avatar{aspect-ratio:var(--avatar-ar);border-radius:calc(32px * var(--ui))}.room__chat{max-width:min(100%,calc(min(52dvh,calc(500px * var(--ui))) * var(--avatar-ar)));min-height:40dvh}.room__mic-label{font-size:14px}}