:root{color-scheme:dark;--bg:#090616;--panel:#151027;--line:#30274b;--text:#f8f5ff;--muted:#b9b0cc;--violet:#9b7cff;--pink:#fa70bd;--radius:22px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{min-width:320px;background:var(--bg);scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at 15% 5%,#33205d 0,transparent 34rem),radial-gradient(circle at 90% 40%,#35132f 0,transparent 28rem),var(--bg)}button,select{font:inherit}.skip-link{position:fixed;left:12px;top:-60px;z-index:30;padding:10px 14px;color:#111;background:#fff;border-radius:10px}.skip-link:focus{top:12px}.shell{width:min(680px,100%);min-height:100vh;margin:auto;padding:22px clamp(18px,5vw,34px) 56px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:38px}.home{color:var(--text);font-weight:900;text-decoration:none;letter-spacing:-.02em}.topbar select{color:var(--text);background:#171126;border:1px solid var(--line);border-radius:10px;padding:8px 10px}.screen{display:none}.screen.active{display:block;animation:rise .35s ease}.eyebrow{margin:0 0 10px;color:#c7b8ff;font-size:.75rem;font-weight:900;letter-spacing:.15em}.screen>h1,#start-screen h1{margin:0;font-size:clamp(2.2rem,9vw,4.7rem);line-height:.96;letter-spacing:-.06em}.lead{margin:18px 0 26px;color:var(--muted);font-size:clamp(1rem,3vw,1.18rem);line-height:1.65}.card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(31,23,51,.94),rgba(17,12,31,.94));box-shadow:0 22px 55px rgba(0,0,0,.24)}.trust{padding:20px;margin-bottom:22px}.trust p{margin:0;color:#d4cce1;line-height:1.62}.trust p+p{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.primary,.secondary,.text-btn,.action,.option{min-height:52px;border-radius:15px;font-weight:800}.primary,.secondary,.text-btn{width:100%;cursor:pointer}.primary{border:0;color:#10091e;background:linear-gradient(135deg,#b9a5ff,#ff94cc);box-shadow:0 10px 28px rgba(169,117,255,.3)}.secondary{margin-top:20px;border:1px solid #705ba0;color:var(--text);background:#211735}.text-btn{margin-top:8px;border:0;color:var(--muted);background:transparent}.primary:hover,.secondary:hover,.action:hover,.option:hover{filter:brightness(1.08);transform:translateY(-1px)}.primary:focus-visible,.secondary:focus-visible,.text-btn:focus-visible,.action:focus-visible,.option:focus-visible,select:focus-visible{outline:3px solid #fff;outline-offset:3px}.orb{position:relative;width:160px;height:160px;margin:2px auto 34px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0 3%,#ca8cff 19%,#753fff 48%,#271350 70%);box-shadow:0 0 45px #8c5cff99,0 0 100px #ff70bd33;animation:float 4s ease-in-out infinite}.orb i{position:absolute;inset:-12px;border:1px solid #bda8ff77;border-radius:50%}.orb i:nth-child(2){inset:-25px;border-color:#ff8acb44;animation:spin 9s linear infinite}.orb i:nth-child(3){inset:-38px;border-style:dashed;border-color:#9fe8ff44;animation:spin 15s linear reverse infinite}.progress-row{display:flex;align-items:center;gap:14px;margin:0 0 22px;color:var(--muted);font-weight:800}.progress{height:8px;flex:1;overflow:hidden;background:#231a38;border-radius:99px}.progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--violet),var(--pink));transition:width .25s}.question{padding:clamp(20px,5vw,32px)}.question h2{min-height:64px;margin:6px 0 26px;font-size:clamp(1.35rem,5vw,2rem);line-height:1.25;letter-spacing:-.025em}.options{display:grid;gap:11px}.option{width:100%;padding:14px 16px;border:1px solid #3a2e57;color:var(--text);background:#191227;text-align:left;line-height:1.38;cursor:pointer;transition:.15s}.option:disabled{cursor:default;opacity:.65}.option.selected{border-color:#d2bfff;background:#392862;opacity:1}.palette{width:150px;height:150px;margin:0 auto 30px;border-radius:42% 58% 62% 38%/44% 38% 62% 56%;background:var(--palette,#8b5cf6);box-shadow:0 0 58px color-mix(in srgb,var(--palette,#8b5cf6) 65%,transparent);animation:morph 7s ease-in-out infinite}.scorecard{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:20px;margin-top:24px}.scorecard div{padding:13px;border-radius:14px;background:#100b1e}.scorecard span{display:block;margin-bottom:5px;color:var(--muted);font-size:.82rem}.scorecard strong{font-size:1.05rem}.scorecard p{grid-column:1/-1;margin:5px 0 0;color:#d3cbdf;line-height:1.55}.scorecard p+p{padding-top:13px;border-top:1px solid var(--line);color:var(--muted)}.next-title{margin:28px 0 12px;font-size:1rem}.actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.action{display:grid;place-items:center;padding:12px;border:1px solid #4b3a71;color:var(--text);background:#1a1229;text-align:center;text-decoration:none;line-height:1.3}#share-status{min-height:24px;margin:8px 0 0;color:var(--muted);text-align:center;font-size:.9rem}.loader{position:fixed;inset:0;z-index:20;display:grid;place-content:center;justify-items:center;background:#090616;transition:opacity .3s}.loader.hidden{opacity:0;pointer-events:none}.loader span{width:38px;height:38px;border:3px solid #3d2e60;border-top-color:#c8afff;border-radius:50%;animation:spin .8s linear infinite}.loader p{color:var(--muted)}
@keyframes rise{from{opacity:0;transform:translateY(8px)}}@keyframes float{50%{transform:translateY(-9px) scale(1.03)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes morph{50%{border-radius:58% 42% 37% 63%/61% 59% 41% 39%;transform:rotate(4deg)}}
@media(max-width:480px){.shell{padding-top:18px}.topbar{margin-bottom:28px}.actions{grid-template-columns:1fr}.scorecard{grid-template-columns:1fr}.scorecard p{grid-column:1}.orb{width:132px;height:132px}.question h2{min-height:0}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
.trust .order{color:#bda7ff;font-size:.84rem;font-weight:800;line-height:1.45}