:root{--q-red:237 54 36;--q-red-dark:217 46 32;--q-grey:61 61 61;--q-grey-light:230 230 230;--q-grey-dark:43 43 43;--q-green:168 216 50;--q-yellow:249 243 197;--q-purple:252 104 182;--q-blue:124 186 247}@font-face{font-family:Cervo;src:url(https://fonts.qmusic.be/cervo-light-webfont.ttf),url(https://fonts.qmusic.be/cervo-light-webfont.eot),url(https://fonts.qmusic.be/cervo-light-webfont.woff),url(https://fonts.qmusic.be/cervo-light-webfont.woff2),url(https://fonts.qmusic.be/cervo-light-webfont.svg);font-weight:400;font-style:normal}@font-face{font-family:Cervo;src:url(https://fonts.qmusic.be/cervo-medium-webfont.ttf),url(https://fonts.qmusic.be/cervo-medium-webfont.eot),url(https://fonts.qmusic.be/cervo-medium-webfont.woff),url(https://fonts.qmusic.be/cervo-medium-webfont.woff2),url(https://fonts.qmusic.be/cervo-medium-webfont.svg);font-weight:600;font-style:normal}@font-face{font-family:Qarla;src:url(https://fonts.qmusic.be/qarla-bold-webfont.ttf),url(https://fonts.qmusic.be/qarla-bold-webfont.eot),url(https://fonts.qmusic.be/qarla-bold-webfont.woff),url(https://fonts.qmusic.be/qarla-bold-webfont.woff2),url(https://fonts.qmusic.be/qarla-bold-webfont.svg);font-weight:700;font-style:normal}@font-face{font-family:Qarla;src:url(https://fonts.qmusic.be/qarla-bolditalic-webfont.ttf),url(https://fonts.qmusic.be/qarla-bolditalic-webfont.eot),url(https://fonts.qmusic.be/qarla-bolditalic-webfont.woff),url(https://fonts.qmusic.be/qarla-bolditalic-webfont.woff2),url(https://fonts.qmusic.be/qarla-bolditalic-webfont.svg);font-weight:700;font-style:italic}@font-face{font-family:Qarla;src:url(https://fonts.qmusic.be/qarla-italic-webfont.ttf),url(https://fonts.qmusic.be/qarla-italic-webfont.eot),url(https://fonts.qmusic.be/qarla-italic-webfont.woff),url(https://fonts.qmusic.be/qarla-italic-webfont.woff2),url(https://fonts.qmusic.be/qarla-italic-webfont.svg);font-weight:400;font-style:italic}@font-face{font-family:Qarla;src:url(https://fonts.qmusic.be/qarla-regular-webfont.ttf),url(https://fonts.qmusic.be/qarla-regular-webfont.eot),url(https://fonts.qmusic.be/qarla-regular-webfont.woff),url(https://fonts.qmusic.be/qarla-regular-webfont.woff2),url(https://fonts.qmusic.be/qarla-regular-webfont.svg);font-weight:400;font-style:normal}@font-face{font-family:BlackBones;src:url(https://fonts.qmusic.be/black-bones.ttf),url(https://fonts.qmusic.be/black-bones.eot),url(https://fonts.qmusic.be/black-bones.woff),url(https://fonts.qmusic.be/black-bones.woff2),url(https://fonts.qmusic.be/black-bones.svg);font-weight:400;font-style:normal;font-display:fallback}:root{color:#fff;background:rgb(var(--q-red));font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Cervo,Arial,Helvetica,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}button{font:inherit}.page-shell{background:rgb(var(--q-red));place-items:center;min-height:100svh;padding:20px;display:grid;position:relative;overflow:hidden}.ambilight{object-fit:cover;filter:blur(140px)saturate(2.5)brightness(.65)contrast(1.3);opacity:0;pointer-events:none;z-index:0;width:100%;height:100%;transition:opacity 1s;position:absolute;inset:0;transform:scale(1.3)}.phone-frame{z-index:1;aspect-ratio:9/16;background:#111;border-radius:28px;width:min(100%,480px,56.25svh);position:relative;overflow:hidden;box-shadow:0 28px 90px #00000059}.birthday-video{object-fit:cover;background:#111;width:100%;height:100%;display:block}.status-layer,.replay-layer{z-index:4;text-align:center;color:#fff;background:linear-gradient(#0003,#0000008c);place-items:center;padding:32px;display:grid;position:absolute;inset:0}.status-layer p,.replay-layer p{text-transform:uppercase;letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,4vw,1.8rem);font-weight:600;line-height:1.05}.replay-layer button{color:#fff;background:rgb(var(--q-red));cursor:pointer;text-transform:uppercase;letter-spacing:-.02em;border:0;border-radius:8px;padding:16px 32px;font-size:1.1rem;font-weight:600;box-shadow:0 12px 28px #00000047}.start-button{z-index:5;color:#fff;width:100%;height:100%;box-shadow:none;background:#00000061;border:0;border-radius:0;place-items:center;padding:0;display:grid;position:absolute;inset:0}.overlay__play-icon{color:#fff;fill:currentColor;filter:drop-shadow(0 10px 28px #00000059);width:clamp(70px,18vw,104px);height:clamp(70px,18vw,104px)}.start-button span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.choice-overlay{z-index:3;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(2,1fr);gap:3% 8%;padding:0 2%;display:grid;position:absolute;inset:12% 0 1%}.choice-hotspot{cursor:pointer;opacity:0;background:0 0;border:0;border-radius:50%;min-width:0;min-height:0;padding:0}.choice-hotspot:focus-visible{opacity:1;outline:4px solid rgb(var(--q-yellow));outline-offset:-4px;background:#ffffff29}.choice-hotspot span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.replay-layer{background:radial-gradient(circle, rgb(var(--q-red) / .72), #000000b8), #0000008c;align-content:center;gap:20px}@media (prefers-reduced-motion:reduce){.ambilight{display:none}.page-shell{background:radial-gradient(circle at 20% 20%, rgb(var(--q-yellow)) 0 11rem, transparent 20rem), radial-gradient(circle at 80% 35%, rgb(var(--q-purple)) 0 10rem, transparent 20rem), radial-gradient(circle at 35% 85%, rgb(var(--q-blue)) 0 11rem, transparent 22rem), linear-gradient(135deg, rgb(var(--q-red)), rgb(var(--q-purple)))}}@media (width<=520px){.page-shell{padding:0}.ambilight{display:none}.phone-frame{border-radius:0;width:100%;min-height:100svh}}
