:root{font-family:Inter,Microsoft YaHei,PingFang SC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f7fbff;background:#f4f6f1;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}.mobile-shell{min-height:100dvh;width:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:10px;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));background:linear-gradient(180deg,#0c1010f5,#080a0cfa),#090d0f}.mobile-shell--gateway{gap:10px;background:linear-gradient(180deg,#f8faf6,#eef2ec),#f4f6f1;color:#17211b}.camera-stage{position:relative;isolation:isolate;min-height:0;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:radial-gradient(circle at 50% 18%,rgba(77,166,132,.22),transparent 32%),linear-gradient(145deg,#0a1110,#171f1b 46%,#111318)}.mobile-shell--gateway .camera-stage{border-color:#1d2a2329;background:#f8faf6;box-shadow:inset 0 0 0 1px #ffffffad,0 16px 42px #1d2a2314}.camera-video{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;background:#080d10}.internal-capture-frame{position:absolute;z-index:1;width:1px;height:1px;left:0;top:0;border:0;opacity:0;pointer-events:none}.internal-capture-frame-shell{position:absolute;inset:0;z-index:1;overflow:hidden}.native-embedded-capture .camera-video{display:none}.native-embedded-capture .internal-capture-frame{inset:0;z-index:1;width:100%;height:100%;opacity:1;pointer-events:auto;background:#080d10}.native-embedded-capture--cropped .internal-capture-frame-shell:before{content:"";position:absolute;z-index:2;top:0;left:0;right:0;height:58px;background:#080d10;pointer-events:none}.native-embedded-capture .top-status,.native-embedded-capture .overlay-stack,.native-embedded-capture .signal-strip,.native-embedded-capture .operator-banner{pointer-events:none}.gateway-screen{position:absolute;inset:0;z-index:20;display:grid;align-content:center;gap:20px;padding:28px 22px;background:#f8faf6;pointer-events:none}.gateway-screen--connecting{background:#f8faf6}.gateway-brand{display:grid;justify-items:center;gap:12px;text-align:center}.gateway-logo{width:116px;height:116px;object-fit:cover;border-radius:28px;box-shadow:0 0 0 1px #1d2a231a,0 18px 38px #1e2a222e}.gateway-brand strong{color:#17211b;font-size:30px;line-height:1.05;font-weight:700}.gateway-brand p{margin:0;color:#34473d;font-size:15px;line-height:1.45}.gateway-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gateway-pill{min-height:74px;display:grid;align-content:center;gap:4px;padding:12px 14px;border:1px solid rgba(29,42,35,.13);border-radius:8px;background:#ffffffbd;box-shadow:0 10px 24px #1d2a2314}.gateway-pill span{color:#5b6a62;font-size:12px;line-height:1.3}.gateway-pill strong{color:#111b16;font-size:16px;line-height:1.3;overflow-wrap:anywhere}.top-status,.signal-strip,.operator-banner,.subtitle-box,.chat-line{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.top-status{position:absolute;z-index:10;top:10px;left:10px;right:10px;min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:8px;background:#070c0da8;color:#f7fbff;font-size:13px}.top-status>div{min-width:0;display:flex;align-items:center;gap:7px;white-space:nowrap}.status-dot{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:#7a8894}.status-dot.ok{background:#41d39b;box-shadow:0 0 0 4px #41d39b2e}.status-dot.warn{background:#f2c15f;box-shadow:0 0 0 4px #f2c15f2e}.status-dot.bad{background:#ef6b73;box-shadow:0 0 0 4px #ef6b732e}.operator-banner{position:absolute;z-index:11;top:62px;left:12px;right:12px;padding:10px 12px;border-radius:8px;background:#2b3d31c2;color:#e9f7ff;font-size:14px;line-height:1.45}.overlay-stack{position:absolute;z-index:12;left:10px;right:10px;bottom:92px;display:grid;gap:10px;pointer-events:none}.chat-list{width:min(88%,340px);max-height:36dvh;align-self:end;display:flex;flex-direction:column;gap:6px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;pointer-events:auto}.chat-list::-webkit-scrollbar{display:none}.chat-line{width:fit-content;max-width:100%;display:grid;gap:3px;padding:6px 9px;border-radius:8px;background:#070b0ca8;color:#f7fbffeb;font-size:13px;line-height:1.35;overflow-wrap:anywhere}.chat-name{color:#75dbbd;font-weight:700}.chat-headline{min-width:0;display:inline}.chat-badge{display:inline-block;margin-right:5px;padding:1px 4px;border-radius:5px;background:#f2c15f38;color:#ffe2a3;font-size:11px;font-style:normal;font-weight:700;line-height:1.35}.chat-primary{margin-left:7px}.chat-secondary{color:#fff;font-weight:700}.chat-line--gift{background:#3a2c12b8}.subtitle-box{justify-self:center;width:min(100%,560px);display:grid;gap:4px;padding:10px 12px;border-radius:8px;background:#05080ac2;text-align:center;text-shadow:0 1px 5px rgba(0,0,0,.74)}.subtitle-box span{color:#f7fbffb8;font-size:13px;line-height:1.4}.subtitle-box strong{color:#fff;font-size:18px;line-height:1.32}.signal-strip{position:absolute;z-index:10;left:10px;right:10px;bottom:10px;min-height:70px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:6px;border-radius:8px;background:#070c0da8}.signal-strip span{min-width:0;min-height:26px;display:flex;align-items:center;justify-content:center;padding:3px 6px;border-radius:6px;background:#ffffff14;color:#f7fbffd1;font-size:12px;line-height:1.25;text-align:center;overflow-wrap:anywhere}.error-line{min-height:28px;margin:0;padding:7px 10px;border-radius:8px;background:#ef6b7326;color:#ffd8dc;font-size:13px;line-height:1.35}.debug-panel{padding:10px 12px;border:1px solid rgba(148,163,184,.36);border-radius:8px;background:#0f172adb;color:#dbeafe}.debug-panel strong{display:block;margin-bottom:6px;font-size:13px}.debug-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin-bottom:10px}.debug-actions button,.debug-actions a{min-height:36px;display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border:1px solid rgba(191,219,254,.38);border-radius:8px;background:#1e40af7a;color:#eff6ff;text-decoration:none;font-size:12px}.debug-actions button{cursor:pointer}.debug-panel pre{max-height:180px;margin:0;overflow:auto;white-space:pre-wrap;word-break:break-word;font-size:11px;line-height:1.45}.control-bar{min-height:76px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mobile-shell--gateway .control-bar{background:transparent}.control-button{min-width:0;min-height:64px;display:grid;place-items:center;gap:3px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#173027;color:#f7fbff;cursor:pointer;touch-action:manipulation}.control-button.primary{background:#e9b84d;border-color:#634a142e;color:#0f1a22}.control-button--camera{background:#2b2632}.control-button--mute{--mute-meter-level: 0;position:relative}.control-button--mute:after{content:"";position:absolute;inset:-1px;border-radius:8px;opacity:0;pointer-events:none;transition:opacity .16s ease,box-shadow .16s ease}.control-button--metering{transform:scale(calc(1 + var(--mute-meter-level) * .05));box-shadow:0 0 calc(8px + var(--mute-meter-level) * 20px) #49d09f38}.control-button--metering:after{opacity:calc(.18 + var(--mute-meter-level) * .34);box-shadow:inset 0 0 0 1px #5ee6b659,0 0 calc(10px + var(--mute-meter-level) * 18px) #5ee6b63d}.control-button--mute small,.control-button--mute span{position:relative;z-index:1}.control-button--wide{grid-column:1 / -1}.control-button:disabled{opacity:.78;cursor:default}.control-button:active{transform:translateY(1px)}.control-button--metering:active{transform:translateY(1px) scale(calc(1 + var(--mute-meter-level) * .05))}.control-button span{height:28px;display:grid;place-items:center;font-size:22px;line-height:1}.control-button small{font-size:13px;line-height:1}@media(min-width:680px){.mobile-shell{width:min(430px,100%);margin:0 auto}}