:root{--color-green: #84BD00;--color-yellow: #F7D917}@font-face{font-family:Inter;src:url(/assets/fonts/Inter-VariableFont_opsz,wght.ttf);font-style:normal}@font-face{font-family:Inter;src:url(/assets/fonts/Inter-Italic-VariableFont_opsz,wght.ttf);font-style:italic}body{margin:0;overflow:hidden}main{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;box-sizing:border-box;font-family:Inter,sans-serif;overflow:hidden}.slide-in{animation:slideInFromRight .5s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}60%{transform:translate(-5%);opacity:1}80%{transform:translate(2%)}to{transform:translate(0);opacity:1}}h3{margin:0 0 8px;font-size:1.2rem;font-weight:700;letter-spacing:.3px}p{margin:0;padding:0;font-size:1.1rem;font-weight:400;line-height:1.4}.fullscreen-container{position:relative;height:100%;width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding-block:20px;overflow-y:auto;overflow-x:hidden}.gradient-background{background:linear-gradient(var(--color-green),var(--color-yellow))}.speech-bubble{position:relative;background:#fff;color:#000;border-radius:20px;padding:20px;text-align:center;font-weight:700;font-size:1.2em;z-index:10;min-width:300px;max-width:80%;box-shadow:0 4px 8px #0000004d;animation:popIn .3s ease-in-out;&.bottom{translate:0px 140px}}@keyframes popIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.3)}to{transform:scale(1);opacity:1}}.continue-btn{background:var(--color-yellow);border:none;border-radius:25px;padding:12px 20px;color:#333;font-size:1.2em;font-weight:700;cursor:pointer;box-shadow:0 2px 4px #0003;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transform:scale(1);&:disabled{cursor:not-allowed;opacity:.6;transform:scale(.95)}&:not(:disabled){animation:buttonPopIn .4s cubic-bezier(.68,-.55,.265,1.55)}&:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 8px #0000004d}}@keyframes buttonPopIn{0%{transform:scale(.85)}50%{transform:scale(1.1)}to{transform:scale(1)}}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid YellowGreen;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.secondary-btn{background:var(--color-green);border:none;border-radius:25px;padding:12px 20px;color:#fff;font-size:1.1em;font-weight:700;cursor:pointer;box-shadow:0 2px 4px #0003;transition:background-color .3s ease,transform .1s ease}.flat-btn{background:none;color:#fff;border:none;padding:12px 20px;font-size:1.2em;cursor:pointer;transition:background-color .3s ease,transform .1s ease}.horizontal-buttons-container{display:flex;gap:8px;justify-content:center;align-items:center;margin:16px 8px}@media (max-width: 768px){video{width:100%;height:auto;mask-image:radial-gradient(ellipse 60% 80% at center,#000 50%,#0000 80%);-webkit-mask-image:radial-gradient(ellipse 50% 70% at center,rgba(0,0,0,1) 50%,rgba(0,0,0,0) 80%)}}video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);mask-image:radial-gradient(ellipse 100% 70% at center,#000 50%,#0000 75%);-webkit-mask-image:radial-gradient(ellipse 100% 70% at center,rgba(0,0,0,1) 50%,rgba(0,0,0,0) 75%)}.toni-avatar-container{display:flex;flex-direction:column;align-items:center;height:180px;.toni-avatar{margin-bottom:-16px}}.toni-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;z-index:20;box-shadow:0 4px 8px #0000004d}