.compat-page-v4{display:block} .compat-calculator-v4{padding:34px 36px;background:radial-gradient(circle at 82% 0%,rgba(139,77,255,.18),transparent 34%),linear-gradient(145deg,#111633,#090d20);overflow:hidden} .compat-calc-intro{display:flex;align-items:center;justify-content:space-between;gap:25px}.compat-calc-intro h2{font-family:Georgia,"Times New Roman",serif;font-size:36px;line-height:1.12;margin:7px 0 10px}.compat-calc-intro p{max-width:700px;margin:0;color:var(--muted);font-size:14px}.compat-calc-badge{min-width:150px;text-align:center;border:1px solid rgba(161,117,255,.3);border-radius:16px;padding:14px 12px;background:rgba(121,75,255,.08);box-shadow:0 10px 30px rgba(94,47,200,.12)}.compat-calc-badge span{display:block;font-size:28px;color:#c49dff}.compat-calc-badge b{display:block;font-family:Georgia,serif;font-size:20px}.compat-calc-badge small{color:var(--muted);font-size:10px}.calculator-row-v4{margin-top:28px}.calculator-row-v4 .select-wrap select{height:54px;font-size:14px;border-radius:11px}.calculate-btn-v4{height:54px;padding-inline:22px}.calculate-btn-v4 span{font-size:18px;margin-left:6px}.plus-v4{font-size:30px}.compat-calc-hints{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.compat-calc-hints span{border:1px solid rgba(151,123,220,.22);background:rgba(255,255,255,.025);border-radius:999px;padding:5px 10px;color:#c8c1d9;font-size:10px} .section-tight{padding:42px 0 25px}.compat-section-heading{margin-bottom:20px}.compat-section-heading h2{font-family:Georgia,"Times New Roman",serif;font-size:31px;line-height:1.15;margin:7px 0 8px}.compat-section-heading p{color:var(--muted);font-size:13px;max-width:760px;margin:0}.compat-how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.compat-how-grid article{border:1px solid var(--line);border-radius:15px;padding:20px;background:linear-gradient(145deg,#111630,#0b1025);min-height:170px}.compat-how-icon{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;background:rgba(139,77,255,.14);border:1px solid rgba(151,123,220,.25);color:#c7a3ff;font-size:23px;margin-bottom:14px}.compat-how-grid b{display:block;font-family:Georgia,serif;font-size:16px}.compat-how-grid p{font-size:11px;color:var(--muted);line-height:1.65;margin:7px 0 0}.compat-zodiac-picker,.compat-top-v4,.compat-guide-v4,.compat-faq-v4{margin-top:24px;border:1px solid var(--line);border-radius:18px;padding:30px;background:linear-gradient(145deg,#10152f,#090d20)}.compat-zodiac-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.compat-zodiac-card{display:grid;grid-template-columns:54px 1fr;grid-template-rows:auto auto;column-gap:12px;border:1px solid rgba(151,123,220,.2);border-radius:14px;padding:15px;background:rgba(255,255,255,.018);transition:.2s}.compat-zodiac-card:hover{transform:translateY(-3px);border-color:#7954d9;background:rgba(139,77,255,.07)}.compat-zodiac-symbol{grid-row:1/3;width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(123,77,255,.24),rgba(61,48,132,.12));border:1px solid rgba(151,123,220,.25);color:#d0b1ff;font-size:30px}.compat-zodiac-card h3{margin:1px 0 2px;font-family:Georgia,serif;font-size:17px}.compat-zodiac-card small{color:var(--muted);font-size:9px}.compat-zodiac-best{grid-column:2;display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}.compat-zodiac-best span{font-size:9px;color:var(--muted);width:100%}.compat-zodiac-best b{font-size:11px;color:#d6c6ff}.compat-zodiac-best em{font-style:normal;color:#a989ff;font-size:11px;font-weight:900;margin-left:auto}.compat-top-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.compat-top-card{position:relative;border:1px solid rgba(151,123,220,.2);border-radius:15px;padding:20px;background:rgba(255,255,255,.018);overflow:hidden}.compat-top-card:hover{border-color:#7954d9;transform:translateY(-3px)}.compat-rank{position:absolute;top:14px;right:15px;font-size:10px;color:#a989ff;letter-spacing:1px}.compat-top-signs{display:flex;align-items:center;gap:9px;color:#c9a8ff;font-size:28px;margin-bottom:9px}.compat-top-signs b{font-size:14px;color:#706783}.compat-top-card>strong{font-family:Georgia,serif;font-size:16px}.compat-top-score{height:6px;border-radius:99px;background:#262c4b;overflow:hidden;margin:15px 0 7px}.compat-top-score span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7a42ff,#d65bff)}.compat-top-card em{font-style:normal;color:var(--muted);font-size:10px}.compat-guide-v4{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px}.compat-guide-main h2{font-family:Georgia,serif;font-size:29px;margin:7px 0 9px}.compat-guide-main>p{color:var(--muted);font-size:13px;line-height:1.75;max-width:850px}.compat-guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.compat-guide-grid article{border-top:1px solid var(--line);padding-top:14px}.compat-guide-grid h3{font-size:13px;margin:0 0 5px}.compat-guide-grid p{font-size:10px;color:var(--muted);line-height:1.6;margin:0}.compat-guide-side{border:1px solid rgba(151,123,220,.2);border-radius:14px;padding:17px;background:rgba(255,255,255,.018);align-self:start}.compat-guide-side h3{font-family:Georgia,serif;margin:0 0 10px}.compat-guide-side a{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:10px 0;font-size:11px;color:#c9b5ee}.compat-guide-side a:last-child{border-bottom:0}.compat-guide-side b{color:#a989ff}.compat-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.compat-faq-grid details{border:1px solid rgba(151,123,220,.2);border-radius:12px;background:rgba(255,255,255,.018);padding:0 15px}.compat-faq-grid summary{cursor:pointer;list-style:none;padding:15px 0;font-weight:800;font-size:12px}.compat-faq-grid summary::-webkit-details-marker{display:none}.compat-faq-grid summary:after{content:'+';float:right;color:#b58cff;font-size:17px}.compat-faq-grid details[open] summary:after{content:'−'}.compat-faq-grid p{color:var(--muted);font-size:11px;line-height:1.7;margin:0 0 15px} html[data-theme=light] .compat-calculator-v4,html[data-theme=light] .compat-zodiac-picker,html[data-theme=light] .compat-top-v4,html[data-theme=light] .compat-guide-v4,html[data-theme=light] .compat-faq-v4,html[data-theme=light] .compat-how-grid article{background:linear-gradient(145deg,#fff,#f4effc);border-color:#d9cfee}html[data-theme=light] .compat-calc-hints span,html[data-theme=light] .compat-zodiac-card,html[data-theme=light] .compat-top-card,html[data-theme=light] .compat-guide-side,html[data-theme=light] .compat-faq-grid details{background:rgba(84,56,130,.025)} @media(max-width:900px){.compat-calc-intro{align-items:flex-start}.compat-how-grid{grid-template-columns:repeat(2,1fr)}.compat-zodiac-grid{grid-template-columns:repeat(2,1fr)}.compat-top-grid{grid-template-columns:repeat(2,1fr)}.compat-guide-v4{grid-template-columns:1fr}.compat-guide-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:700px){.compat-calc-intro{display:block}.compat-calc-badge{display:none}.compat-calc-intro h2{font-size:30px}.compat-how-grid,.compat-zodiac-grid,.compat-top-grid,.compat-faq-grid{grid-template-columns:1fr}.compat-zodiac-card{grid-template-columns:54px 1fr}.compat-guide-grid{grid-template-columns:1fr 1fr}.compat-calculator-v4,.compat-zodiac-picker,.compat-top-v4,.compat-guide-v4,.compat-faq-v4{padding:22px 16px}.compat-section-heading h2{font-size:26px}.compat-calc-hints{display:none}.calculator-row-v4{margin-top:22px}} @media(max-width:520px){.compat-guide-grid{grid-template-columns:1fr}.compat-how-grid article{min-height:auto}.compat-top-signs{font-size:25px}}