:root{--background:#ffffff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{color-scheme:dark}}.video-frame-controller{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;z-index:-1!important}.video-frame-controller video{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:1}.video-frame-controller .frame-info{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);z-index:9999;background:rgba(0,0,0,.8);color:white;padding:12px 24px;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px rgba(0,0,0,.3);font-weight:500;pointer-events:none}@media (max-width:768px){.video-frame-controller{height:100vh}.video-frame-controller .frame-info{font-size:.8rem;padding:10px 20px;bottom:15px}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateX(-50%) translateY(0)}40%{transform:translateX(-50%) translateY(-10px)}60%{transform:translateX(-50%) translateY(-5px)}}@media (min-width:768px){.w-md-100{width:100%}}