:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;color:#111827;background:#f9fafb}body{margin:0}input{border:1px solid #d1d5db;border-radius:10px;padding:8px 10px}button{border:1px solid #111827;border-radius:10px;padding:8px 12px;background:#111827;color:#fff;cursor:pointer}button[disabled]{opacity:.5;cursor:not-allowed}.call-page{height:100vh;display:flex;background:#0b1220}.stage{flex:1;position:relative;overflow:hidden;background-color:#0b1220;background-image:url(../bg/bg2.png);background-size:cover;background-position:center;background-repeat:no-repeat}.call-controls{position:absolute;right:max(16px,env(safe-area-inset-right));top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;z-index:5}.fab{width:64px;height:64px;border-radius:999px;padding:0;display:grid;place-items:center;border:1px solid rgba(16,185,129,.45);background:#10b981e6;color:#052e2b}.fab.hangup{border-color:#ef444473;background:#ef4444e6;color:#3b0a0a}.fab-secondary{border-color:#60a5fa59;background:#60a5fae6;color:#071a33}.fab-secondary.active{border-color:#94a3b859;background:#94a3b8e0;color:#0b1220}.fab-icon{width:30px;height:30px}.call-tip{max-width:160px;font-size:12px;line-height:1.3;color:#ffffffbf;text-align:center;background:#00000047;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:8px 10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.info-box{position:absolute;top:max(16px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));width:min(360px,calc(100vw - 32px));border-radius:16px;border:1px solid rgba(255,255,255,.14);background:#00000047;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ffffffeb;padding:12px 14px;z-index:5}.info-title{font-size:15px;font-weight:800;letter-spacing:.4px}.info-row{margin-top:8px;display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#ffffffbd}.info-status{margin-top:8px;display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.4;color:#ffffffe6;padding:6px 8px;border-radius:8px;background:#ffffff14}.info-status-icon{font-size:13px}.info-status.is-success{background:#21b87338}.info-status.is-warning{background:#ffb53538}.info-status.is-error{background:#ff626233}.stage-top{position:absolute;top:16px;left:16px;right:16px;display:flex;align-items:baseline;justify-content:space-between;color:#ffffffe6}.stage-title{font-size:18px;font-weight:700;letter-spacing:.4px}.stage-sub{font-size:14px;color:#ffffffb3}.avatar{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.video-box{position:relative;width:100%;height:100%}.avatar-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:transparent}.avatar-matte{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.avatar-src{opacity:0;pointer-events:none}.avatar:before{display:none}.avatar-badge{padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.22);color:#ffffffeb;background:#00000047;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:700;letter-spacing:1px}.chat-float{position:absolute;left:50%;transform:translate(-50%);bottom:50px;width:min(720px,calc(100vw - 48px));height:25vh;z-index:4;pointer-events:auto}.chat-shell{height:100%;border-radius:16px;border:1px solid rgba(255,255,255,.16);background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 26px #ffffff08;overflow:hidden;display:flex;flex-direction:column}.chat-head{height:34px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#ffffff14,#fff0)}.chat-title{text-align:center;font-size:15px;font-weight:800;letter-spacing:1.2px;color:#fff5f5f2;text-shadow:0 1px 8px rgba(255,122,122,.38)}.chat-wave{height:54px;border-top:1px solid rgba(255,176,176,.16);border-bottom:1px solid rgba(255,176,176,.14);background:linear-gradient(180deg,#560b0b57,#38080829);overflow:hidden}.chat-wave-bars{height:100%;display:flex;align-items:center;justify-content:center;gap:3px;padding:0 10px}.chat-wave-bar{width:4px;height:calc(8px + var(--bar-weight, .5) * 10px);border-radius:99px;background:linear-gradient(180deg,#ffcdcde6,#ff5858f2);box-shadow:0 0 10px #ff5a5a73;transform-origin:center;animation:wave-idle 1.3s ease-in-out infinite;animation-delay:var(--bar-delay, 0s)}.chat-wave.active .chat-wave-bar{animation-name:wave-active;animation-duration:.85s}@keyframes wave-idle{0%,to{transform:scaleY(.55);opacity:.6}50%{transform:scaleY(.9);opacity:.85}}@keyframes wave-active{0%,to{transform:scaleY(calc(.6 + var(--bar-level, 0) * .6));opacity:.65}50%{transform:scaleY(calc(.9 + var(--bar-level, 0) * 2.8));opacity:1}}.chat-view{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:10px;padding:14px;background:#00000014;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.chat-view::-webkit-scrollbar{width:0;height:0}.overlay{position:absolute;left:16px;right:16px;bottom:16px;display:grid;gap:12px}.overlay-card{border-radius:14px;border:1px solid rgba(255,255,255,.16);background:#0000005c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 14px}.overlay-card-primary{border-color:#6ee7b740;box-shadow:0 0 0 1px #6ee7b71a inset}.overlay-card-secondary{border-color:#60a5fa38;box-shadow:0 0 0 1px #60a5fa14 inset}.overlay-label{font-size:12px;color:#ffffffa6;margin-bottom:6px}.overlay-text{font-size:22px;line-height:1.4;color:#fffffff0;min-height:30px}.side{width:360px;background:#0f172a;border-left:1px solid rgba(255,255,255,.08);padding:16px;display:flex;flex-direction:column;gap:12px}.side-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px;color:#ffffffe6}.side-card-grow{flex:1;display:flex;flex-direction:column;min-height:0}.side-title{font-weight:700;margin-bottom:10px}.call-btn{width:100%;border-radius:14px;padding:12px 14px;font-weight:800;border:1px solid rgba(16,185,129,.45);background:#10b981e6;color:#052e2b}.call-btn.hangup{border-color:#ef444473;background:#ef4444e6;color:#3b0a0a}.side-status{margin-top:10px;font-size:12px;color:#ffffffb3}.form-row{display:grid;grid-template-columns:84px 1fr;gap:10px;align-items:center;margin-top:10px}.form-label{font-size:12px;color:#ffffffb8}.form-row input{width:100%;min-width:0;border:1px solid rgba(255,255,255,.14);background:#0000002e;color:#ffffffeb}.chat-line{display:flex}.chat-line.user{justify-content:flex-end}.chat-line.bot{justify-content:flex-start}.chat-bubble{max-width:90%;border-radius:14px;padding:10px 12px;border:1px solid rgba(255,255,255,.1);background:#00000038;color:#ffffffeb;line-height:1.4}.chat-line.user .chat-bubble{border-color:#6ee7b738;background:#10b98124}.chat-line.bot .chat-bubble{border-color:#60a5fa2e;background:#3b82f61f}@media(max-aspect-ratio:10/11){.call-controls{right:16px;top:50%;transform:translateY(-50%)}.chat-float{width:min(640px,calc(100vw - 36px));height:25vh}}