@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&display=swap";
*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fff9f2;--paper:#fef7ec;--white:#fff;--ink:#1a1208;--ink-light:#4a3f2f;--ink-muted:#8b7b6b;--border:#1a12081a;--shadow-soft:0 2px 8px #1a12080f;--shadow-card:0 4px 16px #1a120814;--sidebar-w:260px;--orange:#e8680c;--orange-soft:#ffe8d4;--chinese:#f44236;--chinese-mid:#fb923c;--chinese-light:#fbe3e1;--blue:#2393dd;--blue-soft:#dbeafe;--western:#2393dd;--western-mid:#3b82f6;--western-light:#b8ceff;--green-ds:#01c853;--green-soft:#dcfce7;--ds:#01c853;--ds-mid:#22c55e;--ds-light:#d6f3e0;--gray:#6b7280;--gray-mid:#9ca3af;--gray-light:#f9fafb;--user-btn:#9ca3af;--sex:#e91e63;--sex-mid:#8b5cf6;--sex-light:#fadce5;--library:#455a64;--library-light:#dee3e6;--intimacy:#e91e63;--intimacy-light:#fadce5;--purple:#7c3aed;--green:var(--ds);--green-light:var(--ds-mid);--red:var(--chinese)}body{background-color:var(--bg);color:var(--ink);background-image:radial-gradient(circle at 1px 1px,#1a12080a 1px,#0000 0);background-size:24px 24px;background-attachment:fixed;min-height:100vh;font-family:Nunito,sans-serif}a{transition:opacity .15s}a:hover{opacity:.85}a.sign-grid-link:hover,a.btn-hover:hover{opacity:1}.sign-grid-link{transition:transform .18s,box-shadow .18s}.sign-grid-link:hover{text-decoration:none;transform:scale(1.04);box-shadow:0 4px 14px #0000001f}.sign-illustration{transition:transform .22s}.sign-illustration:hover{transform:translateY(-4px)scale(1.04)}.btn-hover{transition:transform .15s,filter .15s}.btn-hover:hover{filter:brightness(1.08);transform:translateY(-2px)}.stars-bg{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.star{background:var(--ds-mid);animation:twinkle var(--duration,4s) ease-in-out infinite;opacity:var(--min-opacity,.06);border-radius:50%;position:absolute}@keyframes twinkle{0%,to{opacity:var(--min-opacity,.06)}50%{opacity:var(--max-opacity,.22)}}.gold-divider{background:linear-gradient(90deg,transparent,var(--ds-mid),transparent);height:2px}.logo-glow{color:var(--ds);text-shadow:0 0 28px #15803d33}.card-glow{background:#fffffff7;border:1.5px solid #15803d26;box-shadow:0 4px 24px #15803d1a}.ds-select{appearance:none;color:var(--ink);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%231A1208' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") right .75rem center no-repeat;border:1.5px solid #15803d38;outline:none;font-family:Nunito,sans-serif;transition:border-color .2s,box-shadow .2s}.ds-select:hover{border-color:var(--ds)}.ds-select:focus{border-color:var(--ds);box-shadow:0 0 0 3px #15803d1a}.btn-green{background:linear-gradient(135deg, var(--ds), var(--ds-mid));color:#fff;cursor:pointer;border:none;font-family:Nunito,sans-serif;font-weight:700;transition:all .2s;box-shadow:0 3px 12px #15803d61}.btn-green:hover{transform:translateY(-1px);box-shadow:0 5px 18px #15803d7a}.section-chinese{border-left:4px solid var(--chinese)}.tag-chinese{background:var(--chinese-light);color:var(--chinese);font-weight:700}.section-western{border-left:4px solid var(--western)}.tag-western{background:var(--western-light);color:var(--western);font-weight:700}.section-ds{border-left:4px solid var(--ds)}.tag-ds{background:var(--ds-light);color:var(--ds);font-weight:700}.sidebar{top:48px;left:calc(-1 * var(--sidebar-w));width:var(--sidebar-w);background:var(--bg);z-index:100;border-right:none;flex-direction:column;height:calc(100vh - 48px);transition:left .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;overflow-y:auto;box-shadow:2px 0 16px #0000000d}.sidebar.open{left:0}.sidebar-overlay{z-index:99;background:#00000052;display:none;position:fixed;inset:0}.sidebar-overlay.show{display:block}.mobile-header{z-index:101;background:#fff;border-bottom:1px solid #00000014;justify-content:space-between;align-items:center;height:48px;padding:0 .75rem;display:flex;position:fixed;top:0;left:0;right:0}@media (min-width:1024px){.sidebar{border-right:none;height:100vh;top:0;left:0}.sidebar-overlay{display:none!important}.main-content{margin-left:var(--sidebar-w);border-left:none}.mobile-header{display:none}}.topnav{z-index:101;background:#fff;border-bottom:1px solid #00000014;height:48px;position:fixed;top:0;left:0;right:0}.topnav-inner{align-items:center;gap:.5rem;max-width:100%;height:100%;padding:0 1rem;display:flex}.topnav-link{white-space:nowrap;border-radius:.4rem;align-items:center;gap:.3rem;min-height:36px;padding:.4rem .7rem;font-family:Nunito,sans-serif;font-size:.82rem;font-weight:700;text-decoration:none;transition:all .15s;display:flex}.topnav-link:hover{opacity:.8}.topnav-bug{cursor:pointer;background:0 0;border:1px solid #0000001a;border-radius:.4rem;padding:.3rem .6rem;font-family:Nunito,sans-serif;font-size:.7rem;font-weight:600;transition:all .15s}.topnav-bug:hover{background:#0000000a}@media (max-width:1023px){.topnav{display:none}}@media (min-width:1024px){.topnav{left:var(--sidebar-w)}}body{padding-top:48px}.nav-item{cursor:pointer;border-left:3px solid #0000;align-items:center;gap:.6rem;padding:.5rem 1.25rem;font-family:Nunito,sans-serif;font-size:.95rem;text-decoration:none;transition:background .15s,opacity .15s;display:flex}.nav-item:hover{opacity:.8}input[type=text]{outline:none;transition:border-color .2s,box-shadow .2s}input[type=text]:focus{box-shadow:0 0 0 3px #15803d1a;border-color:var(--ds)!important}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}.topic-btn{text-align:center;cursor:default;border-radius:.5rem;padding:.65rem .8rem;font-family:Nunito,sans-serif;font-size:.85rem;font-weight:800;transition:transform .12s,box-shadow .12s;display:block}.topic-btn:hover{transform:translateY(-1px);box-shadow:0 3px 10px #0000001a}.topic-btn-chinese{background:var(--chinese-light);color:var(--chinese);border:1.5px solid var(--chinese-mid)}.topic-btn-chinese-solid{background:var(--chinese);color:#fff;border:none}.topic-btn-western{background:var(--western-light);color:var(--western);border:1.5px solid var(--western-mid)}.calc-persons{grid-template-columns:1fr 1fr}.calc-birthday{grid-template-columns:1fr 1fr 1fr}@media (max-width:480px){img{max-width:100%;height:auto}.main-content{overflow-x:hidden}.calc-persons,.calc-birthday,.compat-cards{grid-template-columns:1fr!important}.sign-layout{flex-direction:column!important}.sign-layout>div:last-child{width:100%!important}.ds-picker-row{flex-direction:column!important}.ds-picker-row>div{min-width:0!important}.ds-picker-row>button{width:100%}}.topnav-avatar:hover{transform:scale(1.15)rotate(15deg)}.cork-card{border:2px solid var(--purple);box-shadow:0 0 0 0 var(--purple), 4px 4px 0 0 var(--purple);color:var(--ink);will-change:transform;border-radius:10px;text-decoration:none;transition:transform .25s cubic-bezier(.2,1.5,.4,1),box-shadow .2s;display:block;position:relative}.cork-card:hover{box-shadow:0 0 0 0 var(--purple), 6px 8px 0 0 var(--purple);z-index:20;opacity:1;transform:rotate(0)translateY(-6px)scale(1.03)!important}.cork-card.cork-chinese{border-color:var(--orange)}.cork-card.cork-western{border-color:var(--blue)}.cork-card.cork-ds{border-color:var(--ds)}.cork-card.cork-purple{border-color:var(--purple)}.stamp-pill{letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;background:#fff9f2b3;border:2px solid;border-radius:999px;align-items:center;gap:.35rem;padding:6px 14px;font-family:Nunito,sans-serif;font-size:11px;font-weight:900;display:inline-flex}.squiggle{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 8' preserveAspectRatio='none'><path d='M0 4 Q 15 0 30 4 T 60 4 T 90 4 T 120 4' fill='none' stroke='%23E8680C' stroke-width='3' stroke-linecap='round'/></svg>");background-position:0 100%;background-repeat:no-repeat;background-size:100% 8px;padding-bottom:10px}.dotline{background-image:radial-gradient(var(--purple) 1.4px, transparent 1.4px);opacity:.55;background-size:8px 8px;height:3px}.cork-grid{grid-template-columns:repeat(6,1fr);gap:1rem .75rem;display:grid}@media (max-width:768px){.cork-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem .75rem}.cork-grid>.cork-card{transform:none!important}.cork-card{box-shadow:0 0 0 0 var(--purple), 3px 3px 0 0 var(--purple)}}.cta-chunky{border:2.5px solid var(--purple);background:var(--bg);color:var(--ink);box-shadow:4px 4px 0 0 var(--purple);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:.6rem;padding:.85rem 1.4rem;font-family:Nunito,sans-serif;font-size:1rem;font-weight:900;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex}.cta-chunky:hover{box-shadow:5px 5px 0 0 var(--purple);opacity:1;transform:translate(-1px,-1px)}.cta-chunky:active{box-shadow:1px 1px 0 0 var(--purple);transform:translate(3px,3px)}.cta-chunky.cta-orange{background:var(--orange);color:var(--bg)}.cta-chunky.cta-green{background:var(--ds);color:var(--bg)}.cta-chunky.cta-blue{background:var(--blue);color:var(--bg)}.cta-chunky.cta-purple{background:var(--purple);color:var(--bg)}.cta-chunky.cta-big{padding:1rem 1.6rem;font-size:1.1rem}.crumbs{letter-spacing:.04em;color:var(--ink-muted);flex-wrap:wrap;align-items:center;gap:.55rem;margin:0 0 1.25rem;font-family:Nunito,sans-serif;font-size:.78rem;font-weight:700;display:flex}.crumbs a{font-weight:800;text-decoration:none}.crumbs a:hover{text-decoration:underline}.crumbs .sep{color:var(--ink-muted)}.crumbs .current{color:var(--ink);font-weight:900}.sign-hero{grid-template-columns:320px 1fr;align-items:stretch;gap:2rem;margin:0 0 2.5rem;display:grid}.sign-hero .hero-portrait{padding:1rem 1rem 1.25rem;position:relative;transform:rotate(-1.2deg)}.sign-hero .hero-portrait:after{content:"MARIAN O’NEAL";letter-spacing:.15em;color:var(--ink-muted);opacity:.7;font-family:Nunito,sans-serif;font-size:.55rem;font-weight:700;position:absolute;bottom:-4px;right:14px}.sign-hero .marian-frame{aspect-ratio:3/4;background:radial-gradient(at 50% 35%,#ffedd5,#ffe4b5 60%,#f5d0a0 100%);border-radius:6px;justify-content:center;align-items:flex-end;display:flex;position:relative;overflow:hidden}.sign-hero .hero-info{flex-direction:column;justify-content:center;gap:1rem;display:flex}.sign-hero .hero-info .stamps{flex-wrap:wrap;gap:.6rem;display:flex}.sign-hero .hero-info h1{letter-spacing:-.02em;color:var(--ink);margin:0;font-family:Nunito,sans-serif;font-size:clamp(3rem,7vw,5.5rem);font-weight:900;line-height:.92}.sign-hero .hero-info h1 .accent{font-style:italic;font-weight:800}.sign-hero .hero-info .lede{color:var(--ink-light);max-width:56ch;margin:0;font-family:Nunito,sans-serif;font-size:1.15rem;font-weight:600}.sign-hero .hero-info .meta{border-top:1px dashed var(--ink-muted);flex-wrap:wrap;gap:2rem;margin:0;padding-top:.75rem;display:flex}.sign-hero .hero-info .meta-item dt{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:.15rem;font-family:Nunito,sans-serif;font-size:.65rem;font-weight:900}.sign-hero .hero-info .meta-item dd{color:var(--ink);margin:0;font-family:Nunito,sans-serif;font-size:1rem;font-weight:800}.section-title{align-items:center;gap:.85rem;margin:2.75rem 0 1.25rem;display:flex}.section-title h2{color:var(--ink);letter-spacing:-.01em;margin:0;font-family:Nunito,sans-serif;font-size:1.65rem;font-weight:900}.section-rule{opacity:.6;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='8'%3E%3Cpath d='M0 4 Q10 0 20 4 T40 4' stroke='%23E8680C' stroke-width='1.6' fill='none'/%3E%3C/svg%3E");background-repeat:repeat-x;flex:1;height:8px}.section-rule.rule-blue{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='8'%3E%3Cpath d='M0 4 Q10 0 20 4 T40 4' stroke='%231E88E5' stroke-width='1.6' fill='none'/%3E%3C/svg%3E")}.section-rule.rule-green{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='8'%3E%3Cpath d='M0 4 Q10 0 20 4 T40 4' stroke='%235BAE58' stroke-width='1.6' fill='none'/%3E%3C/svg%3E")}.cork-card.overview{padding:1.85rem 2.1rem;transform:rotate(.3deg)}.cork-card.overview p{color:var(--ink-light);margin:0 0 1rem;font-family:Nunito,sans-serif;font-size:1.05rem;line-height:1.75}.cork-card.overview p:last-child{margin-bottom:0}.cork-card.overview p:first-child:first-letter{float:left;padding:4px 8px 0 0;font-size:2.4rem;font-weight:900;line-height:.9}.cork-card.cork-chinese.overview p:first-child:first-letter{color:var(--orange)}.cork-card.cork-western.overview p:first-child:first-letter{color:var(--blue)}.topic-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}.topic-card{color:var(--ink);text-align:center;padding:1.5rem 1.25rem 1.4rem;text-decoration:none;transition:transform .18s,box-shadow .18s;position:relative}.topic-card:first-child{transform:rotate(-1.5deg)}.topic-card:nth-child(2){transform:rotate(.8deg)}.topic-card:nth-child(3){transform:rotate(-.4deg)}.topic-card:nth-child(4){transform:rotate(1.6deg)}.topic-card:hover{transform:rotate(0)translate(-2px,-2px)}.topic-card .topic-icon{border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto .65rem;display:flex}.cork-card.cork-chinese .topic-icon{color:var(--orange);background:#e8680c1f}.cork-card.cork-western .topic-icon{color:var(--blue);background:#1e88e51f}.topic-card .topic-icon svg{width:26px;height:26px}.topic-card h3{color:var(--ink);margin:0 0 .35rem;font-family:Nunito,sans-serif;font-size:1.25rem;font-weight:900}.topic-card .topic-tag{letter-spacing:.12em;text-transform:uppercase;font-family:Nunito,sans-serif;font-size:.68rem;font-weight:800}.cork-card.cork-chinese .topic-tag{color:var(--orange)}.cork-card.cork-western .topic-tag{color:var(--blue)}.topic-card .arrow{color:var(--ink-muted);margin-top:.85rem;font-family:Nunito,sans-serif;font-size:.85rem;font-weight:800}.topic-card:hover .arrow{color:var(--ink)}.pair-grid{grid-template-columns:repeat(6,1fr);gap:.75rem;display:grid}.pair-card{text-align:center;padding:.85rem .55rem .75rem;text-decoration:none;transition:transform .18s;position:relative}.pair-card:nth-child(odd){transform:rotate(-.6deg)}.pair-card:nth-child(2n){transform:rotate(.7deg)}.pair-card:hover{transform:rotate(0)translate(-1px,-1px)}.pair-card .pair-glyph{width:32px;height:32px;color:var(--ds);background:#5bae581f;border-radius:50%;justify-content:center;align-items:center;margin:0 auto .35rem;font-family:Nunito,sans-serif;font-size:1rem;font-weight:900;display:flex}.pair-card .pair-name{color:var(--ink);font-family:Nunito,sans-serif;font-size:.82rem;font-weight:900;line-height:1.15}.pair-card .pair-name .slash{color:var(--ds);padding:0 .15em}.cta-strip{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:3rem;display:flex}@media (max-width:860px){.sign-hero{grid-template-columns:1fr}.sign-hero .hero-portrait{max-width:280px;margin:0 auto}.topic-grid{grid-template-columns:repeat(2,1fr)}.pair-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.topic-grid{grid-template-columns:1fr}.pair-grid{grid-template-columns:repeat(2,1fr)}.sign-hero .hero-info h1{font-size:3rem}.sign-hero .hero-info .meta{flex-direction:column;gap:.85rem}}.pair-title{text-align:center;margin:1rem 0 1.5rem}.pair-title .stamps{flex-wrap:wrap;justify-content:center;gap:.55rem;margin-bottom:1.25rem;display:flex}.pair-title h1{letter-spacing:-.02em;color:var(--ink);margin:0;font-family:Nunito,sans-serif;font-size:clamp(3rem,7.5vw,5.5rem);font-weight:900;line-height:.95}.pair-title h1 .first{color:var(--orange)}.pair-title h1 .slash{color:var(--ds);padding:0 .15em;font-style:italic;font-weight:800}.pair-title h1 .second{color:var(--blue)}.pair-title .lede{max-width:60ch;color:var(--ink-light);margin:1.2rem auto 0;font-family:Nunito,sans-serif;font-size:1.18rem;font-weight:600;line-height:1.5}.pair-hero{justify-content:center;margin:2rem 0 2.5rem;display:flex}.pair-hero-frame{width:100%;max-width:580px;padding:1.25rem;position:relative;transform:rotate(-.7deg)}.pair-hero-frame .pair-illustration-wrap{aspect-ratio:1;background:radial-gradient(at 50% 40%,#fff7e8,#f5e5c9 60%,#e5d2ac 100%);border-radius:8px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.pair-hero-frame .pair-illustration{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(3px 3px #1a120838);width:88%;height:88%}.pair-hero-frame .pair-byline{letter-spacing:.18em;color:var(--ink-muted);opacity:.7;font-family:Nunito,sans-serif;font-size:.58rem;font-weight:900;position:absolute;bottom:8px;right:12px}.nav-cards{grid-template-columns:1fr 1fr;gap:1.25rem;margin:0 0 3rem;display:grid}.nav-card{color:var(--ink);align-items:center;gap:1rem;padding:1rem 1.1rem;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex}.nav-card.nav-chinese{transform:rotate(-.5deg)}.nav-card.nav-western{transform:rotate(.5deg)}.nav-card:hover{transform:rotate(0)translate(-2px,-2px)}.nav-card .nav-portrait{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:96px;padding:.35rem;display:flex}.nav-card.nav-chinese .nav-portrait{background:radial-gradient(at 50% 35%,#fff1da,#ffe4b5 70%,#f5d0a0 100%)}.nav-card.nav-western .nav-portrait{background:radial-gradient(at 50% 35%,#e8f1fb,#c7def5 70%,#9cc0e8 100%)}.nav-card .nav-text{flex:auto;min-width:0}.nav-card .nav-kicker{letter-spacing:.15em;text-transform:uppercase;margin-bottom:.15rem;font-family:Nunito,sans-serif;font-size:.62rem;font-weight:900}.nav-card .nav-name{margin-bottom:.25rem;font-family:Nunito,sans-serif;font-size:1.4rem;font-weight:900;line-height:1}.nav-card.nav-chinese .nav-name{color:var(--orange)}.nav-card.nav-western .nav-name{color:var(--blue)}.nav-card .nav-meta{color:var(--ink-muted);font-family:Nunito,sans-serif;font-size:.8rem;font-weight:700}.nav-card .nav-arrow{flex-shrink:0;font-family:Nunito,sans-serif;font-size:1.4rem;font-weight:900}.verdict-band{text-align:center;margin:2.5rem 0 3rem}.verdict-band .verdict-card{background:var(--ds);color:var(--paper);border:3px solid var(--ink);box-shadow:6px 6px 0 0 var(--ink);border-radius:14px;padding:1.4rem 2.5rem;display:inline-block;transform:rotate(-1deg)}.verdict-band .verdict-label{letter-spacing:.18em;text-transform:uppercase;opacity:.85;margin-bottom:.35rem;font-family:Nunito,sans-serif;font-size:.72rem;font-weight:900}.verdict-band .verdict-text{letter-spacing:-.01em;font-family:Nunito,sans-serif;font-size:2.2rem;font-style:italic;font-weight:900;line-height:1.05}.cork-card.body-section{margin-bottom:2.5rem;padding:2rem 2.4rem;transform:rotate(.2deg)}.cork-card.body-section p{color:var(--ink-light);margin:0 0 1.15rem;font-family:Nunito,sans-serif;font-size:1.1rem;line-height:1.78}.cork-card.body-section p:last-of-type{margin-bottom:0}.cork-card.body-section p:first-of-type:first-letter{color:var(--ds);float:left;padding:4px 8px 0 0;font-size:2.6rem;font-weight:900;line-height:.9}.cork-card.body-section .body-copyright{border-top:1px dashed var(--ink-muted);color:var(--ink-muted);letter-spacing:.04em;margin-top:1.5rem;padding-top:.9rem;font-family:Nunito,sans-serif;font-size:.72rem}@media (max-width:720px){.nav-cards{grid-template-columns:1fr}.nav-card.nav-chinese,.nav-card.nav-western{transform:rotate(0)}}@media (max-width:480px){.pair-title h1{font-size:2.5rem}.verdict-band .verdict-text{font-size:1.5rem}.cork-card.body-section{padding:1.25rem 1.2rem}.cork-card.body-section p{font-size:1rem}.pair-hero-frame .pair-illustration-wrap{aspect-ratio:4/5}}