*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#100518;color:#fff;font-family:system-ui,-apple-system,sans-serif}.orb{position:fixed;width:330px;height:330px;border-radius:50%;filter:blur(100px);opacity:.3;pointer-events:none}.a{background:#ff2d83;top:-120px;left:-120px}.b{background:#7540ff;right:-120px;bottom:-120px}main{width:min(760px,100%);margin:auto;padding:10px;position:relative;z-index:1}.screen{display:none;min-height:calc(100vh - 20px);align-items:center;justify-content:center}.active{display:flex}.card{width:100%;background:#1c0b28ed;border:1px solid #ffffff18;border-radius:27px;box-shadow:0 25px 80px #0009;backdrop-filter:blur(16px)}.hero{text-align:center;padding:30px 18px}.heart{font-size:70px;animation:pulse 1.5s infinite}.label{font-size:10px;letter-spacing:3px;color:#ff76b1;font-weight:900}.hero h1{font-size:clamp(35px,9vw,60px);line-height:1.03;margin:10px 0}.hero h1 span{background:linear-gradient(90deg,#ff70ae,#bd8dff);-webkit-background-clip:text;color:transparent}.hero p{color:#d3c3da;line-height:1.5}.tags{display:flex;gap:7px;flex-wrap:wrap;justify-content:center;margin:18px 0}.tags b{font-size:11px;background:#ffffff0b;padding:8px 10px;border-radius:99px}button{width:100%;border:0;border-radius:15px;padding:15px;color:#fff;font-size:17px;font-weight:900;background:linear-gradient(135deg,#ff3d8e,#8547ff);cursor:pointer;box-shadow:0 12px 30px #ff3d8e22}.hero small{display:block;color:#8e7f96;font-size:10px;margin-top:10px}.wrap{width:100%}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}header h2{margin:4px 0;font-size:22px}.count{font-size:12px;color:#a999ae;background:#ffffff0b;padding:8px 10px;border-radius:99px}.bar{height:7px;background:#ffffff0d;border-radius:8px;overflow:hidden;margin-bottom:12px}.bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ff3d8e,#9a55ff);transition:.3s}.q{padding:22px 14px;text-align:center}.emoji{font-size:43px}.num{font-size:10px;letter-spacing:2px;color:#ff76b1;font-weight:900}.q h3{font-size:clamp(21px,6vw,30px);line-height:1.2;margin:10px 0 20px}.ans{display:block;text-align:left;margin:8px 0;background:#ffffff08;border:1px solid #ffffff18;box-shadow:none;font-size:15px}.ans.selected{background:#ff4b991c;border-color:#ff69aa}.ans span{display:inline-flex;width:27px;height:27px;border-radius:50%;align-items:center;justify-content:center;background:#ffffff0b;color:#ff80b6;margin-right:8px}.result{padding:26px 14px;text-align:center;position:relative;overflow:hidden}.score{font-size:68px;font-weight:1000;background:linear-gradient(90deg,#ff70ae,#bd8dff);-webkit-background-clip:text;color:transparent}.result h2{font-size:24px}.result p{color:#d2c2d9}.tourScore{display:flex;justify-content:space-between;background:#ffffff08;padding:10px;border-radius:12px;margin:6px 0;font-size:12px}.tourScore b{color:#ff78b3}.result hr{border:0;border-top:1px solid #ffffff15;margin:22px 0}.item{text-align:left;background:#ffffff07;padding:10px;border-radius:12px;margin:7px 0}.cat{font-size:9px;color:#ff78b3;font-weight:900}.qq{font-size:12px;color:#aaa0b0;margin:3px 0}.you{font-size:13px;font-weight:800}.right{font-size:11px;color:#58dfa8;margin-top:3px}.love{margin:20px 0;padding:16px;border-radius:18px;background:#ff3d8e12}.conf{position:absolute;top:-30px;animation:fall 3.5s linear forwards}@keyframes pulse{50%{transform:scale(1.08)}}@keyframes fall{to{transform:translateY(110vh) rotate(700deg)}}@media(max-width:430px){main{padding:7px}.hero{padding:26px 15px}}