:root{--navy:#12233f;--navy-2:#1c3557;--ink:#1f2933;--muted:#6b7683;--faint:#97a0ab;--bg:#f4f1ea;--bg-2:#efebe1;--card:#fff;--line:#e3ded2;--line-2:#d6d0c2;--field:#f2eee6;--ok:#2e8b4a;--no:#b02020;--BLU:#1f4e79;--GIALLO:#b8860b;--VERDE:#3f7d3f;--ROSSO:#b02020;--serif:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--shadow:0 1px 2px rgba(18,35,63,.04),0 6px 20px rgba(18,35,63,.06);--shadow-lg:0 2px 4px rgba(18,35,63,.05),0 14px 36px rgba(18,35,63,.1);--r:14px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;color:var(--ink);background:radial-gradient(120% 80% at 50% -8%,var(--bg) 0,var(--bg-2) 100%) no-repeat,var(--bg);background-attachment:fixed;font-family:var(--sans);line-height:1.55;font-size:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.wrap{max-width:600px;margin:0 auto;padding:28px 20px 40px}h1{font-family:var(--serif);font-weight:600;font-size:30px;line-height:1.15;margin:0 0 10px;letter-spacing:-.015em}h1,h2{color:var(--navy)}h2{font-size:18px;margin:20px 0 6px;font-weight:650}p{margin:9px 0}a{color:var(--navy);text-decoration-thickness:1px;text-underline-offset:2px}b,strong{font-weight:650}.sub{color:var(--muted);font-size:14.5px;line-height:1.5}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px;margin:16px 0;box-shadow:var(--shadow)}.label{font-size:11.5px;letter-spacing:.11em;color:var(--faint);margin-bottom:10px}.label,.mark{text-transform:uppercase;font-weight:700}.mark{display:inline-flex;align-items:center;gap:10px;font-size:14px;color:var(--navy);letter-spacing:.14em;margin-bottom:22px}.mark .ring{width:24px;height:24px;border-radius:99px;background:conic-gradient(var(--BLU) 0 25%,var(--GIALLO) 0 50%,var(--VERDE) 0 75%,var(--ROSSO) 0);position:relative;box-shadow:0 1px 3px rgba(18,35,63,.18)}.mark .ring:after{content:"";position:absolute;inset:6px;border-radius:99px;background:var(--card)}.hero{margin:6px 0 4px}.hero h1{font-size:36px;margin-bottom:12px}.lead{font-size:16.5px;color:var(--muted);max-width:34ch;margin:0 0 4px}.cta{background:linear-gradient(180deg,var(--navy-2),var(--navy));color:#fff;border:none;border-radius:11px;padding:15px 22px;font-size:16px;font-weight:600;cursor:pointer;width:100%;box-shadow:0 2px 5px rgba(18,35,63,.22);transition:transform .08s ease,box-shadow .15s ease,opacity .15s}.cta:hover{box-shadow:0 5px 16px rgba(18,35,63,.3)}.cta:active{transform:translateY(1px)}.cta:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.ghost{background:var(--card);border:1px solid var(--line-2);color:var(--navy);border-radius:11px;padding:12px 17px;font-size:14px;font-weight:550;cursor:pointer;transition:border-color .12s,background .12s}.ghost:hover{border-color:var(--navy);background:#fff}.linkbtn{background:none;border:none;color:var(--muted);font-size:13px;cursor:pointer;text-decoration:underline;text-underline-offset:2px;padding:6px 2px}.linkbtn:hover{color:var(--navy)}.prog{height:7px;background:var(--field);border-radius:99px;overflow:hidden;margin:2px 0 8px;border:1px solid var(--line)}.prog>i{display:block;height:100%;border-radius:99px;transition:width .3s ease;background:linear-gradient(90deg,var(--navy-2),var(--navy))}.progn{font-size:12px;color:var(--faint);letter-spacing:.05em;font-weight:600;margin:0 0 2px}.qprompt{font-family:var(--serif);font-size:21px;line-height:1.3;color:var(--navy);font-weight:600;margin:12px 0 16px;letter-spacing:-.01em}.opt{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--card);border:1.5px solid var(--line-2);border-radius:12px;padding:15px 16px;margin:10px 0;font-size:15.5px;color:var(--ink);cursor:pointer;transition:border-color .12s,background .12s,box-shadow .12s,transform .06s;line-height:1.4}.opt:hover{border-color:var(--navy);box-shadow:var(--shadow)}.opt:active{transform:scale(.995)}.opt .pick{width:22px;height:22px;border-radius:99px;border:1.5px solid var(--line-2);flex:0 0 auto;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;transition:background .12s,border-color .12s}.opt.most{border-color:var(--ok);background:#f1f8f3;box-shadow:0 2px 8px rgba(46,139,74,.12)}.opt.most .pick{background:var(--ok);border-color:var(--ok)}.opt.least{border-color:var(--no);background:#fbf2f2}.opt.least .pick{background:var(--no);border-color:var(--no)}.opt.dim{opacity:.45}.opt:disabled{cursor:default}.hint{font-size:13.5px;color:var(--muted);margin:2px 0 10px}.hint b{color:var(--ink)}.hint.mostp b{color:var(--ok)}.hint.leastp b{color:var(--no)}.likert{display:flex;gap:8px;margin:12px 0 4px}.likert button{flex:1 1;border:1.5px solid var(--line-2);background:var(--card);border-radius:11px;padding:15px 0;font-size:17px;font-weight:600;cursor:pointer;color:var(--ink);transition:transform .06s,border-color .12s,background .12s}.likert button.sel,.likert button:hover{border-color:var(--navy)}.likert button.sel{background:var(--navy);color:#fff;box-shadow:var(--shadow)}.likscale{display:flex;justify-content:space-between;font-size:11.5px;color:var(--faint);margin-top:5px}.blend{font-family:var(--serif);font-size:30px;font-weight:600;color:var(--navy);margin:8px 0;letter-spacing:-.01em}.lock{display:flex;gap:11px;align-items:flex-start;background:linear-gradient(180deg,#fff,var(--field));border:1px solid var(--line);border-radius:12px;padding:15px 16px;margin:16px 0;font-size:14.5px;line-height:1.5}.field{width:100%;border:1.5px solid var(--line-2);border-radius:11px;padding:14px;font-size:16px;background:var(--card);color:var(--ink);margin:6px 0 2px;transition:border-color .12s,box-shadow .12s}.field:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px rgba(18,35,63,.08)}.flab{font-size:13px;font-weight:650;color:var(--navy);margin-top:14px;display:block}.seg{display:flex;gap:8px;margin:6px 0}.seg button{flex:1 1;border:1.5px solid var(--line-2);background:var(--card);border-radius:11px;padding:13px 0;font-size:14px;font-weight:550;cursor:pointer;color:var(--ink);transition:border-color .12s,background .12s}.seg button.sel,.seg button:hover{border-color:var(--navy)}.seg button.sel{background:var(--navy);color:#fff;box-shadow:var(--shadow)}.consent{display:flex;gap:11px;align-items:flex-start;margin:14px 0;font-size:14px;line-height:1.5}.consent input{margin-top:2px;width:19px;height:19px;flex:0 0 auto;accent-color:var(--navy);cursor:pointer}.consent.off{opacity:.5}.consent small{display:block;margin-top:3px}.consent small,.l1{color:var(--muted);font-size:12.5px}.l1{background:var(--field);border-radius:11px;padding:13px 14px;line-height:1.55}.err,.l1{margin:10px 0}.err{color:var(--no);font-size:13.5px;font-weight:550}.card h1,main>h1{margin-bottom:14px}main>h1{font-size:29px;line-height:1.2;margin-top:2px}.row{display:flex;gap:11px;align-items:flex-start;margin:9px 0;font-size:15px;line-height:1.5}.dot{width:11px;height:11px;border-radius:99px;margin-top:6px;flex:0 0 auto;box-shadow:0 0 0 3px rgba(0,0,0,.03)}.d-blu{background:var(--BLU)}.d-gia{background:var(--GIALLO)}.d-ver{background:var(--VERDE)}.d-ros{background:var(--ROSSO)}.you{background:var(--field);border-radius:10px;padding:9px 11px;margin:8px -3px;box-shadow:inset 0 0 0 1px var(--line)}.tag{font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;font-weight:700;background:#fff;border:1px solid var(--line-2);border-radius:99px;padding:2px 8px;margin-left:7px;white-space:nowrap}.stanza,.tag{color:var(--navy)}.stanza{font-family:var(--serif);font-weight:600;font-size:18px;margin:2px 0 6px}.beta{font-size:9.5px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--faint);background:var(--field);border:1px solid var(--line);border-radius:99px;padding:2px 7px;margin-left:8px;vertical-align:middle}.share{display:flex;gap:9px;flex-wrap:wrap;margin-top:8px}.foot{font-size:12.5px;color:var(--faint);text-align:center;margin:30px 0 4px}.foot a{color:var(--muted);text-decoration:none}.foot a:hover{text-decoration:underline}