@font-face{font-family:'DM Sans';font-style:normal;font-weight:100 1000;font-display:swap;src:url('fonts/dm-sans.ttf') format('truetype')}
@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url('fonts/manrope.ttf') format('truetype')}
:root{font-family:'DM Sans',sans-serif;color:#282536;background:#faf9f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #aaa1e3;outline-offset:4px}header{max-width:1256px;margin:auto;padding:32px 48px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;color:#292435;text-decoration:none;font-weight:700;letter-spacing:-.7px;font-size:20px}.brand-dot{color:#7660c1}.brand-icon{display:grid;place-items:center;background:#7660c1;color:white;width:32px;height:32px;border-radius:10px;margin-right:10px;font-size:25px}.header-note{font-size:12px;color:#898591}main{max-width:760px;margin:auto;padding:47px 24px 0}.intro{text-align:center}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:#81778e;display:flex;align-items:center;justify-content:center;gap:8px}.eyebrow span{height:6px;width:6px;border-radius:50%;background:#a89bc7}h1{font-family:Manrope,sans-serif;font-size:54px;line-height:1.14;letter-spacing:-2.8px;margin:22px 0 18px;font-weight:800}h1 span{color:#8069bc}.intro p{font-size:15px;line-height:1.7;color:#8a8492;margin:0}.decision-card{background:#fff;border:1px solid #ebe7ef;box-shadow:0 12px 45px #43355105;border-radius:22px;padding:30px 32px 20px;max-width:590px;margin:34px auto 0}.card-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.step{font-size:9px;letter-spacing:1.5px;color:#9b94a6;font-weight:700}h2{font-family:Manrope,sans-serif;font-size:20px;letter-spacing:-.6px;margin:7px 0 0}.mode{border-radius:8px;background:#f1edf8;color:#8270ad;padding:8px 10px;font-size:12px;font-weight:700;white-space:nowrap}.option{display:flex;align-items:center;gap:12px;margin-top:12px}.option-letter{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#f0edf6;color:#8b78af;font-size:11px;font-weight:700;flex-shrink:0}.option input{width:100%;min-width:0;border:1px solid #e9e5ee;border-radius:10px;padding:14px 16px;background:#fcfbfd;color:#45404f;font-size:14px;outline:none}.option input:focus{border-color:#9e87cc;box-shadow:0 0 0 3px #a58bda16}.remove{border:0;background:transparent;color:#9c94a6;font-size:22px;padding:4px}.options-actions{display:flex;align-items:center;justify-content:space-between;margin:18px 0 25px;gap:8px}.text-button{background:none;border:0;padding:0;color:#8572ac;font-size:12px;font-weight:600}.text-button span{font-size:17px;vertical-align:-1px;margin-right:4px}#fairness{font-size:10px;color:#aaa4af}.primary{width:100%;border:0;border-radius:10px;padding:16px 18px;background:#8067bb;color:white;font-weight:600;font-size:14px;display:flex;align-items:center;justify-content:center;gap:10px;position:relative;box-shadow:0 4px 7px #8067bb13;transition:background .2s,transform .2s}.primary:hover{background:#7054ad;transform:translateY(-1px)}.primary:disabled{opacity:.65;cursor:wait;transform:none}.shuffle{font-size:24px;line-height:18px}.arrow{position:absolute;right:18px;font-size:20px;font-weight:400}.micro{text-align:center;font-size:10px;color:#aaa4b1;margin:13px 0 0}.quick{margin:22px auto 0;display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;font-size:10px}.quick>span{color:#a09aa6;margin-right:3px}.quick button{border:1px solid #e8e3ec;border-radius:7px;background:transparent;color:#8d8498;padding:7px 9px;font-size:10px}.quick button:hover{background:#f0ebf7;color:#7054ad}.quick button span{margin-left:8px;color:#aaa1b7}.bottom{text-align:center;margin:48px 0 44px}.little-star{font-size:25px;color:#baa8d6}.bottom p{font-size:14px;color:#8a8195;line-height:1.6;margin:10px 0}.bottom strong{color:#62566e;font-weight:500}.bottom>span{font-size:11px;color:#a49daa;line-height:1.7}footer{max-width:1160px;margin:auto;border-top:1px solid #eae5ed;padding:20px 0 23px;display:flex;justify-content:space-between;font-size:10px;color:#a59cae}footer i{font-style:normal;padding:0 7px}#result{margin-top:24px;border-radius:12px;padding:22px;background:#f3eff9;border:1px solid #eae2f6;animation:appear .3s ease}.result-top{display:flex;justify-content:space-between;align-items:center}.sparkle{color:#987ac5;font-size:24px}h3{font-family:Manrope,sans-serif;font-size:30px;letter-spacing:-1px;margin:10px 0;overflow-wrap:anywhere}#result p{color:#8e809e;font-size:12px}.secondary{border:1px solid #d7cbe8;color:#7d659f;background:white;border-radius:8px;padding:10px 14px;font-size:12px}#error{font-size:12px;color:#b64262}button:disabled{cursor:default}.text-button:disabled{opacity:.4}@keyframes appear{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(max-width:650px){header{padding:22px}.header-note{display:none}.brand{font-size:17px}main{padding:33px 18px 0}h1{font-size:42px;letter-spacing:-2px}.intro p{font-size:14px}.decision-card{padding:24px 20px 18px}#fairness{font-size:9px}.options-actions{align-items:flex-start}footer{margin:0 22px;gap:14px;flex-direction:column}.bottom{margin-top:36px}.quick>span{flex-basis:100%;text-align:center;margin-bottom:5px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
footer a{color:#746283;text-underline-offset:3px}footer{flex-wrap:wrap;gap:12px}.legal-page{padding-bottom:48px}.legal-page h1{font-size:42px;letter-spacing:-1.5px}.legal-card{background:#fff;border:1px solid #ebe7ef;border-radius:22px;padding:28px 32px;line-height:1.75;overflow-wrap:anywhere}.legal-card h2{margin:24px 0 10px}.legal-card h2:first-child{margin-top:0}.legal-card address{font-style:normal}.legal-card a,.legal-back a{color:#7054ad;text-underline-offset:3px}.legal-back{margin-top:24px}@media(max-width:650px){.legal-card{padding:22px 20px}.legal-page h1{font-size:34px}}
body.modal-open{overflow:hidden}dialog#result{position:fixed;inset:0;margin:auto;width:calc(100% - 36px);max-width:490px;max-height:calc(100dvh - 48px);overflow:auto;padding:38px 28px 28px;border:1px solid #eae2f6;border-radius:22px;background:#faf7ff;color:#282536;box-shadow:0 24px 90px #28253640}dialog#result:not([open]){display:none}dialog#result::backdrop{background:rgb(30 23 43 / 55%);backdrop-filter:blur(4px)}.modal-close{position:absolute;right:12px;top:10px;border:0;border-radius:8px;background:transparent;color:#62566e;font-size:27px;width:40px;height:40px}.modal-close:hover{background:#eae2f6}dialog#result .result-top{padding-right:24px}dialog#result h3{font-size:clamp(28px,7vw,42px);margin:20px 0}.result-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.intro h1 .intro-question{font-size:.65em;color:#282536;letter-spacing:-1px}
.intro h1>span{font-size:.65em;letter-spacing:-1px}
.intro h1{line-height:.85}
.decision-guide{max-width:590px;margin:0 auto 48px;border-top:1px solid #eae5ed;padding-top:28px;color:#62566e;line-height:1.75;font-size:14px}.decision-guide h2{font-size:22px;color:#282536;line-height:1.4}.decision-guide h3{font-size:17px;letter-spacing:-.3px;margin:24px 0 8px;color:#45404f}.decision-guide p{margin:12px 0}.decision-guide ol{padding-left:22px}.decision-guide li{padding-left:4px;margin:7px 0}.intro h1 .intro-question{display:inline-block;text-wrap:balance}
.primary .arrow{top:50%;transform:translateY(-50%);line-height:1;display:block}
#result #winner{transition:opacity .22s ease,transform .22s ease}#result #winner.answer-changing{opacity:0;transform:translateY(8px)}@media(prefers-reduced-motion:reduce){#result #winner{transition:none}#result #winner.answer-changing{transform:none}}
#result #result-heading{font-size:12px}#result #result-description{font-size:15px;line-height:1.6}
.decision-notice{margin:14px 0 0;text-align:center;font-size:11px;line-height:1.6;color:#756e7e}
.bottom p{font-size:18px;line-height:1.65}.bottom>span{font-size:14px;line-height:1.8}.bottom strong{font-weight:600}
.decision-notice{font-size:10px;color:#918a99}
.decision-notice{max-width:590px;margin:12px auto 0;padding:0 10px}