@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:#f97316;--chinese-mid:#fb923c;--chinese-light:#fff0e6;--blue:#1e88e5;--blue-soft:#dbeafe;--western:#1e88e5;--western-mid:#3b82f6;--western-light:#b8ceff;--green-ds:#5bae58;--green-soft:#dcfce7;--ds:#5bae58;--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;--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(--ink);box-shadow:0 0 0 0 var(--ink), 4px 4px 0 0 var(--ink);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(--ink), 6px 8px 0 0 var(--ink);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)}.tape-deco{pointer-events:none;background:#e8680c8c;width:64px;height:18px;margin-left:-32px;position:absolute;top:-9px;left:50%;transform:rotate(-6deg);box-shadow:inset 0 0 0 1px #0000000d}.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(--ink) 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(--ink), 3px 3px 0 0 var(--ink)}}.cta-chunky{border:2.5px solid var(--ink);background:var(--bg);color:var(--ink);box-shadow:4px 4px 0 0 var(--ink);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(--ink);opacity:1;transform:translate(-1px,-1px)}.cta-chunky:active{box-shadow:1px 1px 0 0 var(--ink);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-big{padding:1rem 1.6rem;font-size:1.1rem}