.video-report-container{position:relative;width:100%;max-width:600px;aspect-ratio:16/9;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.1);background:linear-gradient(135deg,#667eea,#764ba2);margin:1rem auto}.video-wrapper{position:relative;width:100%;height:100%}.background-video{-o-object-fit:cover;object-fit:cover;z-index:1}.background-video,.video-placeholder{width:100%;height:100%;position:absolute;top:0;left:0}.video-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);z-index:0}.avatar-placeholder{text-align:center;color:white}.avatar-circle{width:80px;height:80px;border-radius:50%;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 1rem;backdrop-filter:blur(10px)}.speech-bubble{background:rgba(255,255,255,.9);color:#333;padding:.75rem 1rem;border-radius:20px;font-size:.9rem;max-width:300px;position:relative;margin:0 auto}.speech-bubble:after{content:"";position:absolute;top:-8px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid rgba(255,255,255,.9)}.data-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem;background:linear-gradient(180deg,rgba(0,0,0,.3),transparent 30%,transparent 70%,rgba(0,0,0,.4))}.metric-header{text-align:left}.metric-header h3{color:white;font-size:1.1rem;font-weight:600;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3);background:rgba(0,0,0,.2);padding:.5rem 1rem;border-radius:20px;backdrop-filter:blur(10px);display:inline-block}.value-display{text-align:center;margin:1rem 0}.main-value{color:#fff;font-size:3rem;font-weight:700;text-shadow:0 4px 8px rgba(0,0,0,.5);display:block;background:rgba(0,0,0,.3);padding:.5rem 1rem;border-radius:12px;backdrop-filter:blur(15px);border:2px solid rgba(255,255,255,.2)}.script-text{text-align:center;background:rgba(0,0,0,.4);color:white;padding:.75rem 1rem;border-radius:20px;font-size:.95rem;line-height:1.4;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.error-placeholder,.loading-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:white;font-size:1.1rem;border-radius:12px}.debug-info{position:absolute;bottom:.5rem;right:.5rem;background:rgba(0,0,0,.7);color:white;padding:.25rem .5rem;border-radius:4px;font-size:.7rem;z-index:20}@media (max-width:768px){.video-report-container{max-width:100%;margin:.5rem}.data-overlay{padding:1rem}.main-value{font-size:2rem}.metric-header h3{font-size:1rem}.script-text{font-size:.85rem}}@media (max-width:480px){.avatar-circle,.main-value{font-size:1.5rem}.avatar-circle{width:60px;height:60px}.speech-bubble{font-size:.8rem;max-width:250px}}.main-value{transition:all .3s ease-in-out}.main-value:hover{transform:scale(1.05)}.loading-placeholder{animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}