*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:system-ui,-apple-system,sans-serif;color:#fff;background:#100719}.bg:before,.bg:after{content:"";position:fixed;width:300px;height:300px;border-radius:50%;filter:blur(80px);opacity:.35;pointer-events:none}.bg:before{background:#ff2f87;top:-100px;left:-100px}.bg:after{background:#792cff;right:-100px;bottom:-100px}main{max-width:720px;margin:auto;padding:14px;position:relative;z-index:1}.screen{display:none;min-height:calc(100vh - 28px);align-items:center;justify-content:center}.screen.active{display:flex}.wrap,.card{width:100%}.card{background:rgba(28,14,42,.9);border:1px solid #ffffff1c;border-radius:27px;padding:25px 18px;box-shadow:0 20px 70px #0008;backdrop-filter:blur(18px)}.hero{text-align:center}.heart{font-size:70px;animation:pulse 1.5s infinite}.eyebrow{font-size:11px;letter-spacing:3px;font-weight:900;color:#ff72ae}.hero h1{font-size:clamp(34px,9vw,56px);line-height:1.03}.hero h1 b{background:linear-gradient(90deg,#ff78b7,#c895ff);-webkit-background-clip:text;color:transparent}.hero p{color:#d9cce0;line-height:1.5}.chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:22px 0}.chips span{background:#ffffff12;padding:8px 11px;border-radius:999px;font-size:13px}button{width:100%;border:0;border-radius:15px;padding:15px;font-size:17px;font-weight:900;color:#fff;background:linear-gradient(135deg,#ff3f8f,#8f49ff);cursor:pointer;box-shadow:0 10px 30px #ff3f8f35}button:disabled{opacity:.4;cursor:not-allowed}.hero small{display:block;color:#897d91;font-size:11px;margin-top:12px}.top{display:flex;justify-content:space-between;margin:0 3px 8px;font-size:13px}.top b{color:#ff77ae}.top span{color:#aaa}.bar{height:7px;background:#ffffff12;border-radius:10px;overflow:hidden;margin-bottom:12px}.bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ff4d9a,#9d5aff);transition:.3s}.qcard{text-align:center}.emoji{font-size:43px}.qcard h2{font-size:clamp(22px,6vw,31px);line-height:1.2;margin:10px auto 22px}.ans{display:block;text-align:left;background:#ffffff09;border:1px solid #ffffff1c;color:#fff;border-radius:15px;margin:9px 0;padding:14px;font-size:16px}.ans.sel{background:#ff469122;border-color:#ff5fa4}.ans span{display:inline-flex;width:28px;height:28px;border-radius:50%;align-items:center;justify-content:center;background:#ffffff0d;color:#ff8abb;font-weight:900;margin-right:8px}.qcard button{margin-top:7px}.result{text-align:center;position:relative;overflow:hidden}.score{font-size:58px;font-weight:1000}.result h2{font-size:clamp(23px,6vw,34px);background:linear-gradient(90deg,#ff77b2,#c89aff);-webkit-background-clip:text;color:transparent}.result hr{border:0;border-top:1px solid #ffffff15;margin:25px 0}.result h3{text-align:left}.item{text-align:left;background:#ffffff08;border-radius:13px;padding:10px 12px;margin:8px 0}.item .c{font-size:10px;color:#ff79ad;font-weight:900;letter-spacing:1px}.item .q{font-size:13px;color:#b9adbf;margin:3px 0}.item .a{font-weight:800}.love{margin:24px 0;padding:18px;border-radius:20px;background:#ff398a13;border:1px solid #ffffff12}.love div{font-size:34px}.love p{line-height:1.45}.conf{position:absolute;top:-20px;animation:fall 3s linear forwards;pointer-events:none}@keyframes pulse{50%{transform:scale(1.08)}}@keyframes fall{to{transform:translateY(105vh) rotate(720deg)}}