:root{--bg:#0b0f1f;--ink:#f4ead6;--ink-soft:#e2def59e;--hair:#ffffff17;--glass:#141932b8;--gold:#ffd58a;--danger:#ff8a7a;--c-pat:#ff7d5c;--c-mat:#45d4bf;--c-sib:#ffc65a;--c-spouse:#ff92c2;--c-desc:#a9e36e;--c-self:#ffe2a0;--c-neutral:#8a93c8;--c-none:#4b5277;--font-ui:"Geist", system-ui, -apple-system, "Segoe UI", sans-serif;--font-hanzi:"LXGW WenKai TC", "Kaiti TC", KaiTi, "Noto Serif TC", serif;--brush-w:10;--fade:brightness(.4) saturate(.5);--ease:cubic-bezier(.22, 1, .36, 1);--spring:cubic-bezier(.34, 1.56, .64, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.s-pat{--c:var(--c-pat)}.s-mat{--c:var(--c-mat)}.s-sib{--c:var(--c-sib)}.s-spouse{--c:var(--c-spouse)}.s-desc{--c:var(--c-desc)}.s-self{--c:var(--c-self)}.s-neutral{--c:var(--c-neutral)}.s-none{--c:var(--c-none)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;overflow:clip}button{font:inherit;color:inherit}button:disabled{opacity:.5;cursor:default}.ic{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.ic .solid{fill:currentColor}.app,.gate-wrap,.loading{z-index:1;position:relative}.app{flex-direction:column;height:100%;display:flex}.backdrop{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.sky{background:radial-gradient(70% 45% at 50% 108%,#ff8c4629,#0000 70%),radial-gradient(60% 50% at 82% 8%,#7882dc24,#0000 70%),linear-gradient(#080b18 0%,#0e1430 55%,#1a1b3a 100%);position:absolute;inset:0}.stars,.stars2{background-repeat:repeat;position:absolute;inset:0}.stars{opacity:.55;background-image:radial-gradient(1.2px 1.2px at 23px 41px,#fff,#0000),radial-gradient(1px 1px at 131px 87px,#dfe4ff,#0000),radial-gradient(1.4px 1.4px at 211px 19px,#fff5dc,#0000),radial-gradient(1px 1px at 77px 173px,#fff,#0000),radial-gradient(1px 1px at 181px 201px,#cfd6ff,#0000),radial-gradient(1.3px 1.3px at 263px 131px,#fff,#0000);background-size:290px 240px;-webkit-mask-image:linear-gradient(#000 30%,#0000 75%);mask-image:linear-gradient(#000 30%,#0000 75%)}.stars2{will-change:opacity;background-image:radial-gradient(1.6px 1.6px at 60px 60px,#fff,#0000),radial-gradient(1.2px 1.2px at 300px 150px,#ffeccc,#0000),radial-gradient(1.4px 1.4px at 420px 40px,#fff,#0000);background-size:470px 330px;animation:5s ease-in-out infinite alternate twinkle;-webkit-mask-image:linear-gradient(#000 25%,#0000 70%);mask-image:linear-gradient(#000 25%,#0000 70%)}@keyframes twinkle{0%{opacity:.25}to{opacity:.9}}.moon{opacity:.9;background:radial-gradient(circle at 38% 36%,#fffaf0,#f3e2b8 60%,#d9c08c);border-radius:50%;width:92px;height:92px;position:absolute;top:9%;right:11%;box-shadow:0 0 60px 10px #f7e2b438,0 0 160px 40px #f7e2b414}.moon:after{content:"";background:radial-gradient(circle at 62% 58%,#a0825038 0 9%,#0000 10%),radial-gradient(circle at 40% 70%,#a0825029 0 6%,#0000 7%),radial-gradient(circle at 70% 30%,#a082501f 0 5%,#0000 6%);border-radius:50%;position:absolute;inset:0}.hills{width:100%;height:42%;position:absolute;bottom:0;left:0;right:0}.sky-lantern{bottom:-60px;left:var(--x);width:calc(14px * var(--z));height:calc(18px * var(--z));box-shadow:0 0 calc(14px * var(--z)) calc(3px * var(--z)) #ff963c73;opacity:0;will-change:transform, opacity;animation:rise var(--d) linear var(--delay) infinite;background:radial-gradient(circle at 50% 70%,#fff1c4,#ffb458 45%,#e5602c 100%);border-radius:38% 38% 26% 26%/44% 44% 22% 22%;position:absolute}@keyframes rise{0%{opacity:0;transform:translate(0)}8%{opacity:var(--o)}50%{transform:translate(calc(var(--sway) * 1px), -55vh)}85%{opacity:var(--o)}to{transform:translate(calc(var(--sway) * -.4px), -112vh);opacity:0}}.hanging{transform-origin:50% 0;will-change:transform;animation:6s ease-in-out infinite alternate swing;position:absolute;top:52px;left:3%}@keyframes swing{0%{transform:rotate(-1.6deg)}to{transform:rotate(1.6deg)}}.resting .sky-lantern,.resting .stars2,.resting .hanging,.resting .person-card.ego:before{animation-play-state:paused}.topbar{z-index:20;background:linear-gradient(#080b18d9,#080b1800);align-items:center;gap:12px;padding:12px 20px;display:flex;position:relative}.brand{white-space:nowrap;align-items:baseline;gap:10px;display:flex}.brand-zh{font-family:var(--font-hanzi);color:var(--gold);text-shadow:0 0 18px #ffbe5a8c;font-size:28px;font-weight:700;line-height:1}.brand-en{letter-spacing:.02em;font-size:17px;font-weight:500}.spacer{flex:1}.search{align-items:center;margin-left:12px;display:flex;position:relative}.search>.ic{opacity:.6;pointer-events:none;width:16px;height:16px;position:absolute;left:12px}.search input{width:230px;font:inherit;border:1px solid var(--hair);color:var(--ink);transition:width .3s var(--ease), box-shadow .2s, border-color .2s;background:#ffffff0f;border-radius:999px;outline:none;padding:9px 14px 9px 36px;font-size:13.5px}.search input::placeholder{color:var(--ink-soft)}.search input:focus{border-color:#ffd58a73;width:280px;box-shadow:0 0 0 4px #ffd58a1a}.search-results{z-index:60;border:1px solid var(--hair);background:#12162ef7;border-radius:14px;min-width:300px;max-height:360px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 20px 50px -10px #000000b3}.search-results li{cursor:pointer;border-radius:9px;align-items:baseline;gap:8px;padding:9px 11px;font-size:13.5px;display:flex}.search-results li.active{background:#ffffff12}.search-results li b{font-weight:600}.search-results li .zh{font-family:var(--font-hanzi);color:#f4ead6cc;font-size:15px}.search-results li .t{font-family:var(--font-hanzi);color:var(--gold);white-space:nowrap;margin-left:auto;padding-left:10px}.search-results li.none{cursor:default;color:var(--ink-soft);font-style:italic}.ego-banner{white-space:nowrap;color:var(--ink-soft);animation:pop-in .38s var(--spring);background:#ffd58a14;border:1px solid #ffd58a59;border-radius:999px;align-items:center;gap:7px;padding:5px 6px 5px 14px;font-size:12.5px;display:flex}@keyframes pop-in{0%{opacity:.4;transform:scale(.92)}}.ego-banner b{color:var(--gold);font-size:14px;font-weight:600}.ego-banner .v-zh{font-family:var(--font-hanzi);opacity:.8;font-size:14px}.ego-banner .v-lbl{opacity:.75}.ego-banner .v-eye{opacity:.75;width:15px;height:15px;display:none}.ego-banner button{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:24px;height:24px;padding:0;display:grid}.ego-banner button:hover{background:#ffffff1a}.ego-banner button .ic{width:13px;height:13px}.seg{border:1px solid var(--hair);background:#ffffff0f;border-radius:999px;padding:3px;display:flex}.seg button{cursor:pointer;color:var(--ink-soft);background:0 0;border:0;border-radius:999px;padding:5px 12px;font-size:12.5px;transition:background .25s,color .25s}.seg button.on{background:var(--gold);color:#2a1a08;box-shadow:0 0 16px #ffc86e66}.seg.lang button{font-family:var(--font-hanzi);padding:3px 11px;font-size:15px}.viewer-badge{white-space:nowrap;color:var(--c-mat);border:1px solid color-mix(in srgb, var(--c-mat) 45%, transparent);border-radius:999px;padding:5px 12px;font-size:12px}.logout,.theme-toggle{border:1px solid var(--hair);cursor:pointer;width:36px;height:36px;color:var(--ink-soft);background:#ffffff0d;border-radius:50%;place-items:center;padding:0;transition:color .2s,border-color .2s;display:grid}.logout:hover,.theme-toggle:hover{color:var(--gold);border-color:#ffd58a66}.attention{position:relative}.attention-toggle{border:1px solid var(--hair);cursor:pointer;width:36px;height:36px;color:var(--ink-soft);background:#ffffff0d;border-radius:50%;place-items:center;padding:0;transition:color .2s,border-color .2s;display:grid;position:relative}.attention-toggle:hover,.attention-toggle[aria-expanded=true]{color:var(--gold);border-color:#ffd58a66}.attention-count{text-align:center;min-width:16px;height:16px;color:var(--ink-soft);background:var(--glass);border:1px solid var(--hair);border-radius:999px;padding:0 4px;font-size:10px;line-height:16px;position:absolute;top:-3px;right:-3px}.attention-pop{border:1px solid var(--hair);background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:30;border-radius:14px;width:min(360px,100vw - 24px);max-height:min(420px,70vh);padding:14px 14px 8px;position:absolute;top:calc(100% + 10px);right:0;overflow-y:auto;box-shadow:0 18px 40px #00000059}.attention-pop h4{letter-spacing:.04em;margin:0 0 2px;font-size:13px;font-weight:600}.attention-intro{color:var(--ink-soft);margin:0 0 8px;font-size:12px}.attention-pop ul{margin:0;padding:0;list-style:none}.attention-pop li{border-top:1px solid var(--hair);align-items:flex-start;gap:8px;padding:8px 0;display:flex}.attention-fix{color:var(--ink);text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;gap:2px;padding:0;display:flex}.attention-fix b{font-size:13px;font-weight:600}.attention-fix span{color:var(--ink-soft);font-size:12px;line-height:1.4}.attention-fix:hover b{color:var(--gold)}.attention-ok{border:1px solid var(--hair);color:var(--ink-soft);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;flex:none;padding:3px 9px;font-size:11px}.attention-ok:hover{color:var(--ink);border-color:var(--ink-soft)}.canvas-viewport{cursor:grab;touch-action:none;flex:1;position:relative;overflow:clip}.canvas-viewport[data-panning]{cursor:grabbing}.canvas-inner{transform-origin:0 0;position:absolute;top:0;left:0}.connectors{pointer-events:none;position:absolute;inset:0;overflow:visible}.edge,.wave,.halo,.bristle{fill:none;stroke-linecap:round}.guide{fill:none;stroke:none}.brush,.brush-glow,.brush-core{stroke:none}.edge{stroke:var(--c);opacity:.75;transition:opacity .35s,stroke-width .35s}.edge.child{stroke-width:2px}.edge.couple{stroke-width:2.6px;opacity:.85}.edge.lit{opacity:1;stroke-width:3px}.halo{stroke:var(--c);stroke-width:9px;opacity:.12;transition:opacity .35s}.halo.faded{opacity:.02}.halo.lit{opacity:.22}.knot{fill:var(--c);stroke:none;transition:opacity .35s}.edge.faded,.knot.faded{opacity:.08}.pathing .edge,.pathing .knot{opacity:.22}.pathing .halo{opacity:.03}.wave{stroke:var(--c);stroke-width:5px;opacity:.8}.bg-a{stop-color:#fff4d2}.bg-b{stop-color:#ff9a4a}.brush{fill:url(#brushGrad);opacity:.95}.brush-core{fill:#fffaea;opacity:.8}.brush-glow{fill:#ffb65c;opacity:.5;filter:url(#soft)}.bristle{stroke:#14163073;stroke-width:.9px}.person-card{cursor:pointer;-webkit-user-select:none;user-select:none;width:156px;height:128px;color:var(--ink);box-shadow:inset 0 1px 0 #ffffff12, inset 0 -26px 40px -26px color-mix(in srgb, var(--c) 45%, transparent), 0 14px 30px -12px #000000b3;background:linear-gradient(#282e56,#1b2042);border:1px solid #ffffff12;border-radius:16px;transition:filter .4s,box-shadow .3s,background .4s,border-color .4s;position:absolute;top:0;left:0}.person-card:after{content:"";background:var(--c);height:2px;box-shadow:0 0 10px 1px var(--c);opacity:.9;border-radius:2px;position:absolute;bottom:-1px;left:20%;right:20%}.person-card:hover{box-shadow:inset 0 1px 0 #ffffff1a, inset 0 -30px 44px -24px color-mix(in srgb, var(--c) 60%, transparent), 0 0 26px -4px color-mix(in srgb, var(--c) 45%, transparent), 0 14px 30px -12px #000000b3}.person-card .av{color:#22140c;background:radial-gradient(circle at 50% 38%, #fff6de, color-mix(in srgb, var(--c) 85%, #fff) 55%, var(--c));width:38px;height:38px;box-shadow:0 0 16px -2px color-mix(in srgb, var(--c) 75%, transparent);border-radius:50%;place-items:center;font-size:17px;font-weight:600;transition:opacity .3s;display:grid;position:absolute;top:14px;left:11px;overflow:hidden}.person-card .av.hz-glyph,.p-av.hz-glyph{font-family:var(--font-hanzi);font-weight:700}.person-card .av.hz-glyph{font-size:20px}.person-card .av img,.p-av img{object-fit:cover;width:100%;height:100%;display:block}.person-card .av.photo{box-shadow:0 0 0 2px var(--c), 0 0 16px -2px color-mix(in srgb, var(--c) 75%, transparent)}.person-card .zod{border:1.5px solid var(--el);object-fit:cover;background:#1b2040;border-radius:50%;width:18px;height:18px;transition:opacity .3s;position:absolute;top:38px;left:35px}.person-card .full{transition:opacity .3s;position:absolute;inset:0}.person-card .names{flex-direction:column;justify-content:center;height:60px;display:flex;position:absolute;top:10px;left:57px;right:8px}.person-card .en{letter-spacing:-.005em;color:#fdf9f0;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13.5px;font-weight:600;line-height:1.2;display:-webkit-box;overflow:hidden}.person-card .names[data-fit]{height:70px;top:5px}.person-card .names[data-fit="1"] .en{-webkit-line-clamp:3;font-size:11.5px;line-height:1.15}.person-card .names[data-fit="2"] .en{-webkit-line-clamp:3;letter-spacing:-.01em;font-size:10px;line-height:1.15}.person-card .sub{white-space:nowrap;flex-wrap:wrap;align-items:baseline;column-gap:6px;height:22px;margin-top:2px;transition:opacity .3s;display:flex;overflow:hidden}.person-card .sub .zh{font-family:var(--font-hanzi);color:#f4ead6c7;transform-origin:0 55%;font-size:17px;line-height:22px;transition:transform .3s;display:inline-block}.person-card .sub .yrs{font-variant-numeric:tabular-nums;color:#e2def594;font-size:10.5px;transition:opacity .3s}.person-card .kin{text-align:center;transform-origin:50% 60%;transition:transform .35s var(--ease);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:76px 8px 9px}.person-card .kin .hz{font-family:var(--font-hanzi);color:var(--c);font-size:15px;font-weight:700;line-height:1.2}.person-card .kin .rom{letter-spacing:.02em;color:#e2def5a8;margin-top:1px;font-size:10.5px}.person-card .kin .fb{color:#e2def5bf;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;font-style:italic;line-height:1.25;display:-webkit-box;overflow:hidden}.person-card .far{opacity:0;pointer-events:none;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:0 8px;transition:opacity .3s;display:flex;position:absolute;inset:0}.person-card .far-n{letter-spacing:-.01em;color:#fdf9f0;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;font-size:25px;font-weight:600;line-height:1.05;display:-webkit-box;overflow:hidden}.person-card .far-t{font-family:var(--font-hanzi);color:var(--c);font-size:26px;font-weight:700;line-height:1}.person-card .tag{opacity:0;white-space:nowrap;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);transition:opacity .35s, transform .45s var(--spring);pointer-events:none;background:#1a1230;border:1px solid #ffd58a80;border-radius:999px;padding:3px 10px;font-size:9.5px;font-weight:600;position:absolute;top:-11px;left:50%;transform:translate(-50%)scale(.6);box-shadow:0 0 14px #ffbe5a66}.person-card.ego .tag{opacity:1;transform:translate(-50%)scale(1)}.person-card .hop{opacity:0;pointer-events:none;color:#3a1d08;background:#fff0c8;border-radius:50%;place-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:grid;position:absolute;top:-11px;left:-11px;transform:scale(.3);box-shadow:0 0 14px 2px #ffdc96cc}.person-card.on-path .hop{animation:hop-in .5s var(--spring) var(--hop-delay) forwards}.person-card.ego.on-path .hop{display:none}@keyframes hop-in{to{opacity:1;transform:scale(1)}}.person-card.faded,.pathing .person-card:not(.on-path){filter:var(--fade)}.person-card.dec{background:linear-gradient(#22263c,#16192c)}.person-card.dec .av{background:radial-gradient(circle at 50% 38%,#f4f4ff,#b9bfd8 60%,#8990ad);box-shadow:0 0 16px -2px #c8d2ff73}.person-card.dec .zod{filter:grayscale()}.rip{animation:rip .55s var(--spring) backwards}@keyframes rip{0%{opacity:0;transform:translateY(8px)scale(.85)}}.person-card.ego{color:#2e1608;background:radial-gradient(120% 110% at 50% 0,#fff0c6,#ffc46a 55%,#f08b3a);border-color:#ffe6aa99;box-shadow:0 0 0 1px #ffe6aa80,0 0 40px 2px #ffaa4680}.person-card.ego:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;will-change:opacity;animation:4s ease-in-out infinite breathe;position:absolute;inset:0;box-shadow:0 0 60px 8px #ffaa468c,0 0 140px 24px #ff8c3240}@keyframes breathe{0%,to{opacity:.35}50%{opacity:1}}.person-card.ego .en,.person-card.ego .far-n{color:#2a1206}.person-card.ego .sub .zh,.person-card.ego .sub .yrs,.person-card.ego .kin .rom{color:#3c1e0ab8}.person-card.ego .kin .hz,.person-card.ego .far-t{color:#9a2c10}.person-card.ego .av{color:#9a2c10;box-shadow:none;background:radial-gradient(circle at 50% 38%,#fff,#ffe3a8)}.person-card.ego:after{display:none}.person-card.on-path:not(.ego){animation:lantern-on .7s var(--ease) var(--hop-delay) both}.person-card.path-end:not(.ego):before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;box-shadow:0 0 56px 6px color-mix(in srgb, var(--c) 60%, transparent);opacity:0;will-change:opacity;animation:breathe 2.8s ease-in-out calc(var(--hop-delay) + .7s) infinite;position:absolute;inset:0}@keyframes lantern-on{to{box-shadow:0 0 0 1px #ffe6aa59, 0 0 34px 0 color-mix(in srgb, var(--c) 60%, transparent), inset 0 -40px 50px -24px color-mix(in srgb, var(--c) 60%, transparent);border-color:#ffe6aa80}}.person-card.sel:not(.on-path):not(.ego){border-color:#ffe6aa73}.person-card.flash{animation:flash 2s var(--ease)}@keyframes flash{0%,60%{box-shadow:0 0 #ffdc96e6}30%{box-shadow:0 0 30px 16px #ffdc9600}}[data-lod=mid] .person-card .sub .yrs{opacity:0}[data-lod=mid] .person-card .sub .zh{transform:scale(1.15)}[data-lod=mid] .person-card .kin{transform:scale(1.2)}[data-lod=far] .person-card .full,[data-lod=far] .person-card .av,[data-lod=far] .person-card .zod{opacity:0}[data-lod=far] .person-card .far{opacity:1}[data-lod=far] .person-card.wordless .far-t{font-size:22px}[data-lod=far] .person-card{background:radial-gradient(circle at 50% 55%, color-mix(in srgb, var(--c) 30%, #1c2146), #141832 75%);box-shadow:0 0 40px -6px color-mix(in srgb, var(--c) 60%, transparent), inset 0 0 30px -8px color-mix(in srgb, var(--c) 70%, transparent);border-radius:44% 44% 36% 36%/50% 50% 40% 40%}[data-lod=far] .person-card:after{height:8px;box-shadow:none;opacity:.7;border-radius:0 0 4px 4px;bottom:-8px;left:38%;right:38%}[data-lod=far] .person-card.ego{background:radial-gradient(circle,#fff4d6,#ffc46a 55%,#f08b3a)}[data-lod=far] .more-chip{opacity:0;pointer-events:none}.more-chip{z-index:2;white-space:nowrap;cursor:pointer;color:var(--gold);background:#1a1d3c;border:1px solid #ffd58a73;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600;transition:background .2s,color .2s,opacity .3s;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 4px 14px -4px #0009}.more-chip.up{top:-13px}.more-chip.down{bottom:-13px}.more-chip:hover{background:var(--gold);color:#2a1a08}.person-card.ego .more-chip.up{top:-34px}.legend{z-index:10;flex-direction:column;gap:6px;display:flex;position:absolute;bottom:18px;left:16px}.lg{white-space:nowrap;border:1px solid var(--hair);cursor:default;text-align:left;background:var(--glass);color:var(--ink-soft);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .25s var(--spring), background .25s;border-radius:999px;flex:none;align-items:center;gap:8px;padding:6px 12px 6px 8px;font-size:12px;display:flex}.lg i{background:var(--c);width:18px;height:4px;box-shadow:0 0 8px var(--c);border-radius:2px}.lg b{font-family:var(--font-hanzi);color:var(--ink-soft);font-size:12.5px;font-weight:400}.lg .lg-en,.lg .lg-sh{color:var(--c);font-weight:500}.lg .lg-sh{display:none}.lg:hover,.lg.on{background:#22284ce6;transform:translate(4px)}.nav-controls{z-index:10;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;bottom:18px;right:16px}.nav-btn{cursor:pointer;background:var(--glass);min-width:44px;height:44px;color:var(--ink);border:1px solid var(--hair);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .25s var(--spring), color .2s, border-color .2s;border-radius:999px;place-items:center;padding:0;display:grid}.nav-btn:hover{color:var(--gold);border-color:#ffd58a66;transform:scale(1.08)}.nav-btn .ic{width:20px;height:20px}.nav-btn.wide{align-items:center;gap:7px;padding:0 15px 0 12px;font-size:13px;display:flex}.nav-btn.wide:hover{transform:translateY(-1px)}.nav-btn.phone-only{display:none}.canvas-viewport>.hint{z-index:9;white-space:nowrap;color:var(--gold);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .8s, transform .8s var(--ease);background:#ffd58a1a;border:1px solid #ffd58a40;border-radius:999px;padding:8px 16px;font-size:12.5px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.canvas-viewport>.hint.gone{opacity:0;pointer-events:none;transform:translate(-50%,12px)}.toast{z-index:90;opacity:0;text-align:center;pointer-events:none;background:var(--gold);color:#2a1a08;max-width:min(460px,100vw - 32px);transition:.45s var(--spring);border-radius:12px;padding:10px 18px;font-size:13px;line-height:1.45;position:fixed;bottom:28px;left:50%;transform:translate(-50%,30px)}.toast.show{opacity:1;transform:translate(-50%)}.profile-panel{z-index:50;overscroll-behavior:contain;-webkit-backdrop-filter:blur(22px)saturate(1.3);backdrop-filter:blur(22px)saturate(1.3);border:1px solid var(--hair);width:390px;color:var(--ink);background:#0e1226e6;border-radius:22px;position:fixed;top:12px;bottom:12px;right:12px;overflow-y:auto;box-shadow:0 40px 90px -20px #000c}.profile-panel .grab{display:none}.p-close{z-index:2;cursor:pointer;width:34px;height:34px;color:var(--ink);background:#ffffff14;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:14px;right:14px}.p-close .ic{width:16px;height:16px}.p-head{background:radial-gradient(100% 120% at 20% 0%, color-mix(in srgb, var(--c) 26%, transparent), transparent 65%);padding:26px 26px 22px;position:relative}.p-av{color:#22140c;background:radial-gradient(circle at 50% 38%, #fff6de, color-mix(in srgb, var(--c) 85%, #fff) 55%, var(--c));width:58px;height:58px;box-shadow:0 0 30px -2px color-mix(in srgb, var(--c) 70%, transparent);border-radius:50%;place-items:center;margin-bottom:14px;font-size:24px;font-weight:700;display:grid;overflow:hidden}.p-av.hz-glyph{font-size:27px}.p-av.photo{width:72px;height:72px;box-shadow:0 0 0 2px var(--c), 0 0 30px -2px color-mix(in srgb, var(--c) 70%, transparent)}.p-coins{display:flex;position:absolute;top:22px;right:60px}.p-coins img{filter:drop-shadow(0 0 12px #ffc86459);border-radius:50%;width:58px;height:58px}.p-coins img+img{width:46px;height:46px;margin:12px 0 0 -14px}.p-name{letter-spacing:-.015em;color:#fff9ee;padding-right:110px;font-size:27px;font-weight:600;line-height:1.15}.p-sub{color:var(--ink-soft);align-items:baseline;gap:10px;margin-top:5px;font-size:13px;display:flex}.p-sub .p-zh{font-family:var(--font-hanzi);color:#f4ead6d9;font-size:24px}.p-sub:empty{display:none}.p-term{flex-wrap:wrap;align-items:baseline;gap:10px;margin-top:16px;display:flex}.p-term .hz{font-family:var(--font-hanzi);color:var(--c);font-size:21px;font-weight:700;line-height:1}.p-term .rom{letter-spacing:.03em;color:var(--ink-soft);font-size:13px}.speak{cursor:pointer;background:color-mix(in srgb, var(--c) 18%, transparent);width:32px;height:32px;color:var(--c);transition:transform .2s var(--spring);border:0;border-radius:50%;align-self:center;place-items:center;display:grid}.speak:hover{transform:scale(1.12)}.speak .ic{width:16px;height:16px}.speak.speaking{animation:1s ease-in-out infinite speaking}@keyframes speaking{50%{transform:scale(1.15)}}.p-desc{color:var(--ink-soft);margin-top:8px;font-size:14.5px;line-height:1.45}.p-side{color:var(--c);border:1px solid color-mix(in srgb, var(--c) 40%, transparent);border-radius:999px;margin-top:12px;padding:3px 10px;font-size:11.5px;display:inline-block}.p-body{padding:4px 26px 28px}.p-sec h4{text-transform:uppercase;letter-spacing:.12em;color:var(--ink-soft);margin:24px 0 10px;font-size:11px;font-weight:600}.hops{color:var(--ink-soft);margin:0;padding:0;list-style:none;position:relative}.hops:before{content:"";opacity:.5;background:linear-gradient(#fff4d2,#ff9a4a);border-radius:1px;width:2px;position:absolute;top:18px;bottom:18px;left:9px}.hops li{cursor:pointer;opacity:0;animation:hop-in-list .45s var(--spring) forwards;border-radius:10px;padding:4px 10px 4px 30px;position:relative}.hops li:hover{background:#ffffff0f}.hops li:before{content:"";background:#ffd58a;border-radius:50%;width:8px;height:8px;position:absolute;bottom:11px;left:4px}.hops li.hop-me:before,.hops li.hop-end:before{width:12px;height:12px;bottom:9px;left:2px}.hops li.hop-end:before{background:#ff9a4a;box-shadow:0 0 12px 2px #ff9a4ab3}.hops li:first-child{animation-delay:50ms}.hops li:nth-child(2){animation-delay:.35s}.hops li:nth-child(3){animation-delay:.65s}.hops li:nth-child(4){animation-delay:.95s}.hops li:nth-child(5){animation-delay:1.25s}.hops li:nth-child(n+6){animation-delay:1.55s}@keyframes hop-in-list{0%{opacity:0;transform:translateY(6px)scale(.9)}to{opacity:1;transform:none}}.hops li.hop-me,.hops li.hop-end{cursor:default}.hops li.hop-end{background:#ffd58a17}.h-step{opacity:.7;padding:2px 0 3px;font-size:11.5px;font-style:italic;display:block}.h-row{align-items:baseline;gap:10px;display:flex}.h-en{color:#fbf3e2;font-size:14.5px;font-weight:600;line-height:1.35}.h-hz{font-family:var(--font-hanzi);white-space:nowrap;color:#f4ead6d9;margin-left:auto;font-size:15px}.hop-me .h-en,.hop-end .h-en{color:var(--gold)}.hop-me .h-hz{font-family:var(--font-ui);opacity:.7;font-size:12.5px}.p-actions{flex-direction:column;gap:8px;margin-top:22px;display:flex}.btn{cursor:pointer;color:var(--ink);border:1px solid var(--hair);transition:transform .25s var(--spring), filter .2s, background .2s;background:#ffffff12;border-radius:14px;justify-content:center;align-items:center;gap:9px;padding:12px 16px;font-size:13.5px;display:flex}.btn:hover{transform:translateY(-1px)}.btn.primary{color:#2e1608;background:linear-gradient(#ffe2a0,#ffb35a);border:0;font-weight:500;box-shadow:0 0 30px -6px #ffaa46b3}.btn.primary:hover{filter:brightness(1.06)}.btn.ghost{color:var(--ink-soft);background:0 0;border-color:#0000}.facts{grid-template-columns:118px 1fr;gap:11px 8px;margin:24px 0 0;font-size:13.5px;line-height:1.4;display:grid}.facts dt{color:var(--ink-soft)}.facts dd{margin:0}.facts .zz{font-family:var(--font-hanzi);color:var(--gold);margin-right:6px;font-size:16px}.facts .lunar{font-family:var(--font-hanzi);color:#f4ead6b3;margin-top:2px;font-size:14px;display:block}.muted{opacity:.65}.lnk{cursor:pointer;color:var(--ink);text-underline-offset:3px;background:0 0;border:0;padding:0;-webkit-text-decoration:underline #ffffff4d;text-decoration:underline #ffffff4d;text-decoration-thickness:1px}.lnk:hover{color:var(--gold);text-decoration-color:currentColor}.story{white-space:pre-wrap;color:#f4ead6e0;margin:0;font-size:13.5px;line-height:1.6}.grow{flex-wrap:wrap;gap:8px;display:flex}.grow button{cursor:pointer;border:1px solid var(--hair);color:var(--ink);transition:transform .2s var(--spring), background .2s, border-color .2s;background:#ffffff0a;border-radius:999px;align-items:center;gap:6px;padding:7px 13px 7px 10px;font-size:12.5px;display:flex}.grow button:hover{border-color:#ffd58a66;transform:translateY(-1px)}.grow .ic{width:14px;height:14px}.grow .link-parent{color:var(--gold);background:#ffd58a14;border-color:#ffd58a73}.grow .danger{color:var(--danger)}.grow .danger:hover{border-color:color-mix(in srgb, var(--danger) 60%, transparent)}.p-err{color:var(--danger);margin-top:8px;font-size:12.5px}.gate-wrap{justify-content:center;align-items:center;height:100%;display:flex}.gate{text-align:center;width:360px;max-width:90vw;padding:24px}.gate-lantern{transform-origin:50% 0;flex-direction:column;align-items:center;margin:0 auto 18px;animation:5s ease-in-out infinite alternate swing;display:flex}.gl-cord{background:#6b6488;width:1.5px;height:26px}.gl-body{width:84px;height:72px;font-family:var(--font-hanzi);color:#7a1c10;background:radial-gradient(circle at 50% 55%,#fff1c4,#ffb458 45%,#e5602c 100%);border-top:5px solid #c9962f;border-bottom:5px solid #c9962f;border-radius:46% 46% 40% 40%/50% 50% 44% 44%;place-items:center;font-size:32px;font-weight:700;display:grid;box-shadow:0 0 50px 8px #ff963c73,inset 0 -8px 16px #a0281459}.gl-tassel{background:#e9b44c;border-radius:2px;width:3px;height:26px}.gate h1{letter-spacing:.02em;margin:0;font-size:22px;font-weight:500}.gate h1 .zh{font-family:var(--font-hanzi);letter-spacing:.12em;color:var(--gold);text-shadow:0 0 22px #ffbe5a8c;margin-bottom:4px;font-size:44px;font-weight:700;display:block}.gate p{color:var(--ink-soft);margin:12px 0 26px;font-size:14px;line-height:1.55}.gate input{width:100%;font:inherit;text-align:center;color:var(--ink);background:#ffffff12;border:1px solid #ffffff24;border-radius:999px;outline:none;padding:13px 20px;font-size:15px;transition:border-color .2s,box-shadow .2s}.gate input::placeholder{color:var(--ink-soft)}.gate input:focus{border-color:#ffd58a80;box-shadow:0 0 0 4px #ffd58a1f}.gate button{cursor:pointer;color:#2e1608;width:100%;transition:transform .2s var(--spring), filter .2s;background:linear-gradient(#ffe2a0,#ffb35a);border:0;border-radius:999px;margin-top:14px;padding:13px;font-size:15px;font-weight:500;box-shadow:0 0 30px -6px #ffaa46b3}.gate button:hover{filter:brightness(1.06);transform:translateY(-1px)}.gate .err{color:var(--danger);min-height:18px;margin-top:10px;font-size:13px}.modal-scrim{z-index:70;background:#05071099;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{border:1px solid var(--hair);width:380px;max-width:100%;max-height:90vh;color:var(--ink);background:#121633;border-radius:20px;padding:24px;overflow-y:auto;box-shadow:0 40px 90px -20px #000000d9}.modal h3{color:#fff9ee;margin:0 0 4px;font-size:19px;font-weight:600}.modal .hint{color:var(--ink-soft);margin:0 0 10px;font-size:12.5px}.modal label{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);margin:14px 0 5px;font-size:11px;display:block}.modal label .req{color:var(--c-pat)}.modal label .opt{text-transform:none;letter-spacing:0;opacity:.8}.modal label.check{cursor:pointer;text-transform:none;letter-spacing:0;color:var(--ink);align-items:center;gap:8px;margin-top:16px;font-size:13.5px;display:flex}.modal label.check input{width:16px;height:16px;accent-color:var(--gold);cursor:pointer}.modal input[type=text],.modal input[type=date],.modal input[type=number],.modal textarea{width:100%;font:inherit;color:var(--ink);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;outline:none;padding:10px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.modal input::placeholder,.modal textarea::placeholder{color:#e2def561}.modal input:focus,.modal textarea:focus{border-color:#ffd58a80;box-shadow:0 0 0 3px #ffd58a1f}.modal .seg{border-radius:12px;padding:3px}.modal .seg button{border-radius:9px;flex:1;padding:8px;font-size:13.5px}.modal .actions{gap:10px;margin-top:18px;display:flex}.modal .actions .btn.primary{flex:1}.modal .err{color:var(--danger);white-space:pre-line;min-height:16px;margin-top:10px;font-size:12.5px;line-height:1.45}.modal .warn{border:1px solid var(--gold);color:var(--ink);border-radius:10px;margin-top:12px;padding:10px 12px;font-size:12.5px;line-height:1.45}.modal .warn ul{margin:6px 0 0;padding-left:18px}.modal .hint.reorder{margin:6px 0 0}.empty-state{z-index:1;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:20px;display:flex;position:relative}.empty-state h2{color:var(--gold);margin:0;font-weight:600}.empty-state p{color:var(--ink-soft);margin:0 0 12px;font-size:14px}.loading{height:100%;color:var(--gold);letter-spacing:.04em;justify-content:center;align-items:center;font-size:14px;display:flex}@media (width<=720px){.hanging{display:none}.moon{width:64px;height:64px;top:16%}.lg,.nav-btn,.canvas-viewport>.hint{-webkit-backdrop-filter:none;backdrop-filter:none;background:#141932f0}.profile-panel{-webkit-backdrop-filter:none;backdrop-filter:none;background:#10142a}.topbar{flex-wrap:wrap;gap:8px;padding:9px 12px}.brand{order:1}.brand-en{display:none}.ego-banner{flex:0 auto;order:2;gap:4px;min-width:0;margin-left:auto;padding:3px 3px 3px 11px;font-size:11px}.ego-banner b{text-overflow:ellipsis;min-width:0;font-size:13px;overflow:hidden}.ego-banner .v-zh,.ego-banner .v-lbl{display:none}.ego-banner .v-eye{display:block}.seg.lang{order:3}.logout,.theme-toggle{order:4;width:34px;height:34px}.attention{order:4}.attention-toggle{width:34px;height:34px}.attention-pop{position:fixed;top:58px;right:12px}.viewer-badge{order:5;padding:4px 9px;font-size:11px}.search{flex:100%;order:10;min-width:0;margin:0}.search input,.search input:focus{width:100%;padding-top:7px;padding-bottom:7px;font-size:16px}.search-results{min-width:0;right:0}.spacer,.seg.mode{display:none}.nav-btn.phone-only{display:grid}.legend{scrollbar-width:none;flex-flow:row;gap:4px;bottom:12px;left:10px;right:64px;overflow-x:auto}.lg{cursor:pointer;gap:5px;padding:5px 8px 5px 6px;font-size:11px}.lg i{width:12px}.lg .lg-en,.lg b{display:none}.lg .lg-sh{display:inline}.lg:hover,.lg.on{transform:translateY(-2px)}.nav-controls{gap:6px;bottom:12px;right:10px}.nav-btn{min-width:42px;height:42px}.nav-btn .ic{width:19px;height:19px}.nav-btn.wide span{display:none}.nav-btn.wide{justify-content:center;width:42px;padding:0}.canvas-viewport>.hint{white-space:normal;text-align:center;width:max-content;max-width:86vw;top:12px;bottom:auto}.profile-panel{border-bottom:0;border-radius:24px 24px 0 0;width:100%;height:70dvh;inset:auto 0 0}.profile-panel .grab{background:#fff3;border-radius:3px;width:42px;height:5px;margin:9px auto 0;display:block}.p-head{padding:14px 20px 18px}.p-body{padding:0 20px 30px}.p-coins{top:26px;right:56px}.p-coins img{width:48px;height:48px}.p-coins img+img{width:38px;height:38px}.p-name{padding-right:96px;font-size:24px}.facts{grid-template-columns:104px 1fr}.grow button{padding:9px 14px 9px 11px;font-size:13px}.modal-scrim{align-items:flex-end;padding:0}.modal{border-radius:22px 22px 0 0;width:100%;max-height:92dvh;padding:20px 18px 28px}.modal input[type=text],.modal input[type=date],.modal input[type=number],.modal textarea,.gate input{font-size:16px}.modal .actions .btn{padding:12px 16px}.more-chip{padding:5px 12px;font-size:12px}.more-chip.up{top:-15px}.more-chip.down{bottom:-15px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}}[data-theme=day]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f1ece0;--paper:#faf6ec;--card:#fdfaf2;--ink:#1f2a24;--ink-soft:#5d675f;--hair:#372d1e21;--glass:#faf6ecdb;--cinnabar:#b83c2b;--gold:var(--cinnabar);--danger:#b3261e;--c-pat:#2c5c46;--c-mat:#2b6a86;--c-sib:#b0782c;--c-spouse:#97486a;--c-desc:#6b8a2e;--c-self:var(--cinnabar);--c-neutral:#8e8373;--c-none:#b9b1a2;--fade:grayscale(.7) contrast(.45) brightness(1.2)}.day-sky .paper{background:radial-gradient(120% 80% at 50% 0,#ffffff8c,#0000 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .28 0 0 0 0 .18 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),linear-gradient(#f5f1e6,#ebe4d3);position:absolute;inset:0}.day-sky .sun{opacity:.1;background:radial-gradient(circle at 42% 40%,#d0543e,#b83c2b 70%);border-radius:50%;width:104px;height:104px;position:absolute;top:12%;right:14%}.day-sky .scene{width:100%;height:100%;position:absolute;inset:0}.day-sky .mist{will-change:transform;background:radial-gradient(closest-side,#f5f1e6cc,#f5f1e600);border-radius:50%;position:absolute}.day-sky .mist-a{width:50vw;height:13vh;animation:38s ease-in-out infinite alternate drift;bottom:20%;left:6%}.day-sky .mist-b{width:54vw;height:12vh;animation:52s ease-in-out infinite alternate-reverse drift;bottom:26%;right:6%}@keyframes drift{0%{transform:translate(-60px)}to{transform:translate(60px)}}.day-sky .birds{opacity:.3;will-change:transform;animation:70s linear infinite fly;position:absolute;top:20%;left:0}@keyframes fly{0%{transform:translate(-90px)}to{transform:translate(calc(100vw + 90px),-80px)}}.day-sky .bamboo{opacity:.2;transform-origin:70% 100%;will-change:transform;width:auto;height:88vh;animation:12s ease-in-out infinite bamboo-sway;position:absolute;bottom:0;right:0}@keyframes bamboo-sway{50%{transform:rotate(.8deg)}}.resting .day-sky .mist,.resting .day-sky .birds,.resting .day-sky .bamboo{animation-play-state:paused}[data-theme=day] .topbar{border-bottom:1px solid var(--hair);background:linear-gradient(#faf6ecf0,#faf6ec99)}[data-theme=day] .brand-zh{color:#fff8ee;background:var(--cinnabar);letter-spacing:.06em;text-shadow:none;border-radius:5px;padding:6px 7px 5px;font-size:20px;transform:rotate(-3deg);box-shadow:inset 0 0 0 2px #fff8ee59}[data-theme=day] .brand-en{color:var(--ink);font-weight:600}[data-theme=day] .search input{background:#ffffffa6}[data-theme=day] .search input:focus{border-color:var(--ink-soft);box-shadow:0 0 0 4px #b83c2b1f}[data-theme=day] .search-results{background:var(--paper);box-shadow:0 18px 40px -12px #281e144d}[data-theme=day] .search-results li.active{background:#1f2a2412}[data-theme=day] .search-results li .zh{color:#4c574f}[data-theme=day] .ego-banner{background:#ffffff8c;border-color:#b83c2b66}[data-theme=day] .ego-banner button:hover{background:#b83c2b1f}[data-theme=day] .seg{background:#1f2a2412}[data-theme=day] .seg button.on{background:var(--ink);color:var(--paper);box-shadow:none}[data-theme=day] .logout,[data-theme=day] .theme-toggle,[data-theme=day] .attention-toggle{background:#fff9}[data-theme=day] .attention-toggle:hover,[data-theme=day] .attention-toggle[aria-expanded=true]{border-color:#b83c2b66}[data-theme=day] .attention-pop{box-shadow:0 18px 40px #3c2d1429}[data-theme=day] .logout:hover,[data-theme=day] .theme-toggle:hover{border-color:#b83c2b66}[data-theme=day] .edge{opacity:.78}[data-theme=day] .edge.couple{opacity:.9}[data-theme=day] .edge.lit{opacity:1}[data-theme=day] .halo{opacity:.05}[data-theme=day] .halo.faded{opacity:0}[data-theme=day] .halo.lit{opacity:.1}[data-theme=day] .pathing .edge,[data-theme=day] .pathing .knot{opacity:.22}[data-theme=day] .pathing .halo{opacity:0}[data-theme=day] .wave{stroke-width:7px;opacity:.35}[data-theme=day] .bg-a{stop-color:#c2452f}[data-theme=day] .bg-b{stop-color:#9e2f22}[data-theme=day] .brush{opacity:1}[data-theme=day] .brush-core{fill:#d9634c;opacity:.35}[data-theme=day] .brush-glow{fill:var(--cinnabar);opacity:.12}[data-theme=day] .bristle{stroke:#faf6ecb3}[data-theme=day] .person-card{background:var(--card);border:1px solid var(--hair);border-radius:12px;box-shadow:inset 0 1px #fff,0 1px 2px #281e1412,0 10px 22px -12px #281e144d}[data-theme=day] .person-card:after,[data-theme=day] [data-lod=far] .person-card:after{width:3px;height:auto;box-shadow:none;opacity:.85;border-radius:0 3px 3px 0;inset:16px auto 16px -1px}[data-theme=day] .person-card:hover{box-shadow:inset 0 1px #fff,0 2px 4px #281e1414,0 18px 34px -14px #281e1466}[data-theme=day] .person-card .av{color:var(--c);background:color-mix(in srgb, var(--c) 11%, #fffdf7);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--c) 40%, transparent)}[data-theme=day] .person-card .av.photo{box-shadow:0 0 0 2px var(--c)}[data-theme=day] .person-card .zod{background:var(--paper);box-shadow:0 1px 3px #0003}[data-theme=day] .person-card .en,[data-theme=day] .person-card .far-n{color:var(--ink)}[data-theme=day] .person-card .sub .zh{color:#4c574f}[data-theme=day] .person-card .sub .yrs,[data-theme=day] .person-card .kin .rom,[data-theme=day] .person-card .kin .fb{color:var(--ink-soft)}[data-theme=day] .person-card .tag{background:var(--cinnabar);color:#fff8ee;border-color:#0000;border-radius:4px;box-shadow:0 3px 8px -2px #b83c2b80}[data-theme=day] .person-card .hop{background:var(--cinnabar);color:#fff8ee;box-shadow:0 2px 6px #b83c2b73}[data-theme=day] .person-card.dec{background:#f6f2e8}[data-theme=day] .person-card.dec .av{color:#6d6a62;background:#ece8de;box-shadow:inset 0 0 0 1.5px #281e1426}[data-theme=day] .person-card.dec .av.photo,[data-theme=day] .person-card.dec .zod{filter:grayscale();opacity:.75}[data-theme=day] .person-card.dec .en{color:#4c544e}[data-theme=day] .person-card.ego{color:var(--ink);background:#fffaf2;border-color:#b83c2b8c;box-shadow:0 0 0 4px #b83c2b1a,0 16px 30px -12px #b83c2b66}[data-theme=day] .person-card.ego:before{box-shadow:0 0 0 10px #b83c2b14,0 0 44px 4px #b83c2b29}[data-theme=day] .person-card.ego:after{display:block}[data-theme=day] .person-card.ego .en,[data-theme=day] .person-card.ego .far-n{color:var(--ink)}[data-theme=day] .person-card.ego .sub .zh{color:#4c574f}[data-theme=day] .person-card.ego .sub .yrs,[data-theme=day] .person-card.ego .kin .rom{color:var(--ink-soft)}[data-theme=day] .person-card.ego .kin .hz,[data-theme=day] .person-card.ego .far-t{color:var(--cinnabar)}[data-theme=day] .person-card.ego .av{color:var(--cinnabar);background:color-mix(in srgb, var(--cinnabar) 11%, #fffdf7);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--cinnabar) 45%, transparent)}[data-theme=day] .person-card.on-path:not(.ego){animation-name:seal-in}@keyframes seal-in{to{border-color:#b83c2b99;box-shadow:0 0 0 4px #b83c2b24,0 16px 30px -12px #b83c2b66}}[data-theme=day] .person-card.path-end:not(.ego):before{box-shadow:0 0 0 9px #b83c2b1a,0 0 40px 2px #b83c2b2e}[data-theme=day] .person-card.sel:not(.on-path):not(.ego){border-color:#b83c2b66}[data-theme=day] .person-card.flash{animation-name:flash-day}@keyframes flash-day{0%,60%{box-shadow:0 0 #b83c2bb3}30%{box-shadow:0 0 0 16px #b83c2b00}}[data-theme=day] [data-lod=far] .person-card{background:color-mix(in srgb, var(--c) 8%, var(--card));border-radius:18px;box-shadow:0 1px 2px #281e1412,0 10px 22px -12px #281e144d}[data-theme=day] [data-lod=far] .person-card.ego{background:#fffaf2}[data-theme=day] .more-chip{background:var(--paper);border-color:#b83c2b66;box-shadow:0 4px 12px -5px #281e1459}[data-theme=day] .more-chip:hover{background:var(--cinnabar);color:#fff8ee}[data-theme=day] .lg{box-shadow:0 2px 8px -3px #281e1440}[data-theme=day] .lg i{box-shadow:none}[data-theme=day] .lg:hover,[data-theme=day] .lg.on{background:var(--card)}[data-theme=day] .nav-btn{box-shadow:0 4px 14px -6px #281e1459}[data-theme=day] .nav-btn:hover{border-color:#b83c2b66}[data-theme=day] .canvas-viewport>.hint{color:#f4efe2;background:#1f2a24d1;border-color:#0000}[data-theme=day] .toast{background:var(--ink);color:var(--paper)}[data-theme=day] .profile-panel{background:var(--paper);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 30px 70px -20px #281e1473, 0 0 0 1px var(--hair)}[data-theme=day] .p-close{background:#fff9}[data-theme=day] .p-head{background:radial-gradient(90% 120% at 100% 0%, color-mix(in srgb, var(--c) 20%, transparent), transparent 70%), linear-gradient(180deg, color-mix(in srgb, var(--c) 9%, var(--paper)), var(--paper))}[data-theme=day] .p-av{color:var(--c);background:color-mix(in srgb, var(--c) 12%, #fffdf7);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--c) 40%, transparent)}[data-theme=day] .p-av.photo{box-shadow:0 0 0 2px var(--c)}[data-theme=day] .p-coins img{filter:drop-shadow(0 3px 5px #281e144d)}[data-theme=day] .p-name,[data-theme=day] .modal h3{color:var(--ink)}[data-theme=day] .p-sub .p-zh{color:#4c574f}[data-theme=day] .p-side{background:color-mix(in srgb, var(--c) 10%, transparent)}[data-theme=day] .hops:before{background:var(--cinnabar);opacity:.4}[data-theme=day] .hops li:hover{background:#1f2a240f}[data-theme=day] .hops li:before,[data-theme=day] .hops li.hop-end:before{background:var(--cinnabar);box-shadow:none}[data-theme=day] .hops li.hop-end{background:#b83c2b12}[data-theme=day] .h-en{color:var(--ink)}[data-theme=day] .h-hz{color:var(--ink-soft)}[data-theme=day] .hop-me .h-en,[data-theme=day] .hop-end .h-en{color:var(--cinnabar)}[data-theme=day] .btn{background:#1f2a240f}[data-theme=day] .btn.primary{background:var(--ink);color:var(--paper);box-shadow:0 8px 18px -8px #1f2a2499}[data-theme=day] .btn.primary:hover{filter:none;background:#2c3a32}[data-theme=day] .btn.ghost{background:0 0}[data-theme=day] .facts .lunar{color:var(--ink-soft)}[data-theme=day] .lnk{text-decoration-color:#1f2a244d}[data-theme=day] .story{color:var(--ink)}[data-theme=day] .grow button{background:#fff}[data-theme=day] .grow button:hover{border-color:var(--ink-soft)}[data-theme=day] .grow .link-parent{background:#b83c2b0f;border-color:#b83c2b66}[data-theme=day] .gate-lantern{animation:none}[data-theme=day] .gl-cord,[data-theme=day] .gl-tassel{display:none}[data-theme=day] .gl-body{color:#fff8ee;background:var(--cinnabar);border:0;border-radius:10px;width:80px;height:80px;transform:rotate(-3deg);box-shadow:inset 0 0 0 3px #fff8ee59,0 12px 26px -10px #b83c2b99}[data-theme=day] .gate h1 .zh{text-shadow:none}[data-theme=day] .gate input{border-color:var(--hair);background:#ffffffb3}[data-theme=day] .gate input:focus{border-color:var(--ink-soft);box-shadow:0 0 0 4px #b83c2b1f}[data-theme=day] .gate button{background:var(--ink);color:var(--paper);box-shadow:0 8px 18px -8px #1f2a2499}[data-theme=day] .gate button:hover{filter:none;background:#2c3a32}[data-theme=day] .modal-scrim{background:#281e1459}[data-theme=day] .modal{background:var(--paper);box-shadow:0 30px 70px -20px #281e1480}[data-theme=day] .modal input[type=text],[data-theme=day] .modal input[type=date],[data-theme=day] .modal input[type=number],[data-theme=day] .modal textarea{border-color:var(--hair);background:#fff}[data-theme=day] .modal input::placeholder,[data-theme=day] .modal textarea::placeholder{color:#1f2a2466}[data-theme=day] .modal input:focus,[data-theme=day] .modal textarea:focus{border-color:var(--ink-soft);box-shadow:0 0 0 3px #b83c2b1f}@media (width<=720px){[data-theme=day] .lg,[data-theme=day] .nav-btn{background:#faf6ecf5}[data-theme=day] .canvas-viewport>.hint{background:#1f2a24e6}[data-theme=day] .profile-panel .grab{background:#281e142e}.day-sky .sun{width:72px;height:72px;top:16%}.day-sky .bamboo{display:none}}