:root{--font-main:"Comfortaa",sans-serif;--font-accent:"Caveat",cursive;--color-bg-dark:#0a0a12;--color-bg-mid:#12121f;--color-flame:#ff6b35;--color-flame-light:#ffad56;--color-flame-glow:rgba(255,107,53,.4);--color-wax:#f5e6d3;--color-gold:gold;--color-purple:#8b5cf6;--color-glass:hsla(0,0%,100%,.08);--color-glass-border:hsla(0,0%,100%,.15)}*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:var(--font-main);background:var(--color-bg-dark);min-height:100vh;color:#fff;overflow-x:hidden}body:before{content:"";background:radial-gradient(ellipse at 20% 20%,rgba(139,92,246,.15) 0,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(255,107,53,.12) 0,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(255,173,86,.08) 0,transparent 60%),linear-gradient(180deg,var(--color-bg-dark) 0,var(--color-bg-mid) 100%);z-index:-2}.particles,body:before{position:fixed;top:0;left:0;right:0;bottom:0}.particles{pointer-events:none;z-index:-1;overflow:hidden}.particle{position:absolute;width:4px;height:4px;background:var(--color-flame-light);border-radius:50%;box-shadow:0 0 10px var(--color-flame),0 0 20px var(--color-flame-glow);animation:float-up linear infinite;opacity:0}@keyframes float-up{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:.8}90%{opacity:.6}to{transform:translateY(-20vh) scale(1);opacity:0}}.particle:first-child{left:10%;animation-duration:8s;animation-delay:0s}.particle:nth-child(2){left:20%;animation-duration:10s;animation-delay:1s}.particle:nth-child(3){left:30%;animation-duration:7s;animation-delay:2s}.particle:nth-child(4){left:40%;animation-duration:9s;animation-delay:.5s}.particle:nth-child(5){left:50%;animation-duration:11s;animation-delay:3s}.particle:nth-child(6){left:60%;animation-duration:8s;animation-delay:1.5s}.particle:nth-child(7){left:70%;animation-duration:10s;animation-delay:2.5s}.particle:nth-child(8){left:80%;animation-duration:7s;animation-delay:.8s}.particle:nth-child(9){left:90%;animation-duration:9s;animation-delay:3.5s}.particle:nth-child(10){left:15%;animation-duration:12s;animation-delay:4s}.particle:nth-child(11){left:35%;animation-duration:8s;animation-delay:5s}.particle:nth-child(12){left:55%;animation-duration:10s;animation-delay:4.5s}.particle:nth-child(13){left:75%;animation-duration:9s;animation-delay:6s}.particle:nth-child(14){left:95%;animation-duration:11s;animation-delay:5.5s}.particle:nth-child(15){left:5%;animation-duration:7s;animation-delay:7s}.container{max-width:440px;margin:0 auto;padding:20px;min-height:100vh;display:flex;flex-direction:column;position:relative}.glass-card{background:var(--color-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;border:1px solid var(--color-glass-border);box-shadow:0 8px 32px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.1)}.header{text-align:center;margin-bottom:20px}.header h1{font-family:var(--font-accent);font-size:36px;font-weight:700;margin-bottom:8px;background:linear-gradient(135deg,var(--color-flame-light) 0,var(--color-flame) 50%,var(--color-gold) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 40px var(--color-flame-glow);animation:glow-pulse 3s ease-in-out infinite}@keyframes glow-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.header p{color:hsla(0,0%,100%,.6);font-size:14px;letter-spacing:.5px}.progress-bar{width:100%;height:8px;background:hsla(0,0%,100%,.1);margin-bottom:24px;overflow:hidden}.progress-bar,.progress-fill{border-radius:4px;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-purple),var(--color-flame),var(--color-flame-light));background-size:200% 100%;transition:width .4s cubic-bezier(.4,0,.2,1);animation:shimmer 2s linear infinite}.progress-fill:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:12px;height:12px;background:var(--color-flame-light);border-radius:50%;box-shadow:0 0 15px var(--color-flame),0 0 30px var(--color-flame-glow)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.question-card{background:var(--color-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;padding:28px 24px;margin-bottom:20px;border:1px solid var(--color-glass-border);box-shadow:0 8px 32px rgba(0,0,0,.3),0 0 60px rgba(255,107,53,.1),inset 0 1px 0 hsla(0,0%,100%,.1);animation:card-appear .5s cubic-bezier(.4,0,.2,1)}@keyframes card-appear{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.question-text{font-family:var(--font-accent);font-size:26px;font-weight:600;margin-bottom:24px;text-align:center;line-height:1.3;color:var(--color-wax)}.answers{display:flex;flex-direction:column;gap:12px}.answer-btn{background:linear-gradient(135deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.03));border:1px solid hsla(0,0%,100%,.12);border-radius:16px;padding:18px 22px;color:#fff;font-family:var(--font-main);font-size:15px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;position:relative;overflow:hidden}.answer-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,173,86,.2),transparent);transition:left .5s}.answer-btn:hover{background:linear-gradient(135deg,rgba(255,107,53,.15),rgba(139,92,246,.1));border-color:var(--color-flame);transform:translateX(8px);box-shadow:0 4px 20px rgba(255,107,53,.2)}.answer-btn:hover:before{left:100%}.answer-btn:active{transform:translateX(4px) scale(.98)}.result-container{flex:1 1;display:flex;flex-direction:column;align-items:center;text-align:center;animation:fade-in .6s ease-out}@keyframes fade-in{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.result-image-wrapper{width:100%;max-width:260px;aspect-ratio:9/16;border-radius:24px;overflow:hidden;margin-bottom:24px;position:relative;box-shadow:0 20px 60px rgba(255,107,53,.35),0 0 100px rgba(255,173,86,.2),inset 0 0 60px rgba(255,107,53,.1);border:3px solid transparent;background:linear-gradient(var(--color-bg-dark),var(--color-bg-dark)) padding-box,linear-gradient(135deg,var(--color-flame),var(--color-purple),var(--color-flame-light)) border-box;animation:image-glow 3s ease-in-out infinite}@keyframes image-glow{0%,to{box-shadow:0 20px 60px rgba(255,107,53,.35),0 0 100px rgba(255,173,86,.2)}50%{box-shadow:0 25px 80px rgba(255,107,53,.5),0 0 120px rgba(255,173,86,.3)}}.result-image{width:100%;height:100%;object-fit:cover}.result-name{font-family:var(--font-accent);font-size:32px;font-weight:700;margin-bottom:16px;background:linear-gradient(135deg,var(--color-flame-light) 0,var(--color-flame) 50%,var(--color-gold) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.result-description{font-size:16px;color:hsla(0,0%,100%,.8);line-height:1.7;margin-bottom:12px;max-width:340px}.result-tip{font-size:14px;color:var(--color-flame-light);font-style:italic;margin-bottom:24px;max-width:320px;padding:12px 16px;background:rgba(255,107,53,.1);border-radius:12px;border-left:3px solid var(--color-flame)}.buttons-row{display:flex;gap:12px;width:100%;max-width:340px}.btn{flex:1 1;padding:16px 24px;border-radius:16px;font-family:var(--font-main);font-size:15px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,var(--color-flame) 0,var(--color-flame-light) 100%);color:#fff;box-shadow:0 4px 20px rgba(255,107,53,.4)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(255,107,53,.5)}.btn-primary:active{transform:translateY(-1px)}.btn-secondary{background:var(--color-glass);color:#fff;border:1px solid var(--color-glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3)}.join-group{margin-top:24px;padding:20px;background:var(--color-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid var(--color-glass-border);width:100%;max-width:340px}.join-group p{font-size:14px;color:hsla(0,0%,100%,.7);margin-bottom:14px}.join-btn{width:100%;padding:14px;background:linear-gradient(135deg,#5181b8,#7ba2d3);color:#fff;border:none;border-radius:14px;font-family:var(--font-main);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px rgba(81,129,184,.3)}.join-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(81,129,184,.4)}.start-screen{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}.candle-icon{font-size:100px;margin-bottom:24px;animation:candle-flicker 2s ease-in-out infinite;filter:drop-shadow(0 0 30px var(--color-flame-glow))}@keyframes candle-flicker{0%,to{transform:scale(1) rotate(-2deg);filter:drop-shadow(0 0 30px var(--color-flame-glow))}25%{transform:scale(1.05) rotate(1deg);filter:drop-shadow(0 0 50px var(--color-flame-glow))}50%{transform:scale(1.02) rotate(-1deg);filter:drop-shadow(0 0 40px var(--color-flame-glow))}75%{transform:scale(1.08) rotate(2deg);filter:drop-shadow(0 0 60px var(--color-flame-glow))}}.start-screen h1{font-family:var(--font-accent);font-size:42px;margin-bottom:12px;background:linear-gradient(135deg,var(--color-flame-light) 0,var(--color-flame) 50%,var(--color-gold) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.start-screen .subtitle{color:hsla(0,0%,100%,.7);margin-bottom:40px;font-size:17px;line-height:1.5}.start-btn{padding:18px 48px;font-size:18px;font-family:var(--font-main);font-weight:700;background:linear-gradient(135deg,var(--color-flame) 0,var(--color-flame-light) 100%);color:#fff;border:none;border-radius:20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 30px rgba(255,107,53,.4),0 0 60px rgba(255,107,53,.2);position:relative;overflow:hidden}.start-btn:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,hsla(0,0%,100%,.3),transparent);transform:rotate(45deg);animation:btn-shine 3s ease-in-out infinite}@keyframes btn-shine{0%{transform:translateX(-100%) rotate(45deg)}50%,to{transform:translateX(100%) rotate(45deg)}}.start-btn:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 40px rgba(255,107,53,.5),0 0 80px rgba(255,107,53,.3)}.start-btn:active{transform:translateY(-2px) scale(1)}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;font-size:20px;color:hsla(0,0%,100%,.8);font-family:var(--font-accent)}.loading:before{content:"🕯️";font-size:60px;margin-bottom:20px;animation:candle-flicker 1.5s ease-in-out infinite}.question-badge{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-purple),var(--color-flame));color:#fff;font-size:12px;font-weight:700;padding:6px 14px;border-radius:20px;margin-bottom:12px;box-shadow:0 4px 15px rgba(139,92,246,.3)}@media (max-width:380px){.container{padding:16px}.start-screen h1{font-size:36px}.question-text{font-size:22px}.result-name{font-size:28px}}@font-face{font-family:__Comfortaa_7ec7e3;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/f818a3577f594807-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Comfortaa_7ec7e3;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/6210b7a783c2f3da-s.p.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Comfortaa_7ec7e3;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/07d468ddf7350ed5-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Comfortaa_7ec7e3;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/35d29cc38e277dea-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Comfortaa_7ec7e3;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/e7a7e5dfd8853b53-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Comfortaa_7ec7e3;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/215b7dfa0255317a-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Comfortaa_Fallback_7ec7e3;src:local("Arial");ascent-override:74.21%;descent-override:19.71%;line-gap-override:0.00%;size-adjust:118.71%}.__className_7ec7e3{font-family:__Comfortaa_7ec7e3,__Comfortaa_Fallback_7ec7e3;font-style:normal}.__variable_7ec7e3{--font-main:"__Comfortaa_7ec7e3","__Comfortaa_Fallback_7ec7e3"}@font-face{font-family:__Caveat_ed2da7;font-style:normal;font-weight:400 700;font-display:swap;src:url(/_next/static/media/e44cdba7d0878bc5-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Caveat_ed2da7;font-style:normal;font-weight:400 700;font-display:swap;src:url(/_next/static/media/07fccecd6728972a-s.p.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Caveat_ed2da7;font-style:normal;font-weight:400 700;font-display:swap;src:url(/_next/static/media/486fce9f36bc8f45-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Caveat_ed2da7;font-style:normal;font-weight:400 700;font-display:swap;src:url(/_next/static/media/46bdd75a3ff56824-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Caveat_Fallback_ed2da7;src:local("Arial");ascent-override:125.37%;descent-override:39.18%;line-gap-override:0.00%;size-adjust:76.57%}.__className_ed2da7{font-family:__Caveat_ed2da7,__Caveat_Fallback_ed2da7;font-style:normal}.__variable_ed2da7{--font-accent:"__Caveat_ed2da7","__Caveat_Fallback_ed2da7"}