*{margin:0;box-sizing:border-box}body{overflow:hidden}html{overflow:hidden;width:100%;height:100%;font-family:Helvetica,sans-serif}#container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;background-color:#000}video{opacity:0;z-index:-2}canvas{z-index:-1}@media (max-width: 1024px){canvas{transform:translateY(-10%);-webkit-transform:translateY(-10%);-moz-transform:translateY(-10%);-ms-transform:translateY(-10%);-o-transform:translateY(-10%)}}#greetings{text-align:center;position:fixed;bottom:10px;left:50%;width:100%;transform:translate(-50%);background-color:#00000080;color:#787878;font-family:sans-serif;font-size:14px;padding:10px 8px;line-height:1.2;z-index:100}@media (min-width: 700px){#greetings{bottom:10px;right:10px;transform:translate(0);text-align:right;width:auto}}#credits{text-align:center;position:fixed;top:10px;left:50%;width:100%;transform:translate(-50%);padding:10px 8px;background-color:#00000080;color:#787878;font-family:sans-serif;font-size:14px;line-height:1.2;z-index:100}@media (min-width: 700px){#credits{top:10px;left:10px;transform:translate(0);width:auto;text-align:left}}a{color:#787878}a:hover{color:#a8a8a8}.capture-btn{position:fixed;bottom:100px;left:50%;transform:translate(-50%);width:60px;height:60px;border-radius:50%;background:#fff0;border:4px solid rgba(255,255,255,1);cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;z-index:1000;user-select:none;-webkit-user-select:none;touch-action:none;-webkit-tap-highlight-color:transparent}@media (min-width: 1024px){.capture-btn{inset:32px 32px auto auto;transform:translate(0)}}.capture-btn:hover{background:#fff;border-color:#fff;transform:scale(1.1)}.capture-btn:active{transform:scale(.95)}.capture-btn.recording{background:#d61a21!important;animation:pulse 1s infinite;border-color:#d61a21!important}@keyframes pulse{0%{box-shadow:0 0 #d61a21}70%{box-shadow:0 0 0 10px #f000}to{box-shadow:0 0 #f000}}.capture-btn:focus{outline:none}.toast{position:fixed;left:50%;bottom:80px;transform:translate(-50%);min-width:160px;max-width:80vw;padding:14px 24px;background:#1e1e1ef2;color:#fff;border-radius:24px;font-size:1rem;z-index:2000;display:none;box-shadow:0 4px 24px #0006;text-align:center;pointer-events:none;transition:opacity .3s}