.couple-quiz-page{--cq-navy:#0d2d55;--cq-blue:#316cad;--cq-teal:#2d9daa;--cq-teal-soft:#e7f7f7;--cq-pink:#ff6578;--cq-ink:#1c2b3a;--cq-muted:#667685;--cq-line:#dbe5ea;--cq-bg:#f3f7f9;--cq-white:#fff;--cq-shadow:0 18px 55px rgba(18,52,78,.10);background:var(--cq-bg)}
.couple-quiz-hero{background:linear-gradient(135deg,#0e2f52,#316cad);color:#fff;padding:46px 0}
.couple-quiz-hero__inner{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:44px;align-items:center}
.couple-quiz-hero__copy{min-width:0}.couple-quiz-back{display:inline-block;color:#d8e9ff;text-decoration:none;font-weight:800;margin-bottom:18px}.couple-quiz-back:hover{color:#fff}
.couple-quiz-eyebrow,.couple-kicker{display:inline-block;color:#ffad3e;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.couple-quiz-hero h1{font-size:clamp(42px,6vw,76px);line-height:.96;letter-spacing:-.045em;margin:12px 0 20px;color:#fff}.couple-quiz-hero h1 em{font-style:normal;color:#8be1e4}
.couple-quiz-hero p{font-size:18px;line-height:1.65;max-width:760px;margin:0}.couple-quiz-hero img{display:block;width:100%;max-width:480px;height:auto;border-radius:22px;box-shadow:0 16px 38px rgba(0,0,0,.22);justify-self:end}
.couple-quiz-shell{padding:34px 0 72px}.couple-quiz-content{max-width:1040px}.couple-quiz-notice{background:#fff7e7;border:1px solid #f0d79f;border-radius:18px;padding:18px 22px;margin-bottom:20px;color:#674b16}.couple-quiz-notice strong{display:block;color:#49340e}.couple-quiz-notice p{margin:5px 0 0;line-height:1.55}
.couple-quiz-stage{min-height:360px}.couple-card{background:var(--cq-white);border:1px solid var(--cq-line);border-radius:24px;padding:30px;box-shadow:var(--cq-shadow);color:var(--cq-ink)}
.couple-entry-card,.couple-lobby-card,.couple-question-card,.couple-waiting-card{max-width:820px;margin:0 auto}.couple-tabs{display:flex;gap:8px;padding:5px;border-radius:14px;background:#eef3f5;margin-bottom:26px}.couple-tabs button{flex:1;border:0;background:transparent;padding:13px;border-radius:10px;font-weight:900;color:var(--cq-muted);cursor:pointer}.couple-tabs button.is-active{background:#fff;color:var(--cq-navy);box-shadow:0 3px 12px rgba(0,0,0,.08)}
.couple-form{display:grid;gap:18px}.couple-form h2,.couple-card h2,.couple-card h3,.couple-card h4{color:var(--cq-navy)}.couple-form h2{font-size:30px;margin:0}.couple-form p{margin:0;color:var(--cq-muted);line-height:1.6}.couple-form label{display:grid;gap:8px;font-weight:800}.couple-form input{width:100%;min-height:54px;border:1.5px solid var(--cq-line);border-radius:13px;padding:0 15px;font:inherit;color:var(--cq-ink);background:#fff;outline:none}.couple-form input:focus{border-color:var(--cq-teal);box-shadow:0 0 0 4px rgba(45,157,170,.12)}.couple-code-input{text-transform:uppercase;letter-spacing:.25em;font-weight:950;font-size:22px}
.couple-btn{border:0;border-radius:999px;min-height:52px;padding:0 24px;font-weight:900;cursor:pointer;transition:transform .15s ease,opacity .15s ease,background .15s ease}.couple-btn:hover:not(:disabled){transform:translateY(-1px)}.couple-btn:disabled{opacity:.45;cursor:not-allowed}.couple-btn--primary{background:var(--cq-navy);color:#fff}.couple-btn--primary:hover:not(:disabled){background:#174b7d}.couple-btn--accent{background:var(--cq-teal);color:#fff}.couple-btn--soft{background:var(--cq-teal-soft);color:#147582}.couple-actions{display:flex;gap:10px;flex-wrap:wrap}.couple-actions--center{justify-content:center}.couple-link-btn{border:0;background:transparent;color:#567080;text-decoration:underline;cursor:pointer;margin-top:14px}
.couple-invite-code{font-size:clamp(48px,10vw,82px);font-weight:950;letter-spacing:.20em;color:var(--cq-navy);line-height:1.05;margin:14px 0}.couple-muted,.couple-wait,.couple-small{color:var(--cq-muted);line-height:1.55}.couple-small{font-size:13px;margin:15px 0 0}.couple-players{display:grid;gap:10px;margin:24px 0}.couple-player{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:15px 17px;border:1px solid var(--cq-line);border-radius:15px}.couple-player div{display:grid;gap:2px}.couple-player strong{color:var(--cq-navy)}.couple-player small{color:var(--cq-muted)}.couple-badge{font-size:12px;font-weight:900;padding:7px 10px;border-radius:999px;background:#eef2f4;color:var(--cq-muted)}.couple-badge.is-ready{background:#daf3e7;color:#17674c}.couple-error{margin-top:16px;padding:12px 14px;border-radius:12px;background:#fff0f1;color:#8b2635;font-weight:700}
.couple-progress-head{display:flex;justify-content:space-between;gap:20px;font-weight:900;color:var(--cq-navy)}.couple-progress{height:9px;border-radius:999px;background:#e7eef2;margin:10px 0 28px;overflow:hidden}.couple-progress span{display:block;height:100%;background:var(--cq-teal);border-radius:inherit;transition:width .25s ease}.couple-question-card>h2{font-size:clamp(24px,4vw,38px);line-height:1.2;margin:0 0 28px}.couple-question-card fieldset{border:0;margin:0 0 28px;padding:0}.couple-question-card legend{font-size:13px;font-weight:950;letter-spacing:.055em;color:#506472;margin-bottom:11px}.couple-options{display:grid;grid-template-columns:1fr 1fr;gap:11px}.couple-option{display:flex;align-items:flex-start;gap:12px;text-align:left;border:1.5px solid var(--cq-line);background:#fff;border-radius:15px;padding:15px;cursor:pointer;min-height:78px;color:var(--cq-ink);font:inherit}.couple-option b{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:50%;background:#edf4f6;color:var(--cq-teal)}.couple-option span{line-height:1.4}.couple-option.is-selected{border-color:var(--cq-teal);background:var(--cq-teal-soft);box-shadow:0 0 0 2px rgba(45,157,170,.08)}
.couple-waiting-card{text-align:center}.couple-waiting-card h2{margin:12px 0 4px}.couple-spinner{width:42px;height:42px;margin:0 auto;border:4px solid #dfe9ec;border-top-color:var(--cq-teal);border-radius:50%;animation:couple-spin .8s linear infinite}@keyframes couple-spin{to{transform:rotate(360deg)}}
.couple-results{display:grid;gap:18px}.couple-result-hero{text-align:center}.couple-result-hero h2{font-size:clamp(30px,5vw,50px);margin:10px 0 18px}.couple-result-hero h2 span{color:var(--cq-pink)}.couple-result-hero>p{max-width:760px;margin:20px auto 0;color:var(--cq-muted);font-size:17px;line-height:1.65}.couple-score-ring{--score:0;width:200px;height:200px;border-radius:50%;margin:0 auto;background:conic-gradient(var(--cq-teal) 0 calc(var(--score) * 1%),#edf2f4 calc(var(--score) * 1%) 100%);display:grid;place-content:center;box-shadow:inset 0 0 0 15px white}.couple-score-ring strong{font-size:46px;color:var(--cq-navy);line-height:1}.couple-score-ring span{color:var(--cq-muted);font-weight:800;margin-top:4px}.couple-result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.couple-result-grid .couple-card{display:grid;gap:8px;text-align:center;padding:22px 16px}.couple-result-grid span,.couple-two-metrics span{color:var(--cq-muted);font-size:14px}.couple-result-grid strong,.couple-two-metrics strong{font-size:32px;color:var(--cq-navy)}.couple-two-metrics{display:grid;grid-template-columns:1fr 1fr;gap:18px}.couple-two-metrics>div{display:grid;text-align:center;gap:5px;padding:10px}
.couple-category-results{display:grid;gap:20px;margin-top:20px}.couple-result-category{padding-top:18px;border-top:1px solid var(--cq-line)}.couple-result-category:first-child{padding-top:0;border-top:0}.couple-result-category>strong{display:block;color:var(--cq-navy);margin-bottom:10px}.couple-metric-row{display:grid;grid-template-columns:170px minmax(120px,1fr) 48px;gap:12px;align-items:center;font-size:13px;color:#536572;margin:8px 0}.couple-bar{height:10px;border-radius:999px;background:#edf2f4;overflow:hidden}.couple-bar i{display:block;height:100%;background:var(--cq-teal);border-radius:inherit}.couple-metric-row--similarity .couple-bar i{background:#6c79b9}.couple-metric-row b{text-align:right;color:var(--cq-navy)}
.couple-highlight-group{margin-top:24px}.couple-highlight-group h4{font-size:18px;margin:0 0 6px}.couple-highlight{padding:15px 0;border-top:1px solid var(--cq-line)}.couple-highlight strong{color:var(--cq-navy)}.couple-highlight p{color:var(--cq-muted);line-height:1.55;margin:7px 0 0}.couple-highlight p b{color:#435665}.couple-disclaimer{font-size:14px;color:var(--cq-muted);line-height:1.65}.couple-disclaimer strong{color:var(--cq-ink)}
@media(max-width:820px){.couple-quiz-hero{padding:30px 0}.couple-quiz-hero__inner{grid-template-columns:1fr;gap:24px}.couple-quiz-hero img{justify-self:start;max-width:400px}.couple-result-grid{grid-template-columns:1fr 1fr}.couple-options{grid-template-columns:1fr}}
@media(max-width:560px){.couple-quiz-shell{padding-top:22px}.couple-card{padding:21px;border-radius:19px}.couple-quiz-hero h1{font-size:44px}.couple-quiz-hero p{font-size:16px}.couple-invite-code{letter-spacing:.12em}.couple-result-grid,.couple-two-metrics{grid-template-columns:1fr}.couple-metric-row{grid-template-columns:1fr auto}.couple-metric-row .couple-bar{grid-column:1/-1;grid-row:2}.couple-actions .couple-btn{width:100%}.couple-score-ring{width:170px;height:170px}.couple-tabs button{font-size:12px}}