.match-page{color:var(--m-ink)}.match-page :where(h1,h2,h3,p,ol,ul){margin:0}.match-intro{gap:1.4rem;padding-block:1.5rem 3.5rem;display:grid}.match-intro__copy>p,.match-question header>p,.match-result header>p{color:var(--m-rose);letter-spacing:.16em;font-family:Mielumi Bodoni,Georgia,serif;font-size:.66rem}.match-intro h1{overflow-wrap:normal;letter-spacing:-.035em;word-break:auto-phrase;margin-top:.7rem;font-size:clamp(1.9rem,8vw,3.75rem);font-weight:700;line-height:1.28}.match-intro__copy>span{max-width:43rem;color:var(--m-muted);margin-top:1.25rem;font-size:.84rem;line-height:2;display:block}.match-intro__visual{background:radial-gradient(circle at 28% 30%,#ffffffeb 0 8%,#0000 9%),radial-gradient(circle at 72% 68%,#c4ece8d1 0 17%,#0000 18%),linear-gradient(135deg,#fce5eb,#eeeaf8 52%,#e8f6f4);place-content:center;gap:1.2rem;min-height:19rem;margin:0;display:grid;position:relative;overflow:hidden}.match-intro__visual:after{content:"";pointer-events:none;border:1px solid #ffffffb8;position:absolute;inset:0}.match-intro__visual>span{color:#493f42ad;letter-spacing:.22em;text-align:center;font-family:Mielumi Bodoni,Georgia,serif;font-size:clamp(.72rem,2.2vw,1.05rem)}.match-intro aside{border-block:1px solid var(--m-line);background:#fff;align-self:end;margin-top:1.4rem;padding:1.2rem}.match-intro aside>span{color:var(--m-rose);letter-spacing:.14em;font-family:Mielumi Bodoni,Georgia,serif;font-size:.6rem}.match-intro aside strong{margin-top:.5rem;font-size:.78rem;display:block}.match-intro aside p{color:var(--m-muted);margin-top:.35rem;font-size:.66rem;line-height:1.7}.match-navigator{background:#fbeff2;min-height:46rem;padding-bottom:5rem}.match-progress{background:#ffffffc7;border-block:1px solid #d94e722e}.match-progress>div{align-items:center;gap:1.2rem;min-height:4.2rem;display:flex}.match-progress p{color:var(--m-muted);flex:none;font-family:Mielumi Bodoni,Georgia,serif;font-size:.66rem}.match-progress p span{color:var(--m-rose);font-size:1.05rem}.match-progress ol{grid-template-columns:repeat(6,1fr);width:100%;padding:0;list-style:none;display:grid;position:relative}.match-progress ol:before{background:var(--m-pink);content:"";height:1px;position:absolute;top:50%;left:.4rem;right:.4rem}.match-progress li{z-index:1;color:var(--m-muted);justify-items:center;display:grid;position:relative}.match-progress li i{border:1px solid var(--m-pink);background:#fff;border-radius:50%;width:.72rem;height:.72rem;display:block}.match-progress li span{margin-top:.2rem;font-size:.46rem}.match-progress li.is-current i{border-color:var(--m-rose);background:var(--m-coral);box-shadow:0 0 0 .22rem #f36f8524}.match-progress li.is-complete i{border-color:var(--m-rose);background:#fff0f4}.match-stage{padding-top:3.5rem}.match-path,.match-question[hidden],.match-result[hidden]{display:none}.match-question h2,.match-result h2{letter-spacing:-.025em;margin-top:.65rem;font-size:clamp(1.65rem,7vw,3rem);font-weight:700;line-height:1.4}.match-question h2:focus,.match-result h2:focus{outline:0}.match-question header>span,.match-result header>span{max-width:48rem;color:var(--m-muted);margin-top:.7rem;font-size:.75rem;line-height:1.8;display:block}.match-options{gap:.75rem;margin-top:2.2rem;display:grid}.match-options button{text-align:left;cursor:pointer;background:#ffffffe6;border:1px solid #d94e722b;grid-template-columns:2.2rem minmax(0,1fr) auto;align-items:center;gap:.25rem .75rem;min-height:5.7rem;padding:.8rem;display:grid}.match-options button>span{color:var(--m-coral);grid-row:1/span 2;font-family:Mielumi Bodoni,Georgia,serif;font-size:.72rem}.match-options strong{font-size:.8rem}.match-options small{color:var(--m-muted);grid-column:2;font-size:.64rem;line-height:1.5}.match-options i{color:var(--m-rose);grid-area:1/3/span 2;font-style:normal}.match-options button:hover,.match-options button:focus-visible{border-color:var(--m-rose);background:#fff}.match-options button:nth-child(3n+1){border-left:3px solid var(--m-coral)}.match-options button:nth-child(3n+2){border-left:3px solid #8fc9bf}.match-options button:nth-child(3n){border-left:3px solid #a99ad2}.match-back,.match-restart{border:1px solid var(--m-rose);min-height:2.75rem;color:var(--m-rose);cursor:pointer;background:0 0;margin-top:2rem;padding-inline:1rem;font-size:.7rem;font-weight:800}.match-back[hidden]{display:none}.match-back span{margin-right:.5rem}.match-result__summary{border-top:3px solid var(--m-coral);background:#fff;margin-top:2rem;padding:1.4rem}.match-result__summary>span{color:var(--m-rose);font-size:.6rem;font-weight:800}.match-result__summary h3{margin-top:.55rem;font-size:1.3rem}.match-result__summary ul{flex-wrap:wrap;gap:.45rem;margin-top:1rem;padding:0;list-style:none;display:flex}.match-result__summary li{border:1px solid var(--m-line);color:var(--m-muted);padding:.35rem .55rem;font-size:.62rem}.match-result__reason{border:1px solid var(--m-line);background:#fff9;margin-top:1rem;padding:1.2rem}.match-result__reason span{color:var(--m-rose);letter-spacing:.14em;font-family:Mielumi Bodoni,Georgia,serif;font-size:.58rem}.match-result__reason p{margin-top:.5rem;font-size:.73rem;line-height:1.8}.match-result__links{gap:.7rem;margin-top:1.2rem;display:grid}.match-result__links a{border-bottom:1px solid var(--m-pink);min-height:6.4rem;color:var(--m-rose);background:#fff;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;display:flex}.match-result__links a>span{gap:.28rem;min-width:0;display:grid}.match-result__links a small{color:var(--m-muted);font-size:.56rem;font-weight:500;line-height:1.65}.match-result__links a small:first-child{color:var(--m-rose);letter-spacing:.04em;font-weight:800}.match-result__links a strong{font-size:.72rem;line-height:1.55}.match-result__links a>i{flex:none;font-size:1rem;font-style:normal}.match-notes{padding-block:2rem 5rem}.match-notes p{color:var(--m-muted);font-size:.66rem;line-height:1.8}.match-notes strong{color:var(--m-ink)}@media (width>=42rem){.match-intro{grid-template-columns:minmax(0,1.08fr) minmax(18rem,.92fr);align-items:center;gap:clamp(2rem,5vw,4rem);padding-block:2.5rem 4rem}.match-intro__visual{min-height:32rem}.match-intro h1{font-size:clamp(2rem,4.5vw,2.8rem)}.match-stage{grid-template-columns:7rem minmax(0,1fr);column-gap:clamp(2.5rem,7vw,7rem);padding-top:5rem;display:grid}.match-path{color:var(--m-rose);letter-spacing:.12em;writing-mode:vertical-rl;flex-direction:column;grid-area:1/1/span 2;align-items:center;gap:.7rem;font-family:Mielumi Bodoni,Georgia,serif;font-size:.52rem;display:flex}.match-path i{background:var(--m-pink);width:1px;height:4rem}.match-question,.match-result,.match-back{grid-column:2}.match-options{grid-template-columns:repeat(2,minmax(0,1fr))}.match-options button{min-height:7.1rem;padding:1.1rem}.match-result__links{grid-template-columns:repeat(2,minmax(0,1fr))}.match-result__links a:last-child:nth-child(odd){grid-column:1/-1}}@media (width>=64rem){.match-intro{grid-template-columns:minmax(34rem,1.2fr) minmax(25rem,.8fr)}.match-intro__visual{clip-path:polygon(0 0,96% 0,100% 64%,93% 100%,0 100%);min-height:38rem}.match-intro h1{font-size:clamp(2.8rem,4.2vw,3.8rem)}.match-navigator{padding-bottom:8rem}.match-stage{width:min(100% - 3rem,72rem)}.match-options--category{grid-template-columns:repeat(4,minmax(0,1fr))}.match-options--category button{grid-template-columns:1.6rem minmax(0,1fr) auto;min-height:8.5rem}}@media (prefers-reduced-motion:reduce){.match-page *{scroll-behavior:auto!important}}
