@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:#e8680c14;--white:#fff;--ink:#1a202c;--ink-light:#2d3748;--ink-muted:#1a202c80;--border:#00000017;--sidebar-w:260px;--chinese:#f97316;--chinese-mid:#fb923c;--chinese-light:#fff0e6;--western:#1d4ed8;--western-mid:#3b82f6;--western-light:#b8ceff;--ds:#15803d;--ds-mid:#22c55e;--ds-light:#a8edbe;--gray:#6b7280;--gray-mid:#9ca3af;--gray-light:#f9fafb;--user-btn:#9ca3af;--sex:#7c3aed;--sex-mid:#8b5cf6;--sex-light:#f5f3ff;--green:var(--ds);--green-light:var(--ds-mid);--red:var(--chinese);--blue:var(--western)}body{color:var(--ink);background:#e8680c14;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='%231A202C' 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);z-index:100;background:#fff9f2;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)}