.wsi{border-radius:var(--r-card);box-shadow:var(--shadow-soft);background:radial-gradient(#3c2d140f 1px,#0000 1.2px) 0 0/18px 18px,#efeae2;padding:24px;position:relative;overflow:hidden}.wsi-head{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.wsi-kicker{color:var(--rose-soft);font-size:15px;font-weight:800}.wsi h3{font-size:clamp(30px,4vw,38px)}.wsi-score{border-radius:var(--r-pill);font-family:var(--display);background:#fff;padding:6px 14px;font-size:22px;font-weight:700}.wsi-intro{justify-items:start;gap:16px;margin-top:10px;display:grid}.wsi-intro p{max-width:46ch;color:var(--text-dim);font-size:17px}.wsi-dots{gap:6px;margin:16px 0 6px;display:flex}.wsi-dots i{background:#3c2d141f;border-radius:4px;flex:1;height:4px}.wsi-dots i.done{background:var(--rose)}.wsi-dots i.now{background:#00a88473}.wsi-stage{justify-content:center;align-items:center;min-height:150px;padding:14px 0;transition:justify-content .3s;display:flex}.wsi-bubble{max-width:min(460px,88%);animation:wsi-in .45s var(--ease-pop) both;transition:transform .5s var(--ease-out), background .35s, border-radius .35s;background:#fff;border-radius:18px;padding:14px 18px 10px;font-size:19px;line-height:1.45;position:relative;box-shadow:0 1px 1.5px #3c2d1424}@keyframes wsi-in{0%{opacity:0;transform:scale(.9)translateY(10px)}to{opacity:1;transform:none}}.wsi-stage.to-you .wsi-bubble{background:#d9fdd3;border-top-right-radius:4px;transform:translate(18%)}.wsi-stage.to-them .wsi-bubble{border-top-left-radius:4px;transform:translate(-18%)}.wsi-bubble.wrong{animation:wsi-shake .42s var(--ease-in-out)}@keyframes wsi-shake{0%,to{translate:0}20%{translate:-7px}45%{translate:6px}70%{translate:-3px}}.wsi-meta{color:var(--text-faint);justify-content:flex-end;align-items:center;gap:4px;margin-top:6px;font-size:13px;display:flex}.wsi-burst{pointer-events:none;position:absolute;top:50%;left:50%}.wsi-burst i{color:var(--coral);animation:wsi-heart .9s var(--ease-out) forwards;position:absolute}@keyframes wsi-heart{0%{opacity:1;transform:rotate(var(--a)) translateY(0) scale(.6)}to{opacity:0;transform:rotate(var(--a)) translateY(-70px) scale(1)}}.wsi-choices{grid-template-columns:1fr 1fr;gap:12px;display:grid}.wsi-choice{min-height:58px;box-shadow:var(--shadow-soft);transition:transform .18s var(--ease-out), border-color .18s;background:#fff;border:2px solid #0000;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:10px 14px;font-size:18px;font-weight:800;display:flex}.wsi-choice:hover{transform:translateY(-2px)}.wsi-choice.c-you:hover{border-color:var(--rose)}.wsi-choice.c-them:hover{border-color:var(--jade)}.wsi-av{color:#fff;width:34px;height:34px;font-family:var(--display);border-radius:50%;place-items:center;font-size:18px;display:grid}.wsi-choice.c-you .wsi-av{background:var(--rose)}.wsi-choice.c-them .wsi-av{background:var(--jade)}.wsi-result{min-height:58px;animation:wsi-in .3s var(--ease-out);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.wsi-result b{font-family:var(--display);font-size:24px}.wsi-gate,.wsi-done{text-align:center;animation:wsi-in .4s var(--ease-out);justify-items:center;gap:10px;padding:26px 10px 10px;display:grid}.wsi-gate-ring{width:70px;height:70px;color:var(--rose-soft);box-shadow:var(--shadow-soft);background:#fff;border-radius:50%;place-items:center;display:grid}.wsi-gate b,.wsi-done b{font-family:var(--display);max-width:26ch;font-size:24px}.wsi-gate>span:not(.wsi-gate-ring){color:var(--text-dim)}.wsi-final{font-family:var(--display);color:var(--rose-soft);font-size:84px;font-weight:700;line-height:1}.wsi-final small{color:var(--text-dim);font-size:34px}@media (max-width:560px){.wsi{padding:18px 16px}.wsi-bubble{font-size:17px}.wsi-stage.to-you .wsi-bubble{transform:translate(8%)}.wsi-stage.to-them .wsi-bubble{transform:translate(-8%)}.wsi-choice{min-height:54px;font-size:16px}}@media (prefers-reduced-motion:reduce){.wsi-burst{display:none}}