/* revMatch by RevCounter — feature styles. Everything is scoped to .rm; shared shell styles are untouched.
   Look: early-2000s matchmaking (glossy gel controls, profile cards, compatibility meters) on RevCounter paper. */
@font-face{font-family:"Archivo";font-style:normal;font-weight:800;font-display:swap;src:url(fonts/archivo-latin-800-normal.woff2) format("woff2")}
@font-face{font-family:"Archivo";font-style:normal;font-weight:900;font-display:swap;src:url(fonts/archivo-latin-900-normal.woff2) format("woff2")}

.rm{
 --rm-pink:#ff4f9e;--rm-pink-deep:#e0257a;--rm-pink-ink:#c2156a;--rm-pink-soft:#ffe1ef;
 --rm-blue:#1f5eff;--rm-blue-deep:#0b2fa8;--rm-blue-soft:#e3ecff;
 --rm-lav:#b9a4ff;--rm-lav-soft:#efe9ff;
 --rm-cloud:#fbfaf7;--rm-chrome:#cdd6e4;--rm-ink:#141419;--rm-muted:#5d5a66;
 --rm-display:"Archivo","Libre Franklin","Helvetica Neue",Arial,sans-serif;
 --rm-ui:var(--sans,"Libre Franklin","Helvetica Neue",Arial,sans-serif);
 --rm-mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
 --rm-radius:18px;
 width:min(94vw,1480px);margin:clamp(12px,2vw,28px) auto clamp(48px,6vw,96px);
 color:var(--rm-ink);font-family:var(--rm-ui);position:relative;isolation:isolate;
}
.rm *,.rm *::before,.rm *::after{box-sizing:border-box}
.rm::before{content:"";position:absolute;inset:-12px -2vw;z-index:-1;pointer-events:none;
 background-image:linear-gradient(rgba(20,20,25,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(20,20,25,.045) 1px,transparent 1px);background-size:28px 28px;
 -webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent)}
/* Base element rules use :where(.rm) so any component class can override them. */
:where(.rm) :is(h1,h2,h3){font-family:var(--rm-display);font-weight:900;letter-spacing:-.02em;margin:0;color:var(--rm-ink)}
/* Shared v97.css forces `main h1-h3` to the serif with !important; revMatch headings opt out here only. */
main.rm h1,main.rm h2,main.rm h3{font-family:var(--rm-display)!important}
:where(.rm) p{margin:0}
:where(.rm) a{color:inherit}
:where(.rm) img{display:block;max-width:100%;height:auto}
/* :where keeps this at element specificity so component classes can set their own fonts */
:where(.rm) button{font:inherit;color:inherit;cursor:pointer}
.rm :focus-visible{outline:3px solid var(--rm-pink);outline-offset:3px;border-radius:6px}
.rm-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.rm [hidden]{display:none!important}

/* ---------- Masthead ---------- */
.rm-masthead{display:flex;flex-wrap:wrap;align-items:flex-end;gap:6px 28px;margin:0 0 clamp(14px,2vw,24px);padding-bottom:clamp(10px,1.4vw,16px);border-bottom:2px solid var(--rm-ink)}
.rm-wordmark{display:flex;flex-direction:column;line-height:1}
.rm-wm{font:900 clamp(2.8rem,5.6vw,5.2rem)/.86 var(--rm-display);letter-spacing:-.045em;position:relative;display:inline-flex;padding-right:.32em}
.rm-wm-rev{color:var(--rm-ink)}
.rm-wm-match{background:linear-gradient(180deg,#ff7cb8 0%,var(--rm-pink) 45%,var(--rm-pink-deep) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 rgba(160,20,90,.18))}
.rm-wm-heart{position:absolute;right:0;top:-.08em;width:.36em;fill:var(--rm-pink);transform:rotate(14deg)}
.rm-wm-by{font:600 clamp(.72rem,1vw,.9rem)/1 var(--rm-mono);letter-spacing:.08em;text-transform:uppercase;margin-top:.55em}
.rm-tagline{font:500 clamp(.68rem,.95vw,.86rem)/1.4 var(--rm-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--rm-muted);padding-bottom:.25em;flex:1 1 280px}

/* ---------- Window chrome (shared by every screen) ---------- */
.rm-window{background:#fff;border:2px solid #a9bdf2;border-radius:16px 16px 12px 12px;overflow:clip;
 box-shadow:0 1px 0 #fff inset,0 2px 0 rgba(255,255,255,.8),0 22px 50px -18px rgba(38,48,140,.28),0 2px 6px rgba(38,48,140,.08)}
.rm-titlebar{display:flex;align-items:center;gap:10px;height:42px;padding:0 14px;font:700 .92rem/1 var(--rm-ui);color:#1c2a5c;
 background:linear-gradient(180deg,#eef3ff 0%,#cddcff 52%,#bccff9 53%,#d3e0ff 100%);border-bottom:1px solid #a9bdf2;text-shadow:0 1px 0 rgba(255,255,255,.7)}
.rm-titlebar>span:first-of-type{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rm-tb-heart{width:20px;flex:none;fill:var(--rm-pink)}
.rm-dots{margin-left:auto;display:flex;gap:7px}
.rm-dots i{width:13px;height:13px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0 18%,transparent 40%),var(--c,#f48b8b);box-shadow:0 0 0 1px rgba(0,0,0,.18) inset}
.rm-dots i:nth-child(2){--c:#f5d36a}.rm-dots i:nth-child(3){--c:#8ed78f}
.rm-addressbar{display:flex;align-items:center;gap:12px;padding:9px 14px;background:#f6f8fe;border-bottom:1px solid #dfe5f5}
.rm-navbtns{display:flex;gap:5px}
.rm-navbtns i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font:700 1rem/1 var(--rm-ui);font-style:normal;color:#4c5a85;background:linear-gradient(#fff,#e5eaf7);border:1px solid #c6cfe6}
.rm-url{flex:1;min-width:0;padding:6px 14px;border-radius:999px;border:1px solid #c6cfe6;background:#fff;font:400 .86rem/1 var(--rm-ui);color:#26304d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rm-secure{flex:none;padding:6px 12px;border-radius:999px;background:#e5f7ea;color:#1d6b35;font:700 .72rem/1 var(--rm-ui);letter-spacing:.04em;text-transform:uppercase}

/* ---------- Shared bits ---------- */
.rm-pill{display:inline-flex;align-items:center;gap:.5em;padding:.5em 1.05em;border:1.5px solid var(--rm-pink);border-radius:999px;background:#fff;color:var(--rm-pink-ink);font:700 .78rem/1 var(--rm-ui);letter-spacing:.05em;text-transform:uppercase}
.rm-tag{display:inline-block;vertical-align:middle;padding:.28em .5em;border-radius:4px;background:#fff3c4;border:1px dashed #b38a00;color:#6b5200;font:700 .6rem/1 var(--rm-mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.rm-mono-note{font:600 .74rem/1.45 var(--rm-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--rm-muted)}
.rm-online{display:inline-flex;align-items:center;gap:6px;padding:.4em .8em;border-radius:999px;background:#e5f7ea;color:#1d6b35;font:700 .72rem/1 var(--rm-ui);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}
.rm-online i{width:8px;height:8px;border-radius:50%;background:#2fbf57;box-shadow:0 0 0 3px rgba(47,191,87,.2)}
.rm-sparkle{position:absolute;fill:#fff;filter:drop-shadow(0 0 6px rgba(255,255,255,.9)) drop-shadow(0 0 2px rgba(255,79,158,.6))}

/* Glossy gel button: the one dominant action on each screen */
.rm-gel{--gel-top:#76abff;--gel-mid:#2f6dff;--gel-low:#1748e2;--gel-edge:var(--rm-blue-deep);
 position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.45em;overflow:hidden;
 padding:.8em 1.5em;border-radius:999px;border:2px solid var(--gel-edge);color:#fff!important;text-decoration:none;
 font:900 1rem/1 var(--rm-display);letter-spacing:.02em;text-transform:uppercase;text-shadow:0 1px 0 rgba(0,10,80,.4);
 background:linear-gradient(180deg,var(--gel-top) 0%,var(--gel-mid) 49%,var(--gel-low) 51%,#2259f5 100%);
 box-shadow:inset 0 2px 1px rgba(255,255,255,.55),inset 0 -4px 8px rgba(0,0,60,.25),0 5px 0 var(--gel-edge),0 12px 26px -6px rgba(31,94,255,.5);
 transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}
.rm-gel::before{content:"";position:absolute;left:12px;right:12px;top:3px;height:44%;border-radius:999px;background:linear-gradient(rgba(255,255,255,.75),rgba(255,255,255,.05));pointer-events:none}
.rm-gel:hover{filter:brightness(1.06);transform:translateY(-1px)}
.rm-gel:active{transform:translateY(4px);box-shadow:inset 0 2px 1px rgba(255,255,255,.5),inset 0 -2px 6px rgba(0,0,60,.25),0 1px 0 var(--gel-edge),0 4px 10px -4px rgba(31,94,255,.5)}
.rm-gel[disabled],.rm-gel[aria-disabled="true"]{filter:grayscale(.85) brightness(1.05);opacity:.55;cursor:not-allowed;transform:none}
.rm-gel-xl{font-size:clamp(1.25rem,2.1vw,1.9rem);padding:.78em 1.5em;min-width:min(100%,420px)}
.rm-gel-pink{--gel-top:#ff9ccc;--gel-mid:var(--rm-pink);--gel-low:#e7307f;--gel-edge:#a8105a;box-shadow:inset 0 2px 1px rgba(255,255,255,.55),inset 0 -4px 8px rgba(90,0,40,.22),0 5px 0 #a8105a,0 12px 26px -6px rgba(255,79,158,.5);background:linear-gradient(180deg,var(--gel-top) 0%,var(--gel-mid) 49%,var(--gel-low) 51%,#f0418f 100%)}
.rm-soft-btn{display:inline-flex;align-items:center;gap:.45em;padding:.7em 1.15em;border-radius:999px;border:1.5px solid #f2b6d2;background:linear-gradient(#fff,#ffeef6);color:var(--rm-pink-ink);font:800 .82rem/1 var(--rm-display);letter-spacing:.03em;text-transform:uppercase;text-decoration:none}
.rm-soft-btn:hover{border-color:var(--rm-pink)}
.rm-soft-btn[aria-pressed="true"]{background:linear-gradient(180deg,#ff8cc1,var(--rm-pink));border-color:#c41a6c;color:#fff}

/* ---------- Landing ---------- */
.rm-landing{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center;
 padding:clamp(24px,3.4vw,52px) clamp(22px,4.4vw,72px) clamp(26px,3.2vw,48px);
 background:radial-gradient(120% 90% at 0% 0%,#ffe4f1 0%,rgba(255,228,241,0) 55%),radial-gradient(90% 80% at 100% 100%,#dfe8ff 0%,rgba(223,232,255,0) 60%),linear-gradient(135deg,#fff7fb 0%,#f3eeff 55%,#eaf0ff 100%)}
.rm-landing-copy{display:flex;flex-direction:column;align-items:flex-start}
.rm-landing h1{font-size:clamp(2.7rem,5vw,5rem);line-height:.96;margin-top:clamp(16px,2vw,24px);max-width:9.2em}
.rm-squiggle{width:min(100%,430px);height:16px;margin:.35em 0 0;fill:none;stroke:var(--rm-pink);stroke-width:4;stroke-linecap:round}
.rm-lede{font:500 clamp(1.08rem,1.5vw,1.42rem)/1.42 var(--rm-ui);color:#2a2933;max-width:27em;margin-top:clamp(14px,1.8vw,22px)}
.rm-cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px 26px;margin-top:clamp(22px,2.6vw,34px);width:100%}
.rm-engine{display:flex;align-items:center;gap:12px;margin-top:clamp(18px,2.4vw,28px);padding:10px 16px 10px 10px;border-radius:14px;background:rgba(255,255,255,.7);border:1px solid #e3dcf5;font:700 .84rem/1.25 var(--rm-ui)}
.rm-engine small{display:block;font-weight:500;font-size:.74rem;color:var(--rm-muted);margin-top:2px}
.rm-engine-chip{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:10px;color:#fff;font-size:1rem;background:linear-gradient(145deg,#c4b2ff,#7b62f2);box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}

.rm-profile-frame{margin:0;position:relative;padding:18px 18px 16px;border-radius:28px;border:2px solid #fff;
 background:linear-gradient(170deg,#fbf8ff 0%,#e9e3ff 46%,#dce6ff 100%);box-shadow:0 0 0 1px #d8d1f3,0 26px 50px -24px rgba(70,50,170,.45)}
.rm-profile-frame::before{content:"";position:absolute;inset:-14px auto auto -14px;width:64px;height:64px;border-radius:50%;background:radial-gradient(circle,#fff 0 22%,rgba(255,255,255,0) 60%);pointer-events:none}
.rm-frame-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.rm-badge-type{display:inline-flex;gap:.4em;align-items:center;padding:.55em 1em;border-radius:999px;background:#fff;color:var(--rm-pink-ink);font:900 clamp(.9rem,1.3vw,1.12rem)/1 var(--rm-display);text-transform:uppercase;box-shadow:0 3px 10px -4px rgba(194,21,106,.4)}
.rm-heart-stage{position:relative;aspect-ratio:1.32;margin:4px 0 2px;display:grid;place-items:center}
.rm-heart-bg{position:absolute;inset:4% 6% 0;width:88%;height:96%;fill:#ffd2e7;stroke:var(--rm-pink);stroke-width:4.5;filter:drop-shadow(0 10px 18px rgba(255,79,158,.28))}
.rm-heart-stage img{position:relative;width:104%;max-width:none;margin-top:22%;filter:drop-shadow(0 14px 10px rgba(20,20,60,.28))}
.rm-sp1{width:30px;left:4%;top:16%}.rm-sp2{width:22px;right:6%;top:6%}.rm-sp3{width:34px;right:2%;bottom:20%}
.rm-frame-caption{margin-top:6px;padding:14px 16px;border-radius:14px;background:#fff;border:2px solid #ffc6df;text-align:center;font:900 clamp(.95rem,1.4vw,1.18rem)/1.2 var(--rm-display);text-transform:uppercase;letter-spacing:.01em}
.rm-fineprint{margin-top:8px;text-align:center;font:500 .7rem/1.3 var(--rm-mono);color:var(--rm-muted)}

.rm-steps{display:grid;grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;background:var(--rm-ink);color:#f4f2ff}
.rm-steps li{display:flex;align-items:center;gap:.9em;padding:13px clamp(14px,2vw,28px);font:600 .78rem/1.2 var(--rm-mono);letter-spacing:.09em;text-transform:uppercase}
.rm-steps li+li::before{content:"\2665";color:var(--rm-pink);margin-right:.2em}
.rm-steps span{color:#a9a6bb}

/* ---------- Quiz ---------- */
.rm-quiz-body{display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(18px,2.6vw,36px);padding:clamp(18px,3vw,40px);
 background:linear-gradient(160deg,#fbf7ff 0%,#f1f4ff 100%)}
.rm-buddy{align-self:start;border:2px solid #c9d4f3;border-radius:14px;background:#fff;overflow:hidden;font-family:var(--rm-ui)}
.rm-buddy-head{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:linear-gradient(180deg,#fff2c4,#ffd96a);border-bottom:1px solid #e6c04a;font:800 .82rem/1 var(--rm-display);text-transform:uppercase;color:#4a3800}
.rm-buddy ol{list-style:none;margin:0;padding:8px 6px}
.rm-buddy li{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:8px;font:600 .84rem/1.2 var(--rm-ui);color:#7a7788}
.rm-buddy li i{flex:none;width:10px;height:10px;border-radius:50%;background:#d7dbe6;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.rm-buddy li.is-done{color:var(--rm-ink)}
.rm-buddy li.is-done i{background:#2fbf57}
.rm-buddy li.is-current{background:var(--rm-blue-soft);color:var(--rm-blue-deep)}
.rm-buddy li.is-current i{background:var(--rm-pink);box-shadow:0 0 0 3px rgba(255,79,158,.25)}
.rm-buddy-foot{padding:10px 14px;border-top:1px solid #e6e9f3;font:500 .72rem/1.4 var(--rm-mono);color:var(--rm-muted)}

.rm-qcard{border:2px solid var(--rm-ink);border-radius:var(--rm-radius);background:#fff;overflow:clip;box-shadow:6px 6px 0 rgba(20,20,25,.9)}
.rm-qcard-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;background:var(--rm-ink);color:#fff;font:800 clamp(.8rem,1.2vw,.98rem)/1 var(--rm-display);text-transform:uppercase;letter-spacing:.01em}
.rm-qcount{font:600 .72rem/1 var(--rm-mono);letter-spacing:.08em;color:#c9c6da;white-space:nowrap}
.rm-progress{height:10px;background:#eceff7;position:relative}
.rm-progress span{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,var(--rm-blue),var(--rm-lav) 60%,var(--rm-pink));border-radius:0 6px 6px 0;transition:width .35s ease}
.rm-qform{padding:clamp(18px,2.6vw,34px) clamp(18px,2.8vw,38px) clamp(16px,2vw,24px)}
.rm-qform fieldset{border:0;margin:0;padding:0;min-width:0}
.rm-qform legend{padding:0;width:100%}
.rm-qtitle{font-size:clamp(1.45rem,2.7vw,2.25rem);line-height:1.06;text-transform:uppercase;outline:none}
.rm-qhint{margin-top:10px;font:italic 500 clamp(1rem,1.3vw,1.15rem)/1.4 var(--serif,Georgia,serif);color:var(--rm-muted)}
.rm-options{display:grid;gap:10px;margin-top:clamp(16px,2.2vw,26px)}
.rm-options.is-many{grid-template-columns:repeat(2,minmax(0,1fr))}
.rm-opt{position:relative;display:grid;grid-template-columns:2.4em minmax(0,1fr) auto;align-items:center;gap:12px;min-height:58px;padding:10px 16px 10px 12px;border-radius:12px;border:2px solid #d5dbee;
 background:linear-gradient(180deg,#fff 0%,#f4f6fc 100%);font:600 clamp(1rem,1.3vw,1.1rem)/1.25 var(--rm-ui);cursor:pointer;transition:border-color .12s,background .12s,transform .12s;-webkit-tap-highlight-color:transparent}
.rm-opt:hover{border-color:#9fb4ee}
.rm-opt input{position:absolute;opacity:0;pointer-events:none}
.rm-opt-key{display:grid;place-items:center;width:2.1em;height:2.1em;border-radius:8px;background:#e8ecf8;color:#3a4670;font:900 .95rem/1 var(--rm-display)}
.rm-opt-tick{width:22px;height:22px;opacity:0;fill:#fff;transition:opacity .12s}
.rm-opt:has(input:focus-visible){outline:3px solid var(--rm-pink);outline-offset:3px}
.rm-opt.is-on,.rm-opt:has(input:checked){border-color:var(--rm-blue-deep);color:#fff;text-shadow:0 1px 0 rgba(0,10,80,.35);
 background:linear-gradient(180deg,#6aa2ff 0%,#2f6dff 49%,#1748e2 51%,#2259f5 100%);box-shadow:inset 0 2px 1px rgba(255,255,255,.5),0 6px 16px -8px rgba(31,94,255,.8)}
.rm-opt.is-on .rm-opt-key,.rm-opt:has(input:checked) .rm-opt-key{background:rgba(255,255,255,.22);color:#fff}
.rm-opt.is-on .rm-opt-tick,.rm-opt:has(input:checked) .rm-opt-tick{opacity:1}
.rm-freetext{display:grid;gap:8px;margin-top:clamp(16px,2.2vw,26px)}
.rm-freetext label{font:700 .8rem/1 var(--rm-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--rm-muted)}
.rm-freetext input{width:100%;min-height:58px;padding:12px 16px;border-radius:12px;border:2px solid #d5dbee;background:#fff;font:600 1.1rem/1.2 var(--rm-ui);color:var(--rm-ink)}
.rm-freetext input:focus{outline:3px solid var(--rm-pink);outline-offset:2px;border-color:var(--rm-blue)}
.rm-or{margin:14px 0 2px;font:700 .74rem/1 var(--rm-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--rm-muted)}
.rm-qfoot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:clamp(18px,2.4vw,28px);padding-top:14px;border-top:1px dashed #d5dbee}
.rm-back{border:0;background:none;padding:10px 4px;font:700 .82rem/1 var(--rm-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--rm-muted)}
.rm-back:hover{color:var(--rm-ink)}
.rm-tap{font:700 .72rem/1 var(--rm-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--rm-pink-ink)}
.rm-statusline{margin-top:12px;text-align:center;font:500 .74rem/1.4 var(--rm-mono);color:var(--rm-muted)}

/* ---------- Reveal ---------- */
.rm-reveal{display:grid;place-items:center;gap:22px;text-align:center;padding:clamp(48px,8vw,110px) 22px;background:radial-gradient(70% 70% at 50% 40%,#ffe0ef 0%,#f3ecff 55%,#e9efff 100%)}
.rm-reveal-heart{width:clamp(90px,12vw,140px);fill:var(--rm-pink);filter:drop-shadow(0 10px 22px rgba(255,79,158,.45));animation:rm-beat 1s ease-in-out infinite}
.rm-reveal h2{font-size:clamp(1.6rem,3vw,2.4rem);text-transform:uppercase}
.rm-reveal ol{list-style:none;margin:0;padding:0;display:grid;gap:8px;font:600 clamp(.8rem,1.2vw,.95rem)/1.3 var(--rm-mono);letter-spacing:.03em;text-align:left}
.rm-reveal li{opacity:.25;transition:opacity .25s}
.rm-reveal li.is-on{opacity:1}
.rm-reveal li.is-on::before{content:"\2713  ";color:#1d9a46}
.rm-reveal li:not(.is-on)::before{content:"\2022  ";color:#aaa}
.rm-skip{border:0;background:none;text-decoration:underline;text-underline-offset:3px;font:700 .82rem/1 var(--rm-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--rm-blue-deep)}
@keyframes rm-beat{0%,100%{transform:scale(1)}20%{transform:scale(1.12)}40%{transform:scale(.98)}60%{transform:scale(1.07)}}

/* ---------- Results ---------- */
.rm-results{display:grid;gap:clamp(18px,2.4vw,30px);padding:clamp(20px,3.4vw,48px);background:linear-gradient(170deg,#fff6fb 0%,#f5f0ff 40%,#eef3ff 100%)}
.rm-results-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 28px;align-items:end}
.rm-match-title{position:relative;font-size:clamp(2.8rem,7vw,6.2rem);line-height:.9;text-transform:uppercase;margin-top:12px;
 background:linear-gradient(180deg,#ff8dc2 0%,var(--rm-pink) 48%,var(--rm-pink-deep) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(3px 3px 0 var(--rm-ink))}
.rm-match-title-wrap{position:relative}
.rm-match-title .rm-sparkle{position:relative;display:inline-block;width:.38em;vertical-align:top;margin:-.08em 0 0 .06em}
.rm-match-title-wrap .rm-sparkle{fill:#ffd426;filter:drop-shadow(0 0 4px rgba(255,212,38,.8))}
.rm-results-sub{margin-top:10px;font:500 clamp(1rem,1.4vw,1.2rem)/1.4 var(--rm-ui);color:#34323e;max-width:34em}
.rm-sample{display:flex;gap:12px;align-items:flex-start;padding:12px 16px;border-radius:12px;border:2px dashed #c9a100;background:#fffbea;color:#4d3d00;font:500 .9rem/1.45 var(--rm-ui)}
.rm-sample strong{font-family:var(--rm-display);font-weight:900;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}
.rm-radar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:12px 16px;border-radius:14px;background:#fff;border:1.5px solid #dcd5f3;justify-self:end}
.rm-radar-label{font:700 .72rem/1 var(--rm-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--rm-muted)}
.rm-radar-value{font:900 1.3rem/1 var(--rm-display)}
.rm-tiers{display:flex;flex-wrap:wrap;gap:8px;width:100%;padding-top:10px;border-top:1px dashed #dcd5f3}
.rm-tiers button{padding:.55em .9em;border-radius:999px;border:1.5px solid #c9d4f3;background:#f6f8ff;font:700 .8rem/1 var(--rm-ui)}
.rm-tiers button[aria-pressed="true"]{background:var(--rm-blue);border-color:var(--rm-blue-deep);color:#fff}
.rm-tiers p{width:100%;font:500 .74rem/1.4 var(--rm-mono);color:var(--rm-muted)}

.rm-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.2vw,28px)}
.rm-card{--role:var(--rm-pink);--role-ink:var(--rm-pink-ink);--stage:linear-gradient(160deg,#ffe3f0 0%,#f6e9ff 60%,#ffe9f3 100%);
 display:flex;flex-direction:column;border:2px solid var(--rm-ink);border-radius:var(--rm-radius);background:#fff;overflow:hidden;box-shadow:6px 6px 0 var(--rm-ink);transition:transform .15s,box-shadow .15s}
.rm-card--bombshell{--role:#ff6a3d;--role-ink:#b8360c;--stage:linear-gradient(160deg,#ffe7dc 0%,#ffe0ef 55%,#efe6ff 100%)}
.rm-card--safe{--role:var(--rm-blue);--role-ink:var(--rm-blue-deep);--stage:linear-gradient(160deg,#e4edff 0%,#eef2ff 55%,#f4efff 100%)}
.rm-card.is-chosen{box-shadow:6px 6px 0 var(--rm-ink),0 0 0 5px var(--rm-pink)}
.rm-card--soulmate{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
.rm-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 16px;background:var(--rm-ink);color:#fff}
.rm-card--soulmate .rm-card-head{grid-column:1/-1}
.rm-role{display:inline-flex;align-items:center;gap:8px;font:900 clamp(.86rem,1.2vw,1.02rem)/1 var(--rm-display);text-transform:uppercase;letter-spacing:.02em}
.rm-role svg{width:18px;height:18px;fill:var(--role)}
.rm-role small{font:600 .7rem/1 var(--rm-mono);letter-spacing:.06em;color:#bdbacd;margin-left:4px}
.rm-card-stage{position:relative;display:grid;place-items:center;min-height:210px;padding:34px 18px 26px;background:var(--stage);overflow:hidden}
.rm-card-stage::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(20,20,40,.11) 1.2px,transparent 1.6px);background-size:12px 12px;-webkit-mask-image:radial-gradient(ellipse at 50% 62%,#000 0 38%,transparent 72%);mask-image:radial-gradient(ellipse at 50% 62%,#000 0 38%,transparent 72%)}
.rm-card-stage img{position:relative;width:min(100%,560px);filter:drop-shadow(0 14px 10px rgba(20,20,60,.25))}
.rm-card--soulmate .rm-card-stage{min-height:100%;padding:56px 28px 40px}
.rm-card--soulmate .rm-card-stage img{width:min(108%,680px);max-width:none}
.rm-stage-heart{position:absolute;width:56%;opacity:.45;fill:#fff;stroke:var(--role);stroke-width:3;top:8%}
.rm-art-note{position:absolute;left:12px;bottom:10px;font:600 .62rem/1 var(--rm-mono);letter-spacing:.08em;text-transform:uppercase;color:#6e6a7c}
.rm-card-stage .rm-online{position:absolute;right:12px;top:12px}
.rm-card-body{display:flex;flex-direction:column;gap:14px;padding:clamp(16px,2vw,26px)}
.rm-card-name{font-size:clamp(1.6rem,2.8vw,2.5rem);line-height:.98;text-transform:uppercase}
.rm-card--soulmate .rm-card-name{font-size:clamp(2rem,3.6vw,3.3rem)}
.rm-card-name span{color:var(--role-ink)}
.rm-card-sub{margin-top:6px;font:700 .78rem/1.3 var(--rm-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--rm-muted)}
.rm-chem{align-self:flex-start;display:inline-flex;gap:.45em;align-items:center;padding:.5em .95em;border-radius:999px;background:var(--rm-pink-soft);color:var(--rm-pink-ink);font:900 .8rem/1 var(--rm-display);text-transform:uppercase}
.rm-card--bombshell .rm-chem{background:#ffe8df;color:#a8330c}
.rm-card--safe .rm-chem{background:var(--rm-blue-soft);color:var(--rm-blue-deep)}
.rm-meter-top{display:flex;justify-content:space-between;align-items:baseline;font:700 .72rem/1 var(--rm-mono);letter-spacing:.08em;text-transform:uppercase}
.rm-meter-top strong{font:900 1.5rem/1 var(--rm-display);color:var(--rm-pink-ink);letter-spacing:0}
.rm-meter-bar{height:14px;margin-top:7px;border-radius:999px;background:#eceff7;box-shadow:inset 0 1px 2px rgba(0,0,0,.12);overflow:hidden}
.rm-meter-bar span{display:block;height:100%;width:var(--v);border-radius:inherit;background:linear-gradient(90deg,var(--rm-blue) 0%,#8b7cff 55%,var(--rm-pink) 100%);box-shadow:inset 0 2px 0 rgba(255,255,255,.45)}
.rm-meter-note{margin-top:6px;font:500 .68rem/1.3 var(--rm-mono);color:var(--rm-muted)}
.rm-blurb{font:400 clamp(1rem,1.25vw,1.1rem)/1.5 var(--serif,Georgia,serif);color:#27262f}
.rm-profile{display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px 14px;margin:0;padding:12px 14px;border-radius:12px;background:#faf8ff;border:1px solid #ebe5fa;font-size:.92rem}
.rm-profile dt{font:700 .68rem/1.5 var(--rm-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--rm-muted);white-space:nowrap}
.rm-profile dd{margin:0;font:600 .92rem/1.4 var(--rm-ui)}
.rm-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;border-radius:12px;overflow:hidden;background:#e3e0ee;border:1px solid #e3e0ee}
.rm-stats>div{background:#fff;padding:10px 12px}
.rm-stats dt{font:700 .62rem/1.3 var(--rm-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--rm-muted)}
.rm-stats dd{margin:4px 0 0;font:900 1.15rem/1.1 var(--rm-display)}
.rm-stats dd .rm-tag{margin-top:5px;display:table}
.rm-card-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:auto;padding-top:4px}
.rm-alert-dead{display:inline-flex;align-items:center;gap:.45em;padding:.7em 1.1em;border-radius:999px;border:1.5px dashed #b9b6c6;background:#f4f3f7;color:#6c6979;font:800 .82rem/1 var(--rm-display);letter-spacing:.03em;text-transform:uppercase;cursor:not-allowed}
.rm-alert-dead svg{width:15px;height:15px;fill:currentColor}
.rm-alert-note{width:100%;font:500 .72rem/1.3 var(--rm-mono);color:var(--rm-muted)}

/* ---------- Shared "which match?" picker (Prenup + portrait) ---------- */
.rm-picker{border:0;margin:0;padding:0;min-width:0}
.rm-picker legend{padding:0;margin-bottom:8px;font:700 .72rem/1 var(--rm-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--rm-muted)}
.rm-picker-opts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.rm-pick{position:relative;display:flex;align-items:center;gap:10px;min-height:56px;padding:9px 12px;border-radius:12px;border:2px solid #d9d2f0;background:linear-gradient(#fff,#f7f4ff);cursor:pointer;transition:border-color .12s}
.rm-pick:hover{border-color:#b9a8ef}
.rm-pick input{position:absolute;opacity:0;pointer-events:none}
.rm-pick:has(input:focus-visible){outline:3px solid var(--rm-pink);outline-offset:3px}
.rm-pick-icon{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1.5px #e6e0f6}
.rm-pick-icon svg{width:17px;height:17px;fill:var(--rm-pink)}
.rm-pick--bombshell .rm-pick-icon svg{fill:#ff6a3d}
.rm-pick--safe .rm-pick-icon svg{fill:var(--rm-blue)}
.rm-pick-text{display:grid;gap:2px;min-width:0}
.rm-pick-text b{font:800 .9rem/1.15 var(--rm-display);text-transform:uppercase;letter-spacing:.01em}
.rm-pick-text small{font:600 .68rem/1.2 var(--rm-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--rm-muted)}
.rm-pick:has(input:checked){border-color:#a8105a;color:#fff;background:linear-gradient(180deg,#ff9ccc 0%,var(--rm-pink) 49%,#e7307f 51%,#f0418f 100%);box-shadow:inset 0 2px 1px rgba(255,255,255,.5),0 6px 16px -8px rgba(255,79,158,.8)}
.rm-pick:has(input:checked) .rm-pick-text small{color:#ffe3f1}
.rm-prenup-pick{margin:clamp(16px,2.2vw,24px) 0 0 clamp(10px,1.6vw,20px)}
.rm-party-class{margin-top:4px;font:600 .7rem/1.35 var(--rm-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--rm-muted)}
.rm-portrait-controls .rm-picker-opts{grid-template-columns:1fr}

/* ---------- Make it official: glamour portrait ---------- */
.rm-portrait{border:2px solid var(--rm-ink);border-radius:var(--rm-radius);background:#fff;overflow:clip;box-shadow:6px 6px 0 var(--rm-ink)}
.rm-portrait-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 16px;background:var(--rm-ink);color:#fff}
.rm-portrait-head .rm-role svg{fill:var(--rm-pink)}
.rm-portrait-kicker{font:600 .7rem/1 var(--rm-mono);letter-spacing:.08em;text-transform:uppercase;color:#bdbacd}
.rm-portrait-body{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(18px,3vw,44px);padding:clamp(16px,2.6vw,36px);align-items:start;background:linear-gradient(160deg,#fff6fb,#f2efff)}
.rm-poster-wrap{position:relative}
.rm-poster{display:block;width:100%;height:auto;aspect-ratio:1122/1402;border-radius:12px;background:#2a1d58;box-shadow:0 22px 44px -20px rgba(40,10,90,.6)}
.rm-drag-hint{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);padding:.45em .9em;border-radius:999px;background:rgba(20,20,25,.78);color:#fff;font:600 .72rem/1 var(--rm-mono);letter-spacing:.05em;text-transform:uppercase;pointer-events:none;white-space:nowrap}
.rm-portrait-controls{display:grid;gap:16px;align-content:start}
.rm-portrait-controls h3{font-size:clamp(1.7rem,3vw,2.6rem);line-height:.98;text-transform:uppercase}
.rm-portrait-lede{font:500 clamp(1rem,1.3vw,1.12rem)/1.5 var(--rm-ui);color:#34323e}
.rm-consent{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:#fff;border:1.5px solid #e3dcf5;font:600 .95rem/1.4 var(--rm-ui);cursor:pointer}
.rm-consent input{width:20px;height:20px;margin-top:2px;flex:none;accent-color:var(--rm-pink)}
.rm-consent small{display:block;font-weight:500;font-size:.82rem;color:var(--rm-muted);margin-top:3px}
.rm-upload-row,.rm-portrait-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.rm-file{cursor:pointer}
.rm-file input{position:absolute;width:1px;height:1px;opacity:0}
.rm-file:has(input:focus-visible){outline:3px solid var(--rm-pink);outline-offset:3px}
.rm-file.is-disabled{filter:grayscale(.9);opacity:.5;cursor:not-allowed}
.rm-adjust{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;padding:12px 14px;border-radius:12px;background:#fff;border:1.5px dashed #dcd5f3}
.rm-zoom{display:flex;align-items:center;gap:10px;font:700 .74rem/1 var(--rm-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--rm-muted)}
.rm-zoom input{width:150px;accent-color:var(--rm-blue)}
.rm-check{display:flex;align-items:center;gap:8px;font:600 .9rem/1 var(--rm-ui)}
.rm-check input{accent-color:var(--rm-pink)}
.rm-linkbtn{border:0;background:none;padding:6px 0;text-decoration:underline;text-underline-offset:3px;font:700 .82rem/1 var(--rm-ui);color:#b0124f}
.rm-portrait-note{font:500 .78rem/1.45 var(--rm-mono);color:var(--rm-muted)}

/* ---------- Prenup ---------- */
.rm-prenup{position:relative;padding:clamp(22px,3.6vw,52px);border-radius:var(--rm-radius);border:2px solid var(--rm-ink);box-shadow:6px 6px 0 var(--rm-ink);
 background:repeating-linear-gradient(180deg,transparent 0 31px,rgba(31,94,255,.09) 31px 32px),linear-gradient(180deg,#fffdf7,#fff8ee)}
.rm-prenup::before{content:"";position:absolute;top:0;bottom:0;left:clamp(14px,2.4vw,34px);width:2px;background:rgba(255,79,158,.35)}
.rm-prenup>*{position:relative}
.rm-prenup-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 24px;padding-left:clamp(10px,1.6vw,20px)}
.rm-prenup h2{font-size:clamp(2.2rem,4.6vw,4rem);line-height:.92;text-transform:uppercase;margin-top:12px}
.rm-prenup-sub{margin-top:8px;font:italic 500 clamp(1.05rem,1.6vw,1.35rem)/1.35 var(--serif,Georgia,serif)}
.rm-seal{display:grid;place-items:center;width:112px;height:112px;border-radius:50%;text-align:center;padding:12px;transform:rotate(-10deg);
 background:radial-gradient(circle,#ff6aa9 0 58%,#e0257a 59% 62%,#ff6aa9 63%);color:#fff;font:900 .74rem/1.05 var(--rm-display);text-transform:uppercase;box-shadow:0 6px 0 #a8105a}
.rm-prenup .rm-sample{margin:clamp(14px,2vw,22px) 0 0 clamp(10px,1.6vw,20px)}
.rm-parties{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:clamp(12px,2vw,24px);align-items:stretch;margin:clamp(18px,2.6vw,30px) 0 0 clamp(10px,1.6vw,20px)}
.rm-party{padding:clamp(14px,1.8vw,22px);border-radius:14px;background:#fff;border:1.5px solid #e0dcec}
main.rm .rm-party h3{font-family:var(--rm-mono)!important}
.rm-party h3{font:700 .72rem/1.2 var(--rm-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--rm-muted)}
/* Real model names keep their case (230i, not 230I). */
.rm-party-name{margin-top:6px;font:900 clamp(1.15rem,1.8vw,1.5rem)/1.1 var(--rm-display)}
.rm-party dl{margin:12px 0 0;display:grid;gap:0}
.rm-party dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0;border-top:1px dashed #e2deee}
.rm-party dt{font:500 .92rem/1.3 var(--rm-ui);color:#45434f}
.rm-party dt small{display:block;font:500 .7rem/1.3 var(--rm-mono);color:var(--rm-muted)}
.rm-party dd{margin:0;font:800 1.08rem/1 var(--rm-display);white-space:nowrap}
.rm-party dl>div:last-child dd{color:var(--rm-pink-ink)}
.rm-vs{align-self:center;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--rm-ink);color:#fff;font:900 1rem/1 var(--rm-display);text-transform:uppercase}
.rm-bignum{display:grid;justify-items:center;text-align:center;gap:8px;margin:clamp(20px,3vw,34px) 0 0 clamp(10px,1.6vw,20px);padding:clamp(20px,3vw,34px) 18px;border-radius:16px;
 background:linear-gradient(160deg,#1a1a24,#2a2440);color:#fff}
.rm-bignum-n{font:900 clamp(3rem,8vw,6.6rem)/.9 var(--rm-display);letter-spacing:-.03em;background:linear-gradient(180deg,#fff 0%,#ffc2df 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.rm-bignum-l{font:900 clamp(1.05rem,1.8vw,1.5rem)/1.15 var(--rm-display);text-transform:uppercase}
.rm-bignum-not{font:500 .82rem/1.45 var(--rm-ui);color:#cfcbe0;max-width:40em}
.rm-math{margin:16px 0 0 clamp(10px,1.6vw,20px);border-radius:12px;background:#fff;border:1.5px solid #e0dcec}
.rm-math summary{cursor:pointer;padding:14px 16px;font:800 .86rem/1 var(--rm-display);text-transform:uppercase;letter-spacing:.03em;color:var(--rm-blue-deep)}
.rm-math ol{margin:0;padding:0 18px 16px 36px;display:grid;gap:8px;font:500 .95rem/1.45 var(--rm-ui)}
.rm-math code{font:600 .9em var(--rm-mono);background:#f2f0f8;padding:.1em .35em;border-radius:4px}
.rm-signatures{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,4vw,60px);margin:clamp(22px,3vw,36px) 0 0 clamp(10px,1.6vw,20px)}
.rm-sig{font:600 .72rem/1.3 var(--rm-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--rm-muted)}
.rm-sig b{display:block;margin-bottom:8px;padding:0 4px 6px;border-bottom:2px solid var(--rm-ink);font:400 1.7rem/1.1 var(--hand,cursive);letter-spacing:0;text-transform:none;color:var(--rm-blue-deep)}

/* ---------- Commit bar ---------- */
.rm-commit{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 22px;padding:clamp(16px,2.2vw,24px);border-radius:var(--rm-radius);background:var(--rm-ink);color:#fff}
.rm-commit h2{color:#fff;font-size:clamp(1.4rem,2.4vw,2rem);text-transform:uppercase}
.rm-commit p{font:500 .9rem/1.4 var(--rm-ui);color:#cfcbe0;margin-top:4px}
.rm-commit-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.rm-ghost{padding:.75em 1.2em;border-radius:999px;border:1.5px solid #6f6a86;background:transparent;color:#fff!important;font:800 .84rem/1 var(--rm-display);text-transform:uppercase;letter-spacing:.03em;text-decoration:none}
.rm-ghost:hover{border-color:#fff}
.rm-noscript{padding:20px;font:500 1rem/1.5 var(--rm-ui)}

/* Compact masthead once the quiz starts: the window is the focus. */
.rm[data-rm-view="quiz"] .rm-masthead,.rm[data-rm-view="reveal"] .rm-masthead,.rm[data-rm-view="match"] .rm-masthead{align-items:center;padding-bottom:10px;margin-bottom:14px}
.rm[data-rm-view="quiz"] .rm-wm,.rm[data-rm-view="reveal"] .rm-wm,.rm[data-rm-view="match"] .rm-wm{font-size:clamp(2rem,3.2vw,2.8rem)}
.rm[data-rm-view="quiz"] .rm-wordmark,.rm[data-rm-view="reveal"] .rm-wordmark,.rm[data-rm-view="match"] .rm-wordmark{flex-direction:row;align-items:baseline;gap:12px}
.rm[data-rm-view="quiz"] .rm-wm-by,.rm[data-rm-view="reveal"] .rm-wm-by,.rm[data-rm-view="match"] .rm-wm-by{margin-top:0}
.rm[data-rm-view="quiz"] .rm-tagline,.rm[data-rm-view="reveal"] .rm-tagline,.rm[data-rm-view="match"] .rm-tagline{display:none}
.rm-opt{min-height:54px}
.rm-options{gap:9px}

/* ---------- Responsive ---------- */
@media (max-width:1100px){
 .rm-quiz-body{grid-template-columns:1fr}
 .rm-buddy{display:none}
 .rm-results-head{grid-template-columns:1fr}
 .rm-radar{justify-self:start}
}
@media (max-width:900px){
 .rm-landing{grid-template-columns:1fr}
 .rm-profile-frame{max-width:520px;width:100%;justify-self:center}
 .rm-card--soulmate{grid-template-columns:1fr}
 .rm-card--soulmate .rm-card-stage{padding:44px 18px 30px}
 .rm-card--soulmate .rm-card-stage img{width:min(100%,560px)}
 .rm-cards{grid-template-columns:1fr}
 .rm-portrait-body{grid-template-columns:1fr}
 .rm-poster-wrap{max-width:560px;width:100%;justify-self:center}
}
@media (max-width:640px){
 .rm{width:auto;margin-inline:16px}
 .rm-addressbar{display:none}
 .rm-titlebar{height:38px;font-size:.84rem}
 .rm-landing{padding:24px 18px 28px;gap:26px}
 .rm-landing h1{font-size:clamp(2.45rem,11.5vw,3.3rem)}
 .rm-cta-row{gap:12px}
 .rm-gel-xl{width:100%}
 .rm-engine small{display:none}
 .rm-label-long{display:none}
 .rm-steps{grid-template-columns:1fr}
 .rm-steps li{padding:9px 16px}
 .rm-steps li+li::before{display:none}
 .rm-steps li+li{border-top:1px solid #2c2c36}
 .rm-quiz-body{padding:14px 0 0;background:#fff}
 .rm-qcard{border-radius:0;border-width:2px 0 0;box-shadow:none}
 .rm-qcard-head{padding:11px 16px}
 .rm-options.is-many{grid-template-columns:1fr}
 .rm-opt{min-height:56px}
 .rm-qfoot{position:sticky;bottom:0;background:#fff;margin-inline:-18px;padding:12px 18px;border-top:1px solid #e3e6f2}
 .rm-tap{display:none}
 .rm-results{padding:18px 14px}
 .rm-sample{flex-direction:column;gap:4px}
 .rm-card-stage{min-height:160px;padding:30px 12px 22px}
 .rm-stats{grid-template-columns:1fr 1fr}
 .rm-stats>div:last-child{grid-column:1/-1}
 .rm-profile{grid-template-columns:1fr;gap:2px}
 .rm-profile dd+dt{margin-top:6px}
 .rm-card-actions>*{flex:1 1 100%;justify-content:center}
 .rm-parties{grid-template-columns:1fr}
 .rm-portrait-body{grid-template-columns:1fr;padding:14px}
 .rm-portrait-kicker{display:none}
 .rm-picker-opts{grid-template-columns:1fr}
 .rm-upload-row>*,.rm-portrait-actions>*{flex:1 1 100%;justify-content:center}
 .rm-vs{justify-self:center;width:44px;height:44px}
 .rm-prenup-head{padding-right:84px}
 .rm-seal{position:absolute;right:-6px;top:-8px;width:80px;height:80px;padding:8px;font-size:.56rem;box-shadow:0 4px 0 #a8105a}
 .rm-match-title{font-size:clamp(2.4rem,11vw,3rem);letter-spacing:-.01em;filter:drop-shadow(2px 2px 0 var(--rm-ink))}
 .rm-role small{display:none}
 .rm-signatures{grid-template-columns:1fr;gap:34px}
 .rm-commit-actions>*{flex:1 1 auto;justify-content:center;text-align:center}
}
@media (max-width:400px){
 .rm-pill{font-size:.68rem;letter-spacing:.03em;padding:.5em .85em}
}
@media (prefers-reduced-motion:reduce){
 .rm *,.rm *::before,.rm *::after{animation:none!important;transition:none!important}
}