:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#faf6f1;--surface:#fff;--surface-soft:#f3ece3;--text:#2c2622;--text-soft:#6b6058;--text-faint:#9a8f85;--primary:#3e7c6b;--primary-dark:#2f6153;--primary-soft:#e4efe9;--accent:#d98b52;--accent-soft:#fbeade;--danger:#b4473c;--line:#e6ddd2;--radius:18px;--radius-sm:12px;--shadow:0 2px 10px #4a3a2c12;--shadow-lift:0 4px 18px #4a3a2c1f;--gap-xs:6px;--gap-sm:10px;--gap:16px;--gap-lg:24px;--gap-xl:36px;--font:"Assistant", "Segoe UI", system-ui, -apple-system, sans-serif;--size-base:17px;--size-sm:15px;--size-lg:20px;--size-title:26px;--content-width:640px;--content-wide:880px;--tap:48px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--size-base);-webkit-text-size-adjust:100%;margin:0;padding:0;line-height:1.6}#root{min-height:100dvh}.page{max-width:var(--content-width);padding-block:var(--gap-lg) var(--gap-xl);padding-inline:var(--gap);margin:0 auto}.page.wide{max-width:var(--content-wide)}:focus-visible{outline:3px solid var(--primary);outline-offset:2px;border-radius:6px}h1{font-size:var(--size-title);margin:0 0 var(--gap-sm);font-weight:700;line-height:1.3}h2{font-size:var(--size-lg);margin:0 0 var(--gap-sm);font-weight:700}p{margin:0 0 var(--gap)}.lead{color:var(--text-soft);font-size:var(--size-base)}.muted{color:var(--text-soft)}.tiny{font-size:var(--size-sm);color:var(--text-faint)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--gap)}.card+.card{margin-top:var(--gap)}.btn{justify-content:center;align-items:center;gap:var(--gap-sm);width:100%;min-height:var(--tap);padding:0 var(--gap);border-radius:var(--radius-sm);background:var(--primary);color:#fff;font-family:inherit;font-size:var(--size-base);cursor:pointer;border:1px solid #0000;font-weight:600;transition:background .15s,transform 80ms;display:flex}.btn:hover{background:var(--primary-dark)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:default}.btn-quiet{background:var(--surface);color:var(--text);border-color:var(--line)}.btn-quiet:hover{background:var(--surface-soft)}.choice-alert{border-color:var(--accent);background:linear-gradient(var(--accent-soft), var(--surface))}.choice-primary{border-color:var(--primary);background:linear-gradient(var(--primary-soft), var(--surface))}.choice{text-align:start;width:100%;padding:var(--gap);margin-bottom:var(--gap-sm);background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);font-family:inherit;font-size:var(--size-base);color:var(--text);cursor:pointer;transition:border-color .15s,box-shadow .15s;display:block}.choice:hover{border-color:var(--primary);box-shadow:var(--shadow-lift)}.choice strong{font-size:var(--size-lg);margin-bottom:2px;font-weight:700;display:block}.choice span{color:var(--text-soft);font-size:var(--size-sm)}.masthead{text-align:center;margin-bottom:var(--gap-lg)}.masthead .mark{margin-bottom:var(--gap-sm);font-size:40px;line-height:1;display:block}.field{margin-bottom:var(--gap)}.field label{font-weight:600;font-size:var(--size-sm);margin-bottom:var(--gap-xs);color:var(--text-soft);display:block}.field input,.field select{width:100%;min-height:var(--tap);padding:0 var(--gap);border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-family:inherit;font-size:var(--size-base)}.field select{appearance:none;background-image:linear-gradient(#0000,#0000);padding-inline-end:var(--gap-lg)}.field input:focus,.field select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.field input::placeholder{color:var(--text-faint)}.code-input{text-align:center;letter-spacing:10px;font-size:30px;font-weight:700;min-height:64px!important}.error{color:var(--danger);font-size:var(--size-sm);margin:0 0 var(--gap)}.notice{color:var(--primary-dark);font-size:var(--size-sm);margin:0 0 var(--gap)}.link{font-family:inherit;font-size:var(--size-sm);color:var(--primary-dark);cursor:pointer;background:0 0;border:none;padding:4px 2px;text-decoration:underline}.link.back{margin-bottom:var(--gap);color:var(--text-soft);text-decoration:none;display:inline-block}.row-links{justify-content:space-between;gap:var(--gap);margin-top:var(--gap);display:flex}.center{text-align:center}.pair{justify-content:space-between;gap:var(--gap);padding:var(--gap-xs) 0;display:flex}.pair>:first-child{flex:none}.pair>:last-child{text-align:end;overflow-wrap:anywhere;min-width:0}.pair+.pair{border-top:1px solid var(--line)}.block{margin-bottom:var(--gap-lg)}.block h3{font-size:var(--size-base);margin:0 0 var(--gap-sm);font-weight:700}.block .tiny{margin-top:var(--gap-xs)}.chips{gap:var(--gap-sm);flex-wrap:wrap;display:flex}.chips-wrap{max-height:46vh;padding:var(--gap-xs);margin-inline:calc(var(--gap-xs) * -1);overflow-y:auto}.chip{min-height:var(--tap);padding:var(--gap-xs) var(--gap);border:1.5px solid var(--line);background:var(--surface);color:var(--text);font-family:inherit;font-size:var(--size-base);cursor:pointer;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:2px;transition:border-color .12s,background .12s;display:flex}.chip small{color:var(--text-faint);font-size:12px;font-weight:400}.chip:hover{border-color:var(--primary)}.chip-on{background:var(--primary-soft);border-color:var(--primary);font-weight:700}.chip-on small{color:var(--primary-dark)}.block .chip{flex:auto}.age-row{align-items:center;gap:var(--gap-sm);display:flex}.age-input{width:92px;min-height:var(--tap);padding:0 var(--gap-sm);border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);text-align:center;font-family:inherit;font-size:22px;font-weight:700}.age-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.age-row .chips{flex:1}.child-card{align-items:center;gap:var(--gap);text-align:start;width:100%;padding:var(--gap);margin-bottom:var(--gap-sm);background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);font-family:inherit;font-size:var(--size-base);color:var(--text);cursor:pointer;display:flex}.child-card:hover{border-color:var(--primary)}.child-face{font-size:30px;line-height:1}.child-text{flex-direction:column;flex:1;min-width:0;display:flex}.child-text strong{font-size:var(--size-lg)}.child-text span{color:var(--text-soft);font-size:var(--size-sm)}.child-text small{color:var(--text-soft);font-size:13px}.child-text small.faint{color:var(--text-faint)}.child-edit{color:var(--primary-dark);font-size:var(--size-sm);flex:none;text-decoration:underline}.checklist{margin:var(--gap-sm) 0 0;color:var(--text-soft);padding-inline-start:var(--gap-lg)}.checklist li{margin-bottom:var(--gap-xs)}.notice-box{padding:var(--gap-sm) var(--gap);border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--text);font-size:var(--size-sm)}.notice-box p{font-size:inherit;margin:0}.notice-box .link{margin-top:var(--gap-xs)}.danger-link{width:100%;margin-top:var(--gap);text-align:center;color:var(--danger);display:block}.sticky-save{margin-top:var(--gap)}.match{background:var(--surface);border:1.5px solid var(--line);border-inline-start:5px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--gap);margin-bottom:var(--gap)}.match-excellent{border-inline-start-color:var(--primary)}.match-veryGood{border-inline-start-color:var(--accent)}.match-good{border-inline-start-color:var(--line)}.match-head{justify-content:space-between;align-items:baseline;gap:var(--gap-sm);margin-bottom:var(--gap);flex-wrap:wrap;display:flex}.match-label{font-size:var(--size-lg);font-weight:700}.match-score{font-size:var(--size-sm);color:var(--text-soft);margin-inline-start:var(--gap-sm)}.match-who{color:var(--text-soft);font-size:var(--size-sm)}.verified{background:var(--primary-soft);color:var(--primary-dark);white-space:nowrap;border-radius:999px;margin-inline-start:var(--gap-sm);padding:2px 8px;font-size:13px;font-weight:600}.tag-now,.tag-mutual{margin:0 0 var(--gap);padding:var(--gap-xs) var(--gap-sm);border-radius:var(--radius-sm);font-size:var(--size-sm)}.tag-now{background:var(--accent-soft)}.tag-mutual{background:var(--primary-soft);color:var(--primary-dark);font-weight:600}.pairs{margin-bottom:var(--gap)}.pairs h4{font-size:var(--size-sm);color:var(--text-soft);margin:0 0 var(--gap-xs);font-weight:700}.pair-row{align-items:center;gap:var(--gap-xs);padding:var(--gap-xs) var(--gap-sm);border-radius:var(--radius-sm);grid-template-columns:1fr 28px 1fr;display:grid}.pair-row+.pair-row{border-top:1px solid var(--line)}.pair-head{color:var(--text-faint);border:none;font-size:13px;font-weight:600}.pair-row>span{flex-direction:column;min-width:0;display:flex}.pair-row>span:nth-child(2){color:var(--text-faint);align-items:center;font-size:18px}.pair-row b{font-weight:600}.pair-row small{color:var(--text-soft);font-size:13px}.reasons{margin:0 0 var(--gap);padding:0;list-style:none}.reasons li{color:var(--text-soft);font-size:var(--size-sm);margin-bottom:2px;padding-inline-start:22px;position:relative}.reasons li:before{content:"✓";color:var(--primary);font-weight:700;position:absolute;inset-inline-start:0}.match-actions{align-items:center;gap:var(--gap);display:flex}.match-actions .btn{flex:1;width:auto}.empty{text-align:center;padding:var(--gap-xl) var(--gap)}.empty-mark{margin-bottom:var(--gap-sm);font-size:40px;line-height:1;display:block}.empty .checklist{text-align:start;margin-bottom:var(--gap);display:inline-block}.request header,.connection header{align-items:center;gap:var(--gap-sm);margin-bottom:var(--gap-xs);font-size:var(--size-lg);display:flex}.request+.request,.connection+.connection{margin-top:var(--gap)}.answers{align-items:center;gap:var(--gap);margin-top:var(--gap);flex-wrap:wrap;display:flex}.answers .btn{flex:160px;width:auto}.connection.active{border-inline-start:5px solid var(--primary)}.contact{margin-top:var(--gap);padding:var(--gap-sm) var(--gap);border-radius:var(--radius-sm);background:var(--primary-soft)}.contact a{color:var(--primary-dark)}.signature{margin-top:var(--gap-xl);padding-top:var(--gap);border-top:1px solid var(--line);text-align:center;color:var(--text-faint);font-size:13px;line-height:1.7}.signature p{margin:0}.signature-line{color:var(--text-soft);font-weight:600}.signature-slogan{color:var(--text-faint)}.signature-contact a{color:var(--text-soft);text-decoration:none}.signature-contact a:hover{color:var(--primary-dark);text-decoration:underline}.devbar{margin-top:var(--gap-xl);padding:var(--gap-sm) var(--gap);border-radius:var(--radius-sm);background:var(--surface-soft);color:var(--text-soft);font-size:var(--size-sm);text-align:center}.devbar.bad{color:var(--danger);background:#f8e5e2}
