@font-face{font-family:e-Ukraine;src:url(/fonts/e-Ukraine-Regular.otf) format("opentype");font-weight:400;font-display:swap}@font-face{font-family:Trump Gothic Pro;src:url(/fonts/TrumpGothicPro-Bold.ttf) format("truetype");font-weight:700;font-display:swap}html,body{margin:0;width:100svw;height:100svh;overflow:hidden;font-family:Trump Gothic Pro,e-Ukraine,system-ui,sans-serif;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;background:#f5f5f5;color:#000}button{font-family:inherit}h1{font-size:10svh}#app{width:100svw;height:100svh}.screen{position:relative;display:flex;flex-direction:column;align-items:center;width:100svw;height:100svh;box-sizing:border-box;padding:2svh 4svw;gap:2svh}.app-header{display:flex;align-items:center;justify-content:space-between;width:100%}.app-header__title{font-weight:700;font-size:2svh;background:none;border:none;cursor:pointer;color:inherit}.app-header__logo{height:8.33svh;width:auto}.screen-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;flex:1;gap:2svh}.screen--intro .screen-content,.screen--countdown .screen-content,.screen--recording .screen-content,.screen--qr .screen-content{padding-bottom:8.33svh}.app-header__lang{display:flex;gap:0}.app-header__lang-btn{box-sizing:border-box;width:4.69svw;height:8.33svh;font-size:4.17svh;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid #0069b9;background:#fff;color:#0069b9;text-decoration:underline;cursor:pointer}.app-header__lang-btn.active{background:#ffe800;border-color:#ffe800;color:#000;text-decoration:none}.btn{padding:1.5svh 3svh;font-size:2.2svh;font-weight:700;border:none;border-radius:.6svh;cursor:pointer}.btn--secondary{background:#e5e5e5;color:#000}.action-btn{width:47.71svw;height:13.89svh;border:none;border-radius:0;font-size:6.94svh;font-weight:700;display:flex;align-items:center;justify-content:center;gap:1svw;cursor:pointer}.action-btn:disabled{opacity:.6;cursor:default}.action-btn--blue{background:#0069b9;color:#fff}.action-btn--yellow{background:#ffe800;color:#000}.action-btn--white{background:#fff;color:#e2001a}.action-btn--red{background:#e2001a;color:#fff}.action-btn-icon{height:5svh;width:auto}.intro-headline{text-align:center;max-width:90svw}.background-tiles{display:flex;gap:2svw;width:100%;flex:1}.background-title{margin-top:0}.background-tile{flex:none;width:44.71svw;height:60.17svh;border:none;border-radius:2.78svh;background-size:cover;background-position:center;position:relative;cursor:pointer;color:#fff;font-weight:700}.background-tile span{position:absolute;left:3.33svh;bottom:3.33svh;font-size:10svh;line-height:1;text-align:left;white-space:pre-line;text-shadow:0 2px 4px rgba(0,0,0,.6)}.preview-title{width:100%;text-align:left;margin:1svh 0 2svh}.subtitle-text{font-family:e-Ukraine,system-ui,sans-serif;font-weight:400;font-size:3svh;margin:0}.preview-subtitle{text-align:left;align-self:flex-start;width:100%;max-width:80svw;margin:0}.preview-row{display:flex;flex-direction:row;align-items:center;gap:4svw}.preview-buttons{display:flex;flex-direction:column;gap:2svh}.preview-image{width:45.45svw;height:50svh;border-radius:2.78svh}.countdown-title{text-align:center;white-space:pre-line;margin-top:0}.timer-circle{position:relative;width:33.33svh;height:33.33svh;display:flex;align-items:center;justify-content:center}.timer-circle__ring{--progress: 0%;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(#0069b9 var(--progress),rgba(0,105,185,.2) 0);transition:--progress 1s linear;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3svh - 2px),#000 calc(100% - 3svh));mask:radial-gradient(farthest-side,transparent calc(100% - 3svh - 2px),#000 calc(100% - 3svh))}@property --progress{syntax: "<percentage>"; inherits: false; initial-value: 0%;}.screen--recording .timer-circle__ring{background:conic-gradient(#fff var(--progress),rgba(255,255,255,.2) 0)}.timer-number{width:11.11svh;text-align:center;font-weight:700;color:#0069b9}.countdown-number,.progress-time{font-size:10svh}.screen--recording{background:#e2001a;color:#fff}.screen--recording .app-header__logo{filter:brightness(0) invert(1)}.screen--recording .timer-number{color:#fff}.recording-title{margin:0}.recording-error{position:absolute;left:50%;bottom:4svh;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;text-align:center}.recording-error-text{margin-top:0;margin-bottom:1svh;font-size:2svh}.recording-retry-btn{border-radius:0}.qr-canvas{box-sizing:border-box;width:37.5svh;height:37.5svh;border:2.5svh solid #0069b933}.qr-caption{text-align:center;margin-top:0;margin-bottom:0}.hide{display:none}.still-here-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center}.still-here-box{background:#fff;padding:3svh;border-radius:1svh;display:flex;flex-direction:column;align-items:center;gap:2svh;max-width:60svw;text-align:center}.still-here-question{text-align:center}.still-here-buttons{display:flex;flex-direction:column;gap:2svh}