@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Playfair+Display:wght@700;800&display=swap');
:root{font-family:'DM Sans',system-ui,sans-serif;color:#091f4c;background:#081832}body{margin:0;background:linear-gradient(130deg,#061531,#0a377b)}main{max-width:420px;min-height:100dvh;background:#fff;box-shadow:0 12px 70px #010b27a8;overflow:hidden}.hero,.loading,.finish{position:relative;min-height:100dvh;background:radial-gradient(circle at 50% 24%,#287dd2 0%,#0751a2 29%,#063778 58%,#031e4e 100%);padding:36px 24px 38px;overflow:hidden}.hero:before,.loading:before{content:'✦　　 ✧　　　　 ✦　✧　　✦';position:absolute;top:18px;left:0;width:100%;color:#d6efff;font-size:27px;letter-spacing:8px;opacity:.85;pointer-events:none}.hero:after{content:'';position:absolute;inset:auto -10% -30px;height:130px;background:radial-gradient(ellipse at 22% 70%,#195ab4 0 32%,transparent 33%),radial-gradient(ellipse at 80% 75%,#154e9b 0 30%,transparent 31%);pointer-events:none}.hero .wizard,.loading .wizard{position:relative;width:255px;height:255px;margin:2px auto 25px;border:0;background:radial-gradient(circle at 50% 40%,#48a3eb,#135bae 65%,#0a3578);box-shadow:0 15px 65px #00183988,inset 0 0 0 4px #6cc3f777;font-size:145px}.hero h1,.finish h1{font-family:'Playfair Display',Georgia,serif;font-size:37px;line-height:1.12;text-shadow:0 2px 2px #00234b38;max-width:325px;z-index:1}.hero p,.finish p{font-size:15px;line-height:1.5;max-width:300px;z-index:1}.hero .btn,.finish .btn{border-radius:17px;z-index:1;margin-top:20px;max-width:340px}.page{padding:25px 19px 36px;min-height:100dvh;background:linear-gradient(160deg,#fff,#fbfdff 55%,#fff)}.top{font-size:13px;gap:15px}.back{color:#09265a;font-size:30px}.progress{height:8px;background:#e9eff8}.progress span{background:linear-gradient(90deg,#0d439b,#226cda)}h2{margin:38px 3px 27px;font-size:23px;letter-spacing:-.6px;line-height:1.35;color:#0a1d48}.option{border:1px solid #eef3fa;min-height:73px;margin:10px 0;border-radius:20px;box-shadow:0 5px 16px #143c7210;padding:12px 14px;gap:14px;font-size:14px;font-weight:500;color:#101e48}.option b{width:51px;height:51px;font-size:24px;color:#fff;background:linear-gradient(135deg,#226bda,#123f96);box-shadow:0 4px 8px #0a3e8a19}.option:nth-of-type(3n) b{background:linear-gradient(135deg,#f06c4b,#dc3657)}.option:nth-of-type(4n) b{background:linear-gradient(135deg,#27bc9d,#147d90)}.option:nth-of-type(5n) b{background:linear-gradient(135deg,#8f6be3,#5131b4)}.option.active{background:#eaf3ff;border:2px solid #276cd4;box-shadow:0 0 0 2px #bddaff}.btn{border-radius:17px;background:linear-gradient(140deg,#256dde,#1454bd);margin-top:27px;box-shadow:0 8px 20px #1055c334;font-size:15px}.btn:disabled{cursor:not-allowed}.results .wizard{width:178px;height:178px;border:7px solid #e4f1ff;font-size:102px;margin:20px auto 15px;background:radial-gradient(#4ea1e7,#1256a9)}.results h2{font-family:'Playfair Display',Georgia,serif;font-size:29px;line-height:1.1;margin:12px auto;max-width:320px}.results>.muted{max-width:320px;margin:auto}.trio{gap:7px;margin:24px 0 28px}.mini{background:transparent;border-radius:15px;padding:8px 2px}.mini .emoji{font-size:42px;width:77px;height:77px;border-radius:50%;background:#d8edff;display:grid;place-items:center;margin:auto auto 12px;border:3px solid white;box-shadow:0 1px 0 2px #dbeaff}.mini:nth-child(2) .emoji{background:#ffd7e9}.mini:nth-child(3) .emoji{background:#c0d6fa}.mini strong{font-size:22px;color:#1251b5}.mini small{display:inline-block;background:#e4efff;color:#144993;padding:5px 9px;border-radius:20px;font-size:10px;margin-top:8px}.panel{border:0;border-radius:18px;background:#eaf4ff;margin:12px 0;padding:18px 17px;color:#294c80;font-size:14px}.panel h3{color:#0a3478;font-size:15px}.panel p{margin:8px 0}.panel:nth-of-type(even){background:#f4f8ff}.loading .wizard{background:radial-gradient(circle,#3277dd,#11428d);border:0;font-size:130px}.loading h2{color:#fff;text-align:center;margin:20px 0 10px}.loading p{color:#fff;text-align:center}.field{background:#fbfdff;border:1px solid #d8e4f4;padding:16px}.page label{font-weight:700;font-size:14px}.results .top{text-align:left}@media(min-width:700px){main{border-radius:26px;margin:26px auto;min-height:calc(100dvh - 52px)}.hero,.loading,.finish,.page{min-height:calc(100dvh - 52px)}}@media print{body,main{background:white;max-width:none;box-shadow:none}.results{min-height:auto}.top,.btn{display:none}.panel{break-inside:avoid}.hero,.loading{display:none}}