@font-face{font-family:Poppins;src:url(/fonts/Poppins-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/Poppins-SemiBold.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/Poppins-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-dark:#0d0620;--bg-mid:#1a0a3e;--bg-light:#4a148c;--purple:#9c27b0;--purple-light:#ce93d8;--purple-glow:#9c27b066;--gold:#ffd54f;--gold-dark:#ffc107;--gold-glow:#ffd54f4d;--white:#fff;--white-dim:#ffffffb3;--glass:#ffffff0f;--glass-border:#ffffff1a;--correct:#4caf50;--correct-glow:#4caf504d;--wrong:#f44336;--wrong-glow:#f443364d;--section-accent:var(--purple-light);--section-glow:var(--purple-glow);--container-max:480px;--radius:16px;--radius-sm:12px;--transition-speed:.3s;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-size:16px}body{background:linear-gradient(180deg, var(--bg-light) 0%, var(--bg-mid) 30%, var(--bg-dark) 100%);color:var(--white);touch-action:manipulation;background-attachment:fixed;min-height:100dvh;font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}#app{width:100%;min-height:100dvh;position:relative;overflow:hidden}.section-family{--section-accent:#ef5350;--section-glow:#ef53504d}.section-friends{--section-accent:#ff6b9d;--section-glow:#ff6b9d4d}.section-team{--section-accent:#ce93d8;--section-glow:#ce93d84d}.section-students{--section-accent:#ffd54f;--section-glow:#ffd54f4d}.screen{width:100%;min-height:100dvh;transition:transform var(--transition-speed) ease, opacity var(--transition-speed) ease;will-change:transform, opacity;-webkit-overflow-scrolling:touch;position:absolute;top:0;left:0;overflow-y:auto}.screen-active{opacity:1;z-index:2;transform:translate(0)}.screen-enter{opacity:0;z-index:2;transform:translate(100%)}.screen-exit{opacity:0;z-index:1;pointer-events:none;transform:translate(-30%)}.gold-text{color:var(--gold);text-shadow:0 0 20px var(--gold-glow)}.btn{border-radius:var(--radius-sm);cursor:pointer;appearance:none;text-align:center;border:none;width:100%;padding:16px 24px;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;line-height:1.4;transition:all .2s;display:block}.btn-primary{background:linear-gradient(135deg, var(--gold-dark), var(--gold));color:var(--bg-dark);font-weight:700}.btn-primary:active{transform:scale(.97)}.btn-glow{box-shadow:0 0 20px var(--gold-glow), 0 4px 15px #0000004d;animation:2s ease-in-out infinite glowPulse}.btn-secondary{background:var(--glass);color:var(--white);border:1px solid var(--glass-border)}.btn-secondary:active{background:#ffffff1f}.btn-option{background:var(--glass);color:var(--white);border:1px solid var(--glass-border);text-align:left;-webkit-backdrop-filter:blur(10px);border-radius:14px;min-height:48px;padding:12px 20px;font-size:.9rem;font-weight:400}.btn-option:active:not(.btn-disabled){background:#ffffff1f;transform:scale(.98)}.btn-option.btn-correct{border-color:var(--correct);box-shadow:0 0 15px var(--correct-glow);background:#4caf5033;animation:.5s correctPulse}.btn-option.btn-wrong{border-color:var(--wrong);box-shadow:0 0 15px var(--wrong-glow);background:#f4433633;animation:.4s shake}.btn-option.btn-disabled{opacity:.6;cursor:default}.btn-next-after-wrong{max-width:320px;margin-top:24px;margin-left:auto;margin-right:auto;animation:.3s fadeInUp}.countdown-bar{background:#ffffff1a;border-radius:3px;width:100%;height:6px;margin-top:20px;position:relative;overflow:hidden}.countdown-bar__fill{background:linear-gradient(90deg, var(--gold), var(--section-accent));border-radius:3px;width:100%;height:100%}.countdown-bar__text{text-align:center;color:var(--white-dim);font-variant-numeric:tabular-nums;margin-top:8px;font-size:.8rem}.countdown-bar--expired .countdown-bar__fill{background:var(--wrong)}.progress-bar{top:var(--safe-top);z-index:100;background:#ffffff1a;height:4px;position:fixed;left:0;right:0}.progress-bar__fill{background:linear-gradient(90deg, var(--purple), var(--gold));border-radius:0 2px 2px 0;height:100%;transition:width .5s}.welcome-screen{padding:40px 24px;padding-bottom:calc(40px + var(--safe-bottom));justify-content:center;align-items:center;display:flex}.welcome-content{text-align:center;max-width:var(--container-max);z-index:1;width:100%;animation:.6s fadeInUp;position:relative}.welcome-photo{background:linear-gradient(135deg, var(--gold), var(--purple));width:140px;height:140px;box-shadow:0 0 30px var(--purple-glow), 0 0 60px #ffd54f26;border-radius:50%;margin:0 auto 28px;padding:4px}.welcome-photo__img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.welcome-title{margin-bottom:16px;font-size:clamp(1.75rem,6vw,2.5rem);font-weight:700;line-height:1.2}.welcome-subtitle{color:var(--white-dim);margin-bottom:36px;font-size:clamp(.9rem,3vw,1.05rem);font-weight:400;line-height:1.6}.welcome-screen .btn-primary{max-width:280px;margin:0 auto;padding:18px 32px;font-size:1.1rem}.section-intro-screen{justify-content:center;align-items:center;padding:40px 24px;display:flex}.section-intro-content{text-align:center;max-width:var(--container-max);z-index:1;width:100%;animation:.5s fadeInUp;position:relative}.section-emoji{margin-bottom:20px;font-size:4rem}.section-title{color:var(--section-accent);text-shadow:0 0 30px var(--section-glow);margin-bottom:8px;font-size:clamp(2rem,7vw,3rem);font-weight:700}.section-subtitle{color:var(--white-dim);margin-bottom:12px;font-size:1rem}.section-count{color:var(--white-dim);opacity:.7;margin-bottom:36px;font-size:.9rem}.section-intro-screen .btn-primary{max-width:240px;margin:0 auto}.question-screen{padding:20px 24px;padding-top:calc(20px + var(--safe-top));padding-bottom:calc(20px + var(--safe-bottom));flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;display:flex}.question-content{max-width:var(--container-max);width:100%;padding-bottom:80px;animation:.4s fadeInUp}.question-from{align-items:center;gap:8px;margin-bottom:16px;display:flex}.question-from__label{color:var(--white-dim);font-size:.85rem}.question-from__name{color:var(--section-accent);font-size:1rem;font-weight:600}.question-text{margin-bottom:24px;font-size:clamp(1.15rem,4vw,1.5rem);font-weight:600;line-height:1.4}.question-options{flex-direction:column;gap:10px;display:flex}.video-reveal-screen,.standalone-video-screen{padding:20px 16px;padding-top:calc(20px + var(--safe-top));padding-bottom:calc(20px + var(--safe-bottom));flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;display:flex}.video-reveal-content,.standalone-video-content{max-width:var(--container-max);flex-direction:column;align-items:center;width:100%;height:100%;margin:0 auto;animation:.4s fadeInUp;display:flex}.video-reveal-header,.standalone-video-header{text-align:center;flex-shrink:0;margin-bottom:16px}.video-reveal-sparkle,.standalone-sparkle{margin-bottom:4px;font-size:2rem;display:block}.video-reveal-title,.standalone-title{font-size:clamp(1.1rem,3.5vw,1.4rem);font-weight:600}.video-player{border-radius:var(--radius);aspect-ratio:9/16;background:#000;flex:1;width:100%;max-height:calc(100dvh - 200px);margin:0 auto 16px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0006}.video-player video,.video-player iframe{object-fit:contain;background:#000;border:none;width:100%;height:100%;display:block}.video-player--fullscreen{aspect-ratio:auto;z-index:999;border-radius:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;position:fixed;inset:0}.video-expand-btn{color:#fff;cursor:pointer;z-index:10;-webkit-backdrop-filter:blur(4px);background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;display:flex;position:absolute;top:12px;right:12px}.video-reveal-content .btn-primary,.standalone-video-content .btn-primary{flex-shrink:0;max-width:320px}.video-play-overlay{cursor:pointer;background:#0006;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.play-icon{color:#fff;text-shadow:0 2px 10px #00000080;font-size:3rem}.gallery-screen{padding:20px 12px;padding-top:calc(20px + var(--safe-top));padding-bottom:calc(20px + var(--safe-bottom));flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;display:flex}.gallery-content{max-width:var(--container-max);flex-direction:column;align-items:center;width:100%;height:100%;margin:0 auto;animation:.4s fadeInUp;display:flex}.gallery-title{text-align:center;flex-shrink:0;margin-bottom:12px;font-size:clamp(1rem,3.5vw,1.3rem);font-weight:600}.carousel{flex:1;align-items:center;gap:8px;width:100%;margin-bottom:8px;display:flex;position:relative}.carousel__viewport{border-radius:var(--radius);touch-action:pan-y;flex:1;overflow:hidden}.carousel__track{will-change:transform;transition:transform .3s;display:flex}.carousel__slide{flex-direction:column;flex:0 0 100%;align-items:center;display:flex}.carousel__video-wrapper{aspect-ratio:9/16;border-radius:var(--radius);background:#000;width:100%;max-height:calc(100dvh - 200px);overflow:hidden;box-shadow:0 8px 32px #0006}.carousel__video{object-fit:contain;border:none;width:100%;height:100%;display:block}.carousel__arrow{border:1px solid var(--glass-border);color:var(--white);cursor:pointer;background:#ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.3rem;transition:opacity .2s,background .2s;display:flex}.carousel__arrow:active{background:#ffffff40}.carousel__arrow--hidden{opacity:.15;pointer-events:none}.carousel__nav{text-align:center;flex-shrink:0;margin:8px 0}.carousel__counter{color:var(--white-dim);font-size:.9rem}.carousel__current{color:var(--gold);font-weight:600}.gallery-next-placeholder{flex-shrink:0;justify-content:center;align-items:center;width:100%;max-width:320px;min-height:56px;display:flex}.gallery-hint{color:var(--white-dim);opacity:.6;text-align:center;font-size:.85rem}.gallery-content .gallery-next-btn{width:100%}.carousel__video-wrapper iframe{border:none}.video-modal{z-index:1000;opacity:0;transition:opacity .3s;position:fixed;inset:0}.video-modal--visible{opacity:1}.video-modal__backdrop{background:#000000d9;position:absolute;inset:0}.video-modal__content{z-index:1;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:20px;display:flex;position:relative}.video-modal__header{justify-content:space-between;align-items:center;width:100%;max-width:640px;margin-bottom:8px;display:flex}.video-modal__counter{color:var(--white-dim);font-size:.85rem}.video-modal__close{color:var(--white);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:2rem;line-height:1}.video-modal__title{color:var(--gold);margin-bottom:16px;font-size:1rem;font-weight:600}.video-modal__video{border-radius:var(--radius);background:#000;width:100%;max-width:640px}.finale-screen{padding:40px 24px;padding-bottom:calc(40px + var(--safe-bottom));justify-content:center;align-items:center;display:flex}.finale-content{text-align:center;max-width:var(--container-max);z-index:1;width:100%;animation:.6s fadeInUp;position:relative}.finale-emoji{margin-bottom:16px;font-size:5rem;animation:.6s bounceIn}.finale-title{margin-bottom:28px;font-size:clamp(1.75rem,6vw,2.5rem);font-weight:700;line-height:1.2}.finale-score{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);margin-bottom:20px;padding:24px}.finale-score__number{color:var(--gold);text-shadow:0 0 30px var(--gold-glow);font-size:3.5rem;font-weight:700}.finale-score__label{color:var(--white-dim);margin-top:4px;font-size:1rem}.finale-message{margin-bottom:12px;font-size:1.1rem;line-height:1.5}.finale-love{color:var(--purple-light);margin-bottom:32px;font-size:1.2rem}.sparkle{background:var(--white);pointer-events:none;z-index:0;border-radius:50%;animation:4s ease-in-out infinite twinkle;position:absolute}.floating-particle{background:var(--gold);pointer-events:none;z-index:0;border-radius:50%;animation:12s ease-in-out infinite floatUp;position:absolute}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px var(--gold-glow), 0 4px 15px #0000004d}50%{box-shadow:0 0 30px var(--gold-glow), 0 0 50px #ffd54f26, 0 4px 15px #0000004d}}@keyframes correctPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}10%{transform:translate(-8px)}30%{transform:translate(8px)}50%{transform:translate(-6px)}70%{transform:translate(6px)}90%{transform:translate(-3px)}}@keyframes twinkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1)}}@keyframes floatUp{0%{opacity:0;transform:translateY(0)translate(0)}10%{opacity:.3}90%{opacity:.3}to{opacity:0;transform:translateY(-100vh)translate(30px)}}@keyframes bounceIn{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@media (width>=480px){:root{--container-max:520px}.welcome-photo{width:160px;height:160px}}@media (width>=768px){:root{--container-max:560px}.welcome-photo{width:180px;height:180px}.carousel__video-wrapper{max-width:360px}}@media (width>=1024px){:root{--container-max:600px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}.sparkle,.floating-particle{display:none}.screen{transition:none}.screen-enter,.screen-exit{transform:none}}