#video-container{position:relative;width:100%;aspect-ratio:16/9;background:#111;overflow:hidden;color:#fff;font-family:Lato,system-ui,-apple-system,sans-serif}#avatar-video{width:100%;height:100%;object-fit:cover;display:none}#placeholder{width:100%;height:100%;object-fit:cover;transition:filter .3s;filter:brightness(.4)}#placeholder.active{filter:brightness(1)}#connecting-text{display:none;position:absolute;inset:0;align-items:center;justify-content:center;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:10;padding:20px}.connecting-content{background:#fff;padding:28px 30px;max-width:320px;width:100%;display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;box-shadow:0 8px 32px rgba(0,0,0,.25);font-family:Lato,system-ui,-apple-system,sans-serif;font-size:19px;font-weight:600;color:#111827}#connecting-cancel{margin-top:4px;background:0 0;border:none;padding:6px 10px;font-family:Lato,system-ui,-apple-system,sans-serif;font-size:15px;font-weight:700;color:#e5007e;cursor:pointer;text-decoration:none;line-height:1}#connecting-cancel:hover{text-decoration:underline;text-underline-offset:3px}@media (max-width:768px){#connecting-text{padding:12px}.connecting-content{padding:22px 24px;font-size:17px;max-width:280px}.spinner{width:44px;height:44px;border-width:3px}}.spinner{display:block;width:52px;height:52px;border:4px solid rgba(229,0,126,.25);border-top-color:#e5007e;border-radius:50%;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}#controls{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;gap:12px;z-index:10}#version-update-banner button,#video-container button{border:none;font-size:1rem;cursor:pointer;transition:opacity .2s}#version-update-banner button:hover,#video-container button:hover{opacity:.85}#video-container button:disabled{opacity:.4;cursor:not-allowed}#lang-select{position:absolute;display:inline-block;top:16px;right:16px;z-index:11}#lang-select-trigger{height:30px;padding:0 22px 0 10px;border:none;border-radius:0;font-family:Lato,system-ui,-apple-system,sans-serif;font-size:12px;font-weight:600;line-height:1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' fill='%23111827' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E") right 7px center no-repeat #fff;color:#111827;cursor:pointer;text-align:left}#lang-select-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;margin:0;padding:6px 0;list-style:none;background:#fff;border-radius:0;box-shadow:0 6px 20px rgba(0,0,0,.12);z-index:20}#lang-select-menu[hidden]{display:none}#lang-select-menu li{padding:4px 10px;font-family:Lato,system-ui,-apple-system,sans-serif;font-size:12px;font-weight:400;color:#111827;cursor:pointer;line-height:1.4}#lang-select-menu li:hover,#lang-select-menu li[aria-selected=true]{background:#f5f5f5}#start-btn{height:54px;padding:0 22px;border-radius:0;background:#e5007e;color:#fff;font-family:Lato,system-ui,-apple-system,sans-serif;font-size:18px;font-weight:700;line-height:1;backdrop-filter:none;transition:background .2s}#start-btn:hover{background:#c4006c;opacity:1}.icon-btn{width:42px;height:42px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:none;cursor:pointer;transition:opacity .2s;backdrop-filter:blur(4px)}.icon-btn:hover{opacity:.85}#timer{display:none;position:absolute;top:16px;right:16px;z-index:10;padding:0;background:0 0;color:#fff;font-size:.85rem;font-weight:500;font-variant-numeric:tabular-nums;text-shadow:0 1px 4px rgba(0,0,0,.6)}#timer.warning{color:#fbbf24}#timer.critical{color:#ef4444}#stop-btn{background:#dc2626}#stop-btn-center{display:none;position:absolute;bottom:32px;left:50%;transform:translateX(-50%);z-index:10;background:#dc2626;width:52px;height:52px}#mode-buttons{display:none;position:absolute;bottom:20px;left:20px;z-index:10;gap:8px}.mode-btn{background:rgba(0,0,0,.5);position:relative;transition:background .2s,opacity .2s}#chat-btn:hover,#chat-send-btn:hover{background:rgba(0,0,0,.5)}#ptt-toggle{position:absolute;bottom:20px;right:20px;display:none;align-items:center;gap:8px;height:40px;padding:0 12px 0 16px;border:none;border-radius:0;background:#e5007e;color:#fff;font-family:Lato,system-ui,-apple-system,sans-serif;font-size:12px;font-weight:700;letter-spacing:.04em;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .3s,background .2s;z-index:17}#ptt-toggle.visible{display:inline-flex;opacity:1;pointer-events:auto}#ptt-toggle:hover{background:#c4006c}#ptt-toggle:disabled{opacity:.7;cursor:wait}.ptt-toggle-label{color:rgba(255,255,255,.85)}.ptt-toggle-state{color:#fff;background:rgba(255,255,255,.22);padding:3px 9px;width:46px;text-align:center;font-weight:700}.spacebar-hint{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:0 40px;opacity:0;transition:opacity .5s;pointer-events:none;z-index:15;background:rgba(0,0,0,.45)}.spacebar-hint.visible{opacity:1;pointer-events:auto}.spacebar-hint svg{color:rgba(255,255,255,.95)}.spacebar-hint span{color:rgba(255,255,255,.95);font-family:Lato,system-ui,-apple-system,sans-serif;font-size:16px;font-weight:500;line-height:1.4em;text-align:center}.spacebar-hint kbd{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.45);border-radius:4px;padding:2px 9px;font-size:13px;font-family:Lato,system-ui,-apple-system,sans-serif;font-weight:700;letter-spacing:.03em}#touch-hint,.spacebar-tip{display:none}@keyframes pttGlow{0%,100%{box-shadow:inset 0 0 80px 20px rgba(229,0,126,.45)}50%{box-shadow:inset 0 0 140px 40px rgba(229,0,126,.75)}}#video-container.ptt-active::after{content:'';position:absolute;inset:0;animation:1.4s ease-in-out infinite pttGlow;pointer-events:none;z-index:20}@media (max-width:768px){#ptt-toggle,#ptt-toggle.visible,#spacebar-hint{display:none!important}#touch-hint{display:flex}#stop-btn-center{width:48px;height:48px;bottom:22px}#video-container{aspect-ratio:9/16}#avatar-video,#placeholder{object-position:51.5% center}}#bottom-bar{display:none;position:absolute;bottom:20px;left:50%;transform:translateX(-50%);z-index:10;width:420px;max-width:70%}#bottom-bar .bar-row{display:flex;gap:8px;align-items:center}#chat-input{-webkit-user-select:text;user-select:text;flex:1;height:42px;padding:0 16px;border:none;border-radius:24px;font-size:.95rem;font-family:Lato,system-ui,-apple-system,sans-serif;background:rgba(255,255,255,.15);color:#fff;outline:0;backdrop-filter:blur(4px)}#chat-input::placeholder{color:rgba(255,255,255,.6)}#chat-send-btn{background:rgba(255,255,255,.15)}#powered-by{position:absolute;bottom:22px;right:24px;z-index:10;display:flex;align-items:center;gap:5px;opacity:.35;font-size:.78rem;color:#fff;text-decoration:none;letter-spacing:.02em;pointer-events:none}#powered-by img{height:15px}#powered-by .powered-by-brand{display:inline-flex;align-items:center;gap:2px}#powered-by .powered-by-version{opacity:.85}#powered-by.active{display:none}@media (max-width:768px){#bottom-bar,#chat-btn{display:none!important}#controls{gap:8px}#lang-select{top:10px;right:10px}#powered-by{bottom:12px;right:12px;font-size:.65rem}#powered-by img{height:12px}#start-btn{height:44px;padding:0 16px;font-size:14px}}#idle-banner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:25;opacity:0;pointer-events:none;transition:opacity .3s;padding:20px;font-variant-numeric:tabular-nums}#idle-banner.visible{opacity:1;pointer-events:auto}.idle-content{background:#fff;padding:26px;max-width:420px;width:100%;color:#111827;display:flex;flex-direction:column;gap:20px;text-align:center;box-shadow:0 8px 32px rgba(0,0,0,.25)}#idle-banner-text{font-family:Lato,system-ui,-apple-system,sans-serif;font-size:16px;font-weight:500;line-height:1.4em;color:#111827}#idle-stay-btn{background:#e5007e;color:#fff;font-family:Lato,system-ui,-apple-system,sans-serif;font-size:16px;font-weight:700;border:none;border-radius:0;padding:14px 22px;cursor:pointer;transition:background .2s;align-self:center;line-height:1}#idle-stay-btn:hover{background:#c4006c}@media (max-width:768px){#idle-banner{padding:12px}#idle-banner-text{font-size:14px}}#version-update-banner{position:absolute;top:16px;left:50%;transform:translateX(-50%) translateY(-160%);background:#fff;color:#111827;padding:8px 12px;box-shadow:0 8px 24px rgba(0,0,0,.18);display:flex;align-items:center;gap:10px;font-family:Lato,system-ui,-apple-system,sans-serif;font-size:13px;z-index:60;transition:transform .55s cubic-bezier(.165, .84, .44, 1),opacity .4s;opacity:0;pointer-events:none;max-width:calc(100% - 32px)}#version-update-banner.visible{transform:translateX(-50%) translateY(0);opacity:1;pointer-events:auto}.vub-text{line-height:1.35}.vub-text strong{font-weight:700}#vub-refresh{width:32px;height:32px;padding:0;background:#e5007e;color:#fff;border:none;border-radius:0;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s}#vub-refresh svg{display:block}#vub-refresh:hover{background:#c4006c}@media (max-width:600px){#version-update-banner{font-size:12px;gap:8px;padding:7px 10px}}