.wyr-site{--wyr-ink:#232143;--wyr-purple:#6445d8;color:var(--wyr-ink);background-color:#faf8ff;background-image:radial-gradient(at 10% 0,#e9e2ff 0,#0000 45%),radial-gradient(at 95% 45%,#fff0cd 0,#0000 45%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;min-height:100dvh;font-family:Arial,Helvetica,sans-serif}.wyr-nav{justify-content:space-between;align-items:center;gap:16px;max-width:1160px;margin:auto;padding:24px 32px;font-size:14px;display:flex}.wyr-logo{letter-spacing:-1.3px;align-items:center;gap:5px;font-size:25px;font-weight:900;display:flex}.wyr-logo>svg{color:#7150df;width:26px}.wyr-logo span{color:#7150df;margin-left:-5px}.wyr-nav>nav{align-items:center;gap:18px;display:flex}.wyr-main{max-width:980px;margin:auto;padding:12px 24px 40px}.wyr-intro{text-align:center;margin:10px 0 30px}.wyr-kicker{letter-spacing:2px;color:#7d6b9a;font-size:12px;font-weight:800}.wyr-intro h1{letter-spacing:-3px;margin:14px 0 10px;font-size:clamp(40px,6vw,68px);font-weight:900;line-height:1.1}.wyr-intro h1 em{color:#7150df;font-style:normal;position:relative}.wyr-intro p{color:#736c88;margin:0;font-size:17px;line-height:1.6}.wyr-toolbar{justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px;display:flex}.wyr-toolbar>span{color:#857994;font-size:12px}.wyr-toolbar b{font-weight:500}.wyr-category{color:#4b3c68;background:#fff;border:1px solid #dcd6ed;border-radius:100px;min-width:180px;height:42px;padding:0 16px;font-size:14px}.wyr-choices{grid-template-columns:1fr 1fr;gap:22px;display:grid;position:relative}.wyr-choice{text-align:left;border:2px solid #0000;border-radius:24px;flex-direction:column;min-height:310px;padding:25px 28px;transition:transform .16s,box-shadow .16s;display:flex;position:relative;box-shadow:0 8px #2820400c}.wyr-choice.side-a{color:#fff;background:#6544d4}.wyr-choice.side-b{color:#49371a;background:#ffe2a6}.wyr-choice:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 12px #28204013}.wyr-choice:disabled{opacity:1;cursor:default}.wyr-choice.chosen{border-color:#231a43;box-shadow:0 0 0 4px #b8a5ef}.wyr-letter{opacity:.85;justify-content:space-between;align-items:center;font-size:14px;font-weight:800;display:flex}.wyr-choice-text{letter-spacing:-.6px;flex:1;margin:24px 0;font-size:clamp(21px,2.8vw,29px);font-weight:750;line-height:1.35;display:block}.wyr-pick{opacity:.85;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;display:flex}.wyr-or{pointer-events:none;background:#fffdf8;border:4px solid #faf8ff;border-radius:18px;place-items:center;width:52px;height:52px;font-size:14px;font-weight:900;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-8deg);box-shadow:0 3px 10px #2c1b4020}.wyr-result{grid-template-columns:auto 1fr;align-items:center;gap:6px 12px;display:grid}.wyr-result strong{letter-spacing:-1px;font-size:38px}.wyr-result>span:not(.wyr-bar){font-size:13px}.wyr-bar{background:#0002;border-radius:10px;grid-column:1/-1;height:7px;overflow:hidden}.wyr-bar i{background:currentColor;border-radius:10px;height:100%;transition:width .3s;display:block}.wyr-feedback{color:#6f6283;text-align:center;place-items:center;min-height:56px;padding:10px;font-size:14px;display:grid}.wyr-feedback p{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:0;display:flex}.wyr-feedback button{color:#43315f;background:#eee5ff;border-radius:10px;padding:8px 14px}.wyr-next-row{justify-content:space-between;align-items:center;gap:15px;display:flex}.wyr-next-row>span{color:#82758f;font-size:13px}.wyr-next{color:#fff;background:#282140;border:0;border-radius:100px;align-items:center;gap:12px;padding:15px 24px;font-size:15px;font-weight:700;display:flex}.wyr-next:hover{background:#503773}.wyr-about{border-top:1px solid #e5deef;margin-top:52px;padding-top:28px}.wyr-about h2{letter-spacing:-.6px;margin:0 0 14px;font-size:23px}.wyr-about>div{grid-template-columns:1fr 1fr;gap:0 24px;display:grid}.wyr-about p{color:#786d87;margin:0 0 14px;font-size:15px;line-height:1.8}.wyr-about a{text-decoration:underline}.wyr-footer{color:#7f738e;border-top:1px solid #e3dceb;flex-wrap:wrap;justify-content:space-between;gap:18px;max-width:1100px;margin:0 auto;padding:22px 32px;font-size:13px;display:flex}.wyr-footer nav{gap:20px;display:flex}.wyr-footer small{font-size:12px}:is(.wyr-site button:focus-visible,.wyr-site a:focus-visible){outline-offset:5px;outline:3px solid #ec579e}@media (max-width:600px){.wyr-nav{padding:18px}.wyr-main{padding:6px 16px 28px}.wyr-intro{margin:8px 0 22px}.wyr-intro h1{letter-spacing:-1.7px}.wyr-intro p{font-size:15px}.wyr-kicker{letter-spacing:1.3px;font-size:10px}.wyr-toolbar b{display:none}.wyr-category{min-width:160px}.wyr-choices{grid-template-columns:1fr;gap:16px}.wyr-choice{border-radius:20px;min-height:190px;padding:20px 24px}.wyr-choice-text{margin:14px 0;font-size:23px}.wyr-or{border-radius:14px;width:42px;height:42px;top:50%}.wyr-result strong{font-size:30px}.wyr-about>div{grid-template-columns:1fr}.wyr-footer{padding:20px;display:block}.wyr-footer nav{flex-wrap:wrap;margin:15px 0}.wyr-feedback{font-size:13px}.wyr-next{padding:13px 20px}}@media (prefers-reduced-motion:reduce){.wyr-choice,.wyr-bar i{transition:none}}.wyr-hypothetical{text-align:center;color:#786d87;margin:-14px 0 22px;font-size:12px;line-height:1.5}
