*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:#0a0a0f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;color:#fff}#canvas{display:block;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#input-video{position:fixed;opacity:0;pointer-events:none;width:1px;height:1px}#pip-video{position:fixed;bottom:20px;right:20px;width:180px;aspect-ratio:4/3;border-radius:12px;border:1.5px solid rgba(255,255,255,.15);background:#111;object-fit:cover;transform:scaleX(-1);box-shadow:0 8px 32px #0009,0 0 0 1px #ffffff0d;transition:opacity .4s;z-index:10}#pip-video:not([srcObject]){opacity:0}#ui-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#0a0a14eb,#05050afa);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;transition:opacity .6s ease}#ui-overlay.fade-out{opacity:0;pointer-events:none}.overlay-content{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:320px;text-align:center}.status-icon{opacity:.7;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.overlay-content h1{font-size:1.6rem;font-weight:300;letter-spacing:.12em;color:#fffffff2;text-transform:uppercase}#overlay-status{font-size:.8rem;letter-spacing:.06em;color:#ffffff80;min-height:1.2em}#loading-bar{width:200px;height:2px;background:#ffffff1a;border-radius:2px;overflow:hidden}#loading-fill{height:100%;width:0%;background:linear-gradient(90deg,#4a80f0,#a0c4ff);border-radius:2px;transition:width .4s ease}.hint{font-size:.72rem;color:#fff6;line-height:1.5;letter-spacing:.03em}@media(max-width:600px){#pip-video{width:110px;bottom:12px;right:12px;border-radius:8px}}