:root{--bg:#EDF2F6;--card:#FFFFFF;--ink:#1D2A38;--muted:#556575;--line:#D5DFE7;--soft:#F6F9FB;--uni:#C93A6E;--uni-t:#FBE6EE;--par:#0F7F78;--par-t:#DDF3F0;--baby:#F5B841;--child:#4FB36B;--teen:#3E86E0;--adult:#E5605A;--pet:#1AA39A;--secret:#6B5BD2;--none:#8896A3;--baby-t:#FDF1D6;--child-t:#DFF3E5;--teen-t:#DCE9FA;--adult-t:#FBE1DF;--pet-t:#D8F1EF;--secret-t:#E6E2FA;--none-t:#E9EDF0;--band:#14202C;--r:16px;--pad:16px;--rail:0px;--tab:64px;--font:"Hiragino Maru Gothic ProN","PingFang SC","Avenir Next",system-ui,sans-serif;--mono:ui-monospace,Menlo,monospace}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{font-family:var(--font);color:var(--ink);background:var(--bg);font-size:15px;line-height:1.35;overflow:hidden}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}img{display:block}#app{position:relative;width:100vw;height:100vh;overflow:hidden}.main{position:absolute;left:0;top:0;bottom:var(--tab);right:var(--rail);overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.main::-webkit-scrollbar{display:none}.page{padding:0 var(--pad) 28px}body[data-mode=phone] .page{padding-top:8px}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:8px;height:56px;margin:0 calc(var(--pad)*-1) 4px;padding:0 var(--pad);background:var(--bg)}.topbar .t{font-weight:700;font-size:17px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ibtn{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--card);border:1.5px solid var(--line)}.ibtn img{width:28px;height:28px}body[data-mode=outer] .topbar,body[data-mode=inner] .topbar{display:none}body[data-mode=outer] .page,body[data-mode=inner] .page{padding-top:56px}.tabbar{position:absolute;left:0;right:var(--rail);bottom:0;height:var(--tab);display:flex;background:var(--card);border-top:1.5px solid var(--line);z-index:6;padding:0 8px}.tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:13px;color:var(--muted);position:relative;border-radius:12px}.tab img{width:30px;height:30px;opacity:.75}.tab.on{color:var(--ink);font-weight:700}.tab.on img{opacity:1}.tab.on:before{content:"";position:absolute;top:0;left:30%;right:30%;height:4px;border-radius:0 0 4px 4px;background:var(--acc,var(--ink))}body[data-mode=outer] .tabbar{display:none}body[data-mode=outer] .main{bottom:0}.rail{display:none}body[data-mode=outer] .rail{display:flex;position:absolute;top:0;bottom:0;right:0;width:84px;background:var(--band);z-index:8;flex-direction:column;align-items:center;justify-content:space-between;padding:0 0 16px}body[data-mode=outer]{--rail:84px}.sys{width:100%;height:84px;position:relative;color:#e9f0f5;font-size:13px}.sys .tm,.sys .bt{display:none}body[data-sysmock="1"] .sys .tm,body[data-sysmock="1"] .sys .bt{display:block}.sys .tm{position:absolute;left:12px;top:14px;font-weight:700;font-family:var(--mono)}.sys .bt{position:absolute;left:12px;top:40px;width:26px;height:12px;border:1.5px solid #E9F0F5;border-radius:4px}.sys .bt:after{content:"";position:absolute;left:2px;top:2px;bottom:2px;width:15px;background:#e9f0f5;border-radius:2px}.rail .items{display:flex;flex-direction:column;gap:0;position:absolute;left:8px;bottom:16px;width:56px}.ri{width:56px;height:56px;display:grid;place-items:center}.ri span{width:48px;height:48px;border-radius:50%;background:#2b3b4c;display:grid;place-items:center}.ri img{width:32px;height:32px}.ri.on span{background:#f5b841}.ri.back span{background:#e9f0f5}.sep{width:32px;height:2px;background:#2b3b4c;margin:4px 12px}.menu{display:none}body[data-mode=inner] .menu{display:flex;position:absolute;right:8px;bottom:calc(var(--tab) + 16px);width:72px;flex-direction:column;align-items:center;padding:8px;background:var(--band);border-radius:36px;z-index:7;gap:0}body[data-mode=inner]{--rail:80px}body[data-mode=inner] .tabbar{right:0}body[data-mode=inner] .main{right:0;padding-right:80px}body[data-mode=inner] .tabbar{left:0}body[data-mode=inner] .tab{flex-direction:row;justify-content:center;gap:8px}h1{font-size:24px;line-height:1.15}.cap{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px 0 4px;border-radius:14px;font-size:13px;font-weight:700;border:1.5px solid;white-space:nowrap}.cap img{width:22px;height:22px}.cap.baby{background:var(--baby-t);border-color:var(--baby)}.cap.child{background:var(--child-t);border-color:var(--child)}.cap.teen{background:var(--teen-t);border-color:var(--teen)}.cap.adult{background:var(--adult-t);border-color:var(--adult)}.cap.pet{background:var(--pet-t);border-color:var(--pet)}.cap.secret{background:var(--secret-t);border-color:var(--secret)}.cap.none{background:var(--none-t);border-color:var(--none);border-style:dashed;padding-left:10px}.cap.grp{background:var(--soft);border-color:var(--line)}.cap.uni{background:var(--uni-t);border-color:var(--uni)}.cap.par{background:var(--par-t);border-color:var(--par)}.egg{position:relative;display:grid;place-items:center;border-radius:50%/62% 62% 38% 38%;overflow:hidden}.egg.baby{background:var(--baby-t)}.egg.child{background:var(--child-t)}.egg.teen{background:var(--teen-t)}.egg.adult{background:var(--adult-t)}.egg.pet{background:var(--pet-t)}.egg.secret{background:var(--secret-t)}.egg.none{background:var(--none-t)}.egg img.ph{width:88%;height:88%;object-fit:contain;position:relative;top:4%}.egg.miss{border:2px dashed var(--none);background:var(--soft)}.egg.miss img{width:62%;height:62%;opacity:.9}.gcard{display:block;width:100%;text-align:left;background:var(--card);border:2px solid var(--line);border-radius:24px;padding:16px;margin-top:14px;position:relative;overflow:hidden}.gcard.uni{border-color:var(--uni)}.gcard.par{border-color:var(--par)}.gcard .row{display:flex;gap:14px;align-items:center}.gcard .mk{width:84px;height:84px;flex:none}.gcard .nm{font-size:24px;font-weight:800}.gcard.uni .nm{color:var(--uni)}.gcard.par .nm{color:var(--par)}.gcard .sub{color:var(--muted);font-size:14px;margin-top:2px}.meters{margin-top:14px;display:grid;gap:9px}.meter{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;font-size:13px}.meter img{width:26px;height:26px}.bar{height:10px;border-radius:5px;background:var(--none-t);overflow:hidden}.bar i{display:block;height:100%;border-radius:5px;background:var(--acc)}.meter b{font-family:var(--mono);font-size:13px;min-width:70px;text-align:right}.gcard .go{display:flex;justify-content:space-between;align-items:center;margin-top:14px;font-weight:700;font-size:15px}.go .arrow{width:44px;height:44px;display:grid;place-items:center}.go .arrow img{width:44px;height:44px;transform:rotate(180deg)}.rn{flex:none;width:84px}.hero{display:flex;align-items:center;gap:10px;padding-top:6px}.hero img{width:44px;height:44px}.hero .s{color:var(--muted);font-size:14px}.search{display:flex;align-items:center;gap:8px;height:48px;background:var(--card);border:1.5px solid var(--line);border-radius:24px;padding:0 14px 0 8px}.search img{width:28px;height:28px}.search input{flex:1;border:0;background:none;font:inherit;font-size:16px;color:var(--ink);outline:0;min-width:0}.chips{display:flex;gap:8px;overflow-x:auto;padding:10px 0 2px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex:none;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px 0 5px;border-radius:18px;background:var(--card);border:1.5px solid var(--line);font-size:13px;font-weight:700;color:var(--muted)}.chip img{width:26px;height:26px}.chip.on{color:var(--ink);border-color:var(--acc);background:var(--acc-t)}.chip.all{padding-left:12px}.count{color:var(--muted);font-size:13px;margin:10px 2px 8px;display:flex;justify-content:space-between}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}body[data-mode=inner] .grid{grid-template-columns:repeat(3,1fr)}.cc{background:var(--card);border:1.5px solid var(--line);border-radius:20px;padding:10px 10px 12px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;min-width:0}.cc .egg{width:100%;aspect-ratio:1/1;max-width:128px}.cc .en{font-weight:800;font-size:15px;line-height:1.15;word-break:break-word}.cc .ja{font-size:13px;color:var(--muted);min-height:17px}.cc .caps{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.cc .cap{height:26px;font-size:13px;padding:0 8px 0 3px}.cc .cap img{width:20px;height:20px}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:22px 16px;background:var(--card);border:2px dashed var(--line);border-radius:20px;color:var(--muted)}.empty img{width:112px;height:112px}.empty b{color:var(--ink);font-size:16px}.empty span{font-size:14px;max-width:290px}.crumb{display:flex;align-items:center;gap:8px;margin:2px 0 8px}.phero{display:flex;gap:14px;align-items:center;margin-top:4px}.phero .egg{width:136px;height:136px;flex:none}.phero .info{min-width:0;display:flex;flex-direction:column;gap:7px;align-items:flex-start}.phero .en{font-size:25px;font-weight:800;line-height:1.1;word-break:break-word}.phero .ja{font-size:14px;color:var(--muted)}body[data-mode=outer] .phero .egg,body[data-mode=inner] .phero .egg{width:120px;height:120px}.sec{margin-top:18px}.sec h2{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:800;margin-bottom:8px}.sec h2 img{width:28px;height:28px}.card{background:var(--card);border:1.5px solid var(--line);border-radius:20px;padding:14px}.route{display:flex;align-items:center;gap:6px;justify-content:space-between}.rn{flex:none;width:96px;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;text-align:center;font-size:13px;font-weight:700}.rn .egg{width:64px;height:64px}.rn.me .egg{width:78px;height:78px;outline:3px solid var(--ink);outline-offset:2px}.rn .nn{max-width:100%;word-break:break-word;line-height:1.1}.rn.gen .egg{border:2px dashed var(--none);background:var(--soft)}.arr{color:var(--muted);font-size:20px;flex:none}.btn{display:flex;align-items:center;justify-content:center;gap:8px;height:48px;border-radius:24px;background:var(--acc);color:#fff;font-weight:800;font-size:15px;width:100%;margin-top:12px}.btn img{width:28px;height:28px;background:#fff;border-radius:50%}.cond{display:flex;flex-direction:column;gap:8px}.cr{display:flex;align-items:center;gap:10px;background:var(--soft);border:1.5px solid var(--line);border-radius:16px;padding:8px 12px 8px 8px;min-height:52px}.cr img{width:36px;height:36px;flex:none}.cr span{font-size:15px;font-weight:700;line-height:1.25}.orig{margin-top:10px;font-size:13px;line-height:1.45;color:var(--muted);border-top:1.5px dashed var(--line);padding-top:8px}.orig b{color:var(--ink);display:block;font-size:13px;margin-bottom:2px}.src{font-family:var(--mono);font-size:13px}.seg{display:flex;background:var(--none-t);border-radius:22px;padding:3px;gap:3px}.seg button{flex:1;height:42px;border-radius:19px;display:flex;align-items:center;justify-content:center;gap:6px;font-weight:700;font-size:14px;color:var(--muted)}.seg button img{width:28px;height:28px}.seg button.on{background:var(--card);color:var(--ink);box-shadow:0 1px 0 var(--line)}.persona{margin-bottom:10px}.pgs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:6px}.pgs::-webkit-scrollbar{display:none}.pg{flex:none;display:flex;align-items:center;gap:4px;height:36px;padding:0 10px 0 4px;border-radius:18px;font-size:13px;font-weight:700;border:1.5px solid var(--line);background:var(--card)}.pg img{width:26px;height:26px}.pg.on{border-color:var(--ink);background:var(--soft)}.pls{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.pl{height:34px;padding:0 12px;border-radius:17px;background:var(--card);border:1.5px solid var(--line);font-size:13px;font-weight:700}.pl.on{background:var(--ink);color:#fff;border-color:var(--ink)}.lk{display:flex;flex-wrap:wrap;gap:8px}.lk .it{display:flex;align-items:center;gap:6px;height:38px;padding:0 12px 0 6px;border-radius:19px;background:var(--soft);border:1.5px solid var(--line);font-size:14px;font-weight:700}.lk .it img{width:26px;height:26px}.note{font-size:13px;color:var(--muted);margin-top:8px;display:flex;gap:6px;align-items:flex-start}.note img{width:22px;height:22px;flex:none}.fields{margin-bottom:6px}.tier{margin-top:6px;position:relative}.tier h3{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:800;color:var(--muted);height:30px}.tier h3 img{width:24px;height:24px}.tier h3 em{font-style:normal;font-family:var(--mono);margin-left:auto}.nodes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 8px;position:relative;z-index:1}body[data-mode=inner] .nodes{grid-template-columns:repeat(4,1fr)}.nd{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 3px 7px;border-radius:16px;background:var(--card);border:1.5px solid var(--line);font-size:13px;font-weight:700;text-align:center;min-width:0}.nd .egg{width:54px;height:54px}.nd .nn{line-height:1.12;word-break:break-word;max-width:100%}.nd.sel{border:2.5px solid var(--ink);background:var(--soft)}.nd.gen{border-style:dashed;background:var(--soft)}svg.lines{position:absolute;left:0;top:0;pointer-events:none;z-index:0;overflow:visible}.gband{margin-top:14px;border:2px dashed var(--adult);background:var(--adult-t);border-radius:20px;padding:10px 12px}.gband h3{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:800;line-height:1.25}.gband h3 img{width:30px;height:30px}.gg{margin-top:8px}.gg .gh{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;margin-bottom:4px}.gg .gh img{width:26px;height:26px}.minis{display:flex;gap:6px;flex-wrap:wrap}.mini{width:46px}.mini .egg{width:46px;height:46px}.mini.more{display:grid;place-items:center;height:46px;border-radius:50%;background:var(--card);font-size:13px;font-weight:800;border:1.5px solid var(--adult)}.scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#14202c61;z-index:20;display:none}.sheet{position:absolute;left:0;right:var(--rail);bottom:0;z-index:21;background:var(--card);border-radius:24px 24px 0 0;border-top:2px solid var(--line);padding:8px var(--pad) 18px;max-height:78%;overflow-y:auto;display:none;box-shadow:0 -8px 24px #14202c2e}.open .scrim,.open .sheet{display:block}.grab{width:44px;height:5px;border-radius:3px;background:var(--line);margin:0 auto 10px}.sh-h{display:flex;gap:12px;align-items:center}.sh-h .egg{width:64px;height:64px;flex:none}.sh-h .en{font-size:19px;font-weight:800;line-height:1.1}.sh-h .x{margin-left:auto}.sheet .btn{margin-top:12px}.rel{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 2px}.rel .cap{height:30px}body[data-hinge=on] .main{display:flex;flex-direction:column;overflow:hidden}.hz{display:none}body[data-hinge=on] .hz{display:flex;flex:none;height:var(--hinge-h,40px);align-items:center;justify-content:center;font-size:13px;color:var(--muted)}body[data-hinge=on][data-annot="1"] .hz{background:repeating-linear-gradient(135deg,#e9edf0 0,#e9edf0 8px,#dce3e9 8px,#dce3e9 16px);border-top:1px dashed var(--none);border-bottom:1px dashed var(--none)}body[data-hinge=on] .upper{height:var(--hinge-top,455.5px);overflow:hidden;flex:none;padding:56px var(--pad) 0}body[data-hinge=on] .lower{flex:1;overflow:hidden;padding:12px var(--pad) 0}body[data-hinge=on] .sheet{position:static;display:block;border-radius:20px;box-shadow:none;border:2px solid var(--line);max-height:none;padding:12px var(--pad)}body[data-hinge=on] .scrim,body[data-hinge=on] #sheet{display:none!important}.cols{display:block}body[data-mode=inner] .cols{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}body[data-mode=inner] .cols .sec:first-child{margin-top:18px}body[data-mode=outer] .hero,body[data-mode=inner] .hero{display:none}body[data-mode=outer] .page{padding-top:16px}body[data-mode=inner] .page{padding-top:56px}body[data-mode=outer] .cols .sec:first-child,body[data-mode=phone] .cols .sec:first-child{margin-top:18px}body[data-hinge=on] .upper .tier:first-child{margin-top:0}.sbar{display:none}:root{--ease-in:cubic-bezier(.2,.8,.2,1);--ease-push:cubic-bezier(.3,.7,.2,1)}.main.push .page:not(.pageold){position:relative;z-index:1;background:var(--bg);animation:pushin .27s var(--ease-push) both}.main .pageold{position:absolute;left:0;right:0;z-index:0;pointer-events:none;animation:pushout .27s var(--ease-push) both}@keyframes pushout{0%{transform:none;filter:brightness(1)}to{transform:translate(-24px);filter:brightness(.82)}}@keyframes pushin{0%{transform:translate(100%)}to{transform:none}}body[data-mode=phone] .main.push .page:not(.pageold),body[data-mode=outer] .main.push .page:not(.pageold),body[data-mode=inner] .main.push .page:not(.pageold){overflow:visible}.gcard,.cc,.nd,.chip,.pl,.pg,.btn,.tab,.ri,.mini{transition:transform .1s ease-out,border-color .1s ease-out,background-color .1s ease-out}.gcard:active,.cc:active,.nd:active,.btn:active,.mini:active{transform:scale(.97)}.nd.sel{transform:scale(1.03)}.main.push .nd{animation:nodein .2s var(--ease-in) both;animation-delay:calc(var(--i,0)*67ms)}@keyframes nodein{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}svg.lines path.draw{stroke-dasharray:1;stroke-dashoffset:1;animation:linedraw .23s var(--ease-in) forwards;animation-delay:.2s}@keyframes linedraw{to{stroke-dashoffset:0}}svg.lines path{transition:opacity .2s ease-out,stroke .2s ease-out,stroke-width .2s ease-out}.open .scrim{animation:fade .2s ease-out both}.open .sheet{animation:rise .3s var(--ease-in) both}@keyframes rise{0%{transform:translateY(100%)}to{transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}body[data-hinge=on] .open .sheet,body[data-hinge=on] #sheet2{animation:fade .2s ease-out both}#likes.xfade .lkbody,#likes.xfade .seg+div{animation:fade .2s ease-out both}.pls.stag .pl{animation:fade .2s var(--ease-in) both}.pls.stag .pl:nth-child(1){animation-delay:0ms}.pls.stag .pl:nth-child(2){animation-delay:33ms}.pls.stag .pl:nth-child(3){animation-delay:66ms}.pls.stag .pl:nth-child(4){animation-delay:.1s}.pls.stag .pl:nth-child(5){animation-delay:133ms}.pls.stag .pl:nth-child(6){animation-delay:166ms}.pnote{margin-top:10px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.1s!important;animation-delay:0ms!important;transition-duration:.1s!important}.main.push .page:not(.pageold),.open .sheet,.main.push .nd{animation-name:fade!important}.main .pageold{animation:none!important;display:none}svg.lines path.draw{animation-name:none!important;stroke-dashoffset:0}}