.calc-card{max-width:520px;margin:24px auto 20px;padding:0 16px}.vs-row{display:flex;align-items:center;gap:12px;margin-bottom:24px}.vs-row .input-group{flex:1}.input-group label{display:block;font-size:.85rem;font-weight:600;color:var(--navy);margin-bottom:6px;letter-spacing:.02em}.vs-badge{font-family:var(--font-serif);font-weight:700;font-size:.9rem;color:var(--rose);flex-shrink:0;padding-top:20px}.result{display:none;margin-top:28px;padding-top:28px;border-top:1px solid var(--gray-100);text-align:center}.result.visible{display:block;animation:fadeUp .5s ease}.result-score-wrap{position:relative;width:160px;height:160px;margin:0 auto 16px}.result-score-ring{width:100%;height:100%;transform:rotate(-90deg)}.result-score-ring .bg{fill:none;stroke:#f0e0e0;stroke-width:6}.result-score-ring .fg{fill:none;stroke:var(--rose);stroke-width:6;stroke-linecap:round;stroke-dasharray:440;stroke-dashoffset:440;transition:stroke-dashoffset 1.2s cubic-bezier(.4,0,.2,1)}.result-score-ring .fg.gold{stroke:var(--gold)}.result-score-ring .fg.navy{stroke:var(--navy-light)}.result-score-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.result-score-number{font-family:var(--font-serif);font-size:2.8rem;font-weight:700;color:var(--navy);line-height:1}.result-score-number .pct{font-size:1.2rem;color:var(--rose)}.result-score-label{font-size:.75rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:.08em;font-weight:500}.result-names{font-family:var(--font-serif);font-size:1.3rem;color:var(--charcoal);margin-bottom:4px}.result-names .name-a{color:var(--rose)}.result-names .name-b{color:var(--navy-light)}.result-message{font-size:.95rem;color:#777;margin-bottom:20px;line-height:1.5}.result-badge{display:inline-block;padding:6px 20px;border-radius:var(--radius-full);font-size:.85rem;font-weight:600;margin-bottom:20px}.result-badge.high{background:#fff0f0;color:var(--rose-dark)}.result-badge.medium{background:#fff8e0;color:#b8960f}.result-badge.low{background:#f0f0f5;color:#666}.result-share{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.result-card{display:none;width:600px;max-width:100%;background:linear-gradient(135deg,#fff5f5,#fff,#f5f8ff);border-radius:var(--radius);padding:48px 40px;text-align:center;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.result-card .card-header{font-family:var(--font-serif);font-style:italic;font-size:1.1rem;color:var(--rose);margin-bottom:20px;letter-spacing:.04em}.result-card .card-big-score{font-family:var(--font-serif);font-size:5rem;font-weight:700;color:var(--navy);line-height:1;margin-bottom:4px}.result-card .card-big-score .pct{color:var(--rose);font-size:2.5rem}.result-card .card-names{font-size:1.8rem;font-weight:600;color:var(--charcoal);margin-bottom:8px}.result-card .card-names .cname{color:var(--rose)}.result-card .card-names .cname2{color:var(--navy-light)}.result-card .card-tagline{font-size:1rem;color:#888;margin-bottom:24px}.result-card .card-hearts{font-size:2rem;letter-spacing:8px}.result-card .card-url{font-size:.75rem;color:#ccc;margin-top:20px;letter-spacing:.06em;text-transform:uppercase}.cta-bridge{display:none;margin-top:24px;padding:20px;background:linear-gradient(135deg,var(--cream) 0%,#FFF8F0 100%);border:1px solid var(--gold-light);border-radius:var(--radius-sm);text-align:center}.cta-bridge.visible{display:block;animation:fadeUp .5s ease .3s both}.cta-bridge p{font-family:var(--font-serif);font-size:1rem;color:var(--navy);margin-bottom:12px}@media (max-width: 560px){.vs-row{flex-direction:column;gap:8px}}@media (max-width: 480px){.card{padding:24px 16px}.vs-badge{font-size:.8rem;padding-top:0}.result-score-wrap{width:130px;height:130px}.result-score-number{font-size:2.2rem}.result-names{font-size:1.1rem}}