*{box-sizing:border-box}html,body{margin:0;height:100%;background:#0f0f0f;color:#e0e0e0;font-family:system-ui,sans-serif}#app{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem}.video-container{position:fixed;inset:0;width:100%;height:100%;background:#000;overflow:hidden}.video-container iframe{position:absolute;inset:0;width:100%;height:100%;border:none}.video-overlay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:75%;border-radius:8rem;z-index:1;cursor:pointer}.empty{text-align:center;color:#888}