:root{--ink: #1d2a25;--ink-2: #34433d;--muted: #556560;--bg: #fbf8f1;--bg-2: #f4eddc;--card: #ffffff;--line: #ddd9ca;--line-2: #c7c3b1;--green: #16473a;--green-2: #1b6650;--on-green-2: #ffffff;--leaf: #e3eee4;--leaf-2: #eef4ea;--amber: #e8a33d;--amber-ink: #7a4a00;--a: #1d5fc4;--a-soft: #e6effc;--a-line: #9fbbe8;--on-a: #ffffff;--b: #c4410c;--b-soft: #fdeee4;--b-line: #efb391;--on-b: #ffffff;--mrca: #6a2fb5;--mrca-soft: #efe6fb;--edge: #7d948a;--dot: #637c72;--poly: #e8a33d;--hero-1: #d9eadb;--hero-2: #f6e9c9;--ok: #1b7a45;--ng: #a8431a;--ok-soft: #e1f3e7;--ok-ink: #14663a;--ng-soft: #fdebd2;--ng-ink: #7a4200;--amber-soft: #fff3d6;--shadow: 0 1px 2px rgb(20 40 30 / 8%), 0 6px 20px rgb(20 40 30 / 7%);--shadow-lg: 0 2px 4px rgb(20 40 30 / 8%), 0 16px 40px rgb(20 40 30 / 12%);--radius: 18px;--radius-s: 12px;--radius-l: 24px;--font-body: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "BIZ UDPGothic", "Yu Gothic UI", "Yu Gothic", Meiryo, system-ui, sans-serif;--font-head: "Hiragino Maru Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", "Yu Gothic UI", "Yu Gothic", Meiryo, system-ui, sans-serif;color-scheme:light}@media(prefers-color-scheme:dark){:root{--ink: #e8efe9;--ink-2: #cfdcd3;--muted: #a6b8af;--bg: #111a17;--bg-2: #1c2520;--card: #19231f;--line: #2d3c36;--line-2: #41544c;--green: #0c2a22;--green-2: #86d1b0;--on-green-2: #0b1411;--leaf: #1b2b24;--leaf-2: #16221d;--amber: #f0b24f;--amber-ink: #f3d28f;--a: #8bb8ff;--a-soft: #172a49;--a-line: #3e63a6;--on-a: #0b1424;--b: #ff9d72;--b-soft: #3a2218;--b-line: #8c4a2c;--on-b: #1f0d05;--mrca: #c9a4ff;--mrca-soft: #2c1d47;--edge: #6f877d;--dot: #8aa297;--poly: #f0b24f;--hero-1: #1b3a2e;--hero-2: #2d2a19;--ok: #6fd69a;--ng: #ff9c7a;--ok-soft: #17301f;--ok-ink: #bdecd0;--ng-soft: #3a2a12;--ng-ink: #f6d8a8;--amber-soft: #3a3012;--shadow: none;--shadow-lg: 0 16px 40px rgb(0 0 0 / 35%);color-scheme:dark}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.8 var(--font-body)}img,svg{max-width:100%}a{color:var(--green-2);text-underline-offset:3px}:focus-visible{outline:3px solid var(--amber);outline-offset:2px;border-radius:6px}.wrap{width:min(1160px,100% - 40px);margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip{position:absolute;left:-999px;top:0;background:var(--amber);color:#000;padding:8px 14px;z-index:50}.skip:focus{left:8px;top:8px}h1,h2,h3{font-family:var(--font-head);letter-spacing:.02em;text-wrap:balance}h1{font-size:clamp(1.7rem,4.4vw,2.6rem);line-height:1.3;margin:.2em 0 .4em}h2{font-size:clamp(1.3rem,3vw,1.7rem);margin:0 0 .4em;line-height:1.4}h3{font-size:1.1rem;line-height:1.5;margin:0 0 .3em}h2 small{font-weight:400;color:var(--muted);font-size:.8em}.muted{color:var(--muted)}.small{font-size:.875rem}.lead{font-size:clamp(1.05rem,2.6vw,1.3rem)}.sec-lead{color:var(--muted);margin:0 0 18px}.sec{padding-block:clamp(28px,5vw,56px) 0}.block{padding-block:20px 24px}.sci,.sci i{color:var(--muted)}.prose p,.prose li{max-width:46em}.ic{width:1.25em;height:1.25em;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.2em}@supports (word-break: auto-phrase){h1,h2,h3,.lead,.hook,.card-t b{word-break:auto-phrase}}.site-header{background:var(--green);color:#fff}.site-header .bar{display:flex;flex-wrap:wrap;align-items:center;gap:2px 20px;padding-block:8px}.brand{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font:700 1.2rem var(--font-head);letter-spacing:.04em;padding-block:6px}.logo{width:32px;height:32px;color:var(--amber)}.site-header nav{min-width:0}.site-header nav ul{display:flex;gap:2px 4px;list-style:none;margin:0;padding:0}.site-header nav a{color:#e9f3ee;text-decoration:none;padding:10px 12px;border-radius:999px;display:inline-flex;align-items:center;min-height:44px;font-size:.95rem;white-space:nowrap}.site-header nav a:hover{background:#ffffff1f}.site-header nav a[aria-current=page]{background:#fff3;color:#fff;font-weight:700}.site-footer{background:var(--leaf);border-top:1px solid var(--line);margin-top:56px;padding-block:28px;font-size:.875rem;color:var(--muted)}.site-footer p{margin:.3em 0}.foot-links a{white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-weight:700;padding:10px 20px;min-height:44px;border-radius:999px;border:2px solid var(--green-2);background:var(--card);color:var(--green-2);text-decoration:none;cursor:pointer;line-height:1.4;transition:background .15s,transform .15s,box-shadow .15s}.btn:hover{background:var(--leaf)}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--green-2);color:var(--on-green-2);box-shadow:0 3px #00000029}.btn.primary:hover{filter:brightness(1.1);background:var(--green-2)}.btn.ghost{border-color:var(--line-2);color:var(--ink-2)}.btn.big{padding:14px 30px;min-height:56px;font-size:1.1rem}.btn.small{padding:6px 16px;min-height:40px;font-size:.92rem}.btn[aria-pressed=true]{background:var(--green-2);color:var(--on-green-2)}.btn[disabled]{opacity:.45;cursor:not-allowed;box-shadow:none}.chip-btn{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:6px 14px;border-radius:999px;border:1px solid var(--line-2);background:var(--card);color:var(--ink);font:inherit;font-size:.92rem;cursor:pointer;text-decoration:none}.chip-btn:hover{border-color:var(--green-2);background:var(--leaf)}.more{font-weight:700}.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(60% 90% at 100% 0%,var(--hero-1),transparent 72%),radial-gradient(55% 80% at 0% 100%,var(--hero-2),transparent 70%),var(--bg);padding-block:clamp(28px,5vw,60px)}.hero:before{content:"";position:absolute;right:-30px;bottom:-10px;width:520px;height:420px;opacity:.55;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 320' fill='none' stroke='%231b6650' stroke-opacity='.16' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 160H70V90H130V50H380M130 90V130H380M70 160V230H140V200H380M140 230V270H380'/%3E%3C/svg%3E") no-repeat right bottom / contain}.hero>.wrap{position:relative}.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-template-areas:"copy photos" "pick photos";column-gap:clamp(24px,5vw,72px);row-gap:8px;align-items:center}.hero-copy{grid-area:copy}.hero-photos{grid-area:photos}.hero-pick{grid-area:pick}.hero h1{font-size:clamp(1.5rem,3.4vw,2rem);margin:0 0 .1em;color:var(--green-2)}.hero h1 ruby{ruby-position:over}.hero h1 rt{font-size:.38em;font-weight:600;letter-spacing:.08em;color:var(--muted)}.hero .tagline{margin:0 0 14px;color:var(--muted);font-size:.95rem}.hero .hook{margin:0 0 8px;font:700 clamp(1.7rem,4.2vw,2.7rem)/1.35 var(--font-head);letter-spacing:.02em}.hero .hook a{color:var(--ink);text-decoration:none;background:linear-gradient(transparent 68%,var(--hero-2) 68%)}.hero .hook a:hover{background:linear-gradient(transparent 68%,var(--amber) 68%)}.hero .hook-sub{margin:0 0 18px;color:var(--ink-2)}.hero-tree{margin:0}.hero-tree figcaption{font-size:.875rem;color:var(--muted);margin-top:8px}.duo{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.duo-in{position:relative;margin:0}.duo-in img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-l);border:4px solid var(--a);box-shadow:var(--shadow-lg);background:var(--leaf)}.duo-b{margin-top:30px}.duo-b img{border-color:var(--b)}.duo-tag{position:absolute;left:10px;bottom:10px;right:10px;display:flex;align-items:center;gap:8px;background:var(--card);border-radius:999px;padding:4px 12px 4px 4px;font-weight:700;font-size:.95rem;box-shadow:var(--shadow)}.duo-tag .pk-l{width:28px;height:28px;border-radius:50%;font-size:.85rem}.duo-join{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:10px;text-decoration:none;color:var(--mrca);font-weight:700}.duo-join>svg{width:min(100%,360px);height:auto}.duo-join span{background:var(--mrca-soft);border-radius:999px;padding:4px 16px;font-size:.95rem}.picker-form{margin-block:14px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-l);padding:18px;box-shadow:var(--shadow-lg)}.picker-row{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:start}.pk{display:flex;gap:10px;align-items:flex-start;min-width:0}.pk-l{flex:none;display:inline-grid;place-items:center;width:36px;height:52px;border-radius:12px;font-weight:800}.pk-a{background:var(--a);color:var(--on-a)}.pk-b{background:var(--b);color:var(--on-b)}.vs{align-self:center;color:var(--muted);font-weight:700}.vs.big{font-size:1.7rem}.pk select,.combo-input{width:100%;min-height:52px;font:inherit;font-size:1.05rem;padding:8px 14px;border:2px solid var(--line-2);border-radius:14px;background:var(--bg);color:var(--ink)}.combo-input::placeholder{color:var(--muted);opacity:1}.pk-wa .combo-input,.pk-wa select{border-color:var(--a-line)}.pk-wb .combo-input,.pk-wb select{border-color:var(--b-line)}.pk-wa .combo-input:focus,.pk-wa .combo-box.is-open .combo-input{border-color:var(--a)}.pk-wb .combo-input:focus,.pk-wb .combo-box.is-open .combo-input{border-color:var(--b)}.combo{display:flex;gap:8px;align-items:flex-start;flex:1;min-width:0}.combo-box{position:relative;flex:1;min-width:0}.combo-list{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 6px);margin:0;padding:6px;list-style:none;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 32px #0003;max-height:min(60vh,420px);overflow:auto;overscroll-behavior:contain}.combo-opt{display:flex;align-items:center;gap:12px;padding:6px 8px;border-radius:10px;cursor:pointer;min-height:52px}.combo-opt.is-active,.combo-opt:hover{background:var(--leaf)}.combo-group,.combo-empty{padding:6px 8px;color:var(--muted);font-size:.85rem;font-weight:700}.o-t{display:flex;flex-direction:column;line-height:1.35;min-width:0}.o-t i,.chip-t i,.who i,.opt i{font-size:.8rem;color:var(--muted)}.picker-go{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:14px}.picker-go .btn{flex:none}.picker-form .muted.small{margin:0}.sp-img{border-radius:14px;object-fit:cover;background:var(--leaf);display:block}.sp-img-sm{width:56px;height:56px;flex:none}.sp-img-md{width:100%;max-width:320px;aspect-ratio:1;height:auto}.ph{display:inline-grid;place-items:center;background:var(--leaf);color:var(--green-2);border:2px dashed var(--line-2);border-radius:14px;font-weight:700;flex:none}.ph-sm{width:56px;height:56px;font-size:1.4rem}.ph-md{width:100%;max-width:320px;aspect-ratio:1;font-size:3rem}.cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:18px}.card a{display:flex;flex-direction:column;gap:12px;padding:10px 10px 16px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;color:inherit;height:100%;box-shadow:var(--shadow);transition:transform .18s,border-color .18s,box-shadow .18s}.card a:hover{border-color:var(--green-2);transform:translateY(-3px);box-shadow:var(--shadow-lg)}.pair{display:flex;align-items:center;gap:4px;flex:none}.pair-big{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:3px;border-radius:12px;overflow:hidden}.pair-big .sp-img{width:100%;height:auto;aspect-ratio:4 / 3;border-radius:0}.pair-big .vs{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:34px;height:34px;display:grid;place-items:center;background:var(--card);color:var(--ink);border-radius:50%;font-size:1.1rem;box-shadow:var(--shadow)}.card-t{display:flex;flex-direction:column;gap:4px;line-height:1.55;min-width:0;padding-inline:6px}.card-t b{font:700 1.15rem/1.4 var(--font-head);color:var(--ink)}.card-t span{color:var(--muted);font-size:.92rem}.card-go{margin:auto 0 0;padding-inline:6px;color:var(--green-2);font-weight:700;font-size:.95rem;display:flex;align-items:center;gap:6px}.chips{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:10px}.chip{display:flex;align-items:center;gap:12px;padding:8px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-s);text-decoration:none;color:inherit}.chip:hover{border-color:var(--green-2)}.chip-t{display:flex;flex-direction:column;line-height:1.35;min-width:0}.doors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.door{position:relative;overflow:hidden;border-radius:var(--radius-l);padding:26px 26px 28px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;border:1px solid var(--line)}.door h2{margin:0;font-size:1.45rem}.door p{margin:0 0 8px;max-width:30em;position:relative}.door .btn{position:relative;margin-top:auto}.door-art{position:absolute;right:14px;top:14px;width:120px;height:90px;opacity:.9}.door-explore{background:var(--bg-2)}.door-quiz{background:var(--leaf)}.door-art .s1{stroke:var(--green-2)}.door-art .s2{stroke:var(--amber)}.door-art .f1{fill:var(--green-2)}.door-art .f2{fill:var(--amber)}.door h2,.door p{max-width:calc(100% - 132px)}.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;counter-reset:step}.step{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px 18px 20px;box-shadow:var(--shadow)}.step:before{counter-increment:step;content:counter(step);position:absolute;top:-14px;left:16px;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--green-2);color:var(--on-green-2);font-weight:800}.step svg{display:block;width:100%;height:96px;margin:6px 0 10px;background:var(--leaf-2);border-radius:var(--radius-s)}.step p{margin:0;font-size:.95rem;line-height:1.7}.fig-e{fill:none;stroke:var(--edge);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.fig-a{fill:none;stroke:var(--a);stroke-width:5;stroke-linecap:round}.fig-b{fill:none;stroke:var(--b);stroke-width:5;stroke-linecap:round}.fig-g{stroke:var(--line-2);stroke-width:2;stroke-dasharray:2 5;stroke-linecap:round}.fig-m{fill:var(--mrca);stroke:var(--card);stroke-width:2}.fig-da{fill:var(--a)}.fig-db{fill:var(--b)}.fig-d{fill:var(--dot);stroke:var(--card);stroke-width:2}.fig-poly{fill:var(--poly);stroke:var(--ink-2);stroke-width:1.5;stroke-linejoin:round}.fig-focus{fill:var(--card);stroke:var(--amber);stroke-width:4}.fig-hover{fill:var(--amber);stroke:var(--card);stroke-width:2}.facts dt{font-size:.82rem;color:var(--muted)}.facts dd{margin:0}.fig-h{fill:var(--mrca-soft)}.fig-ring{fill:var(--card);stroke:var(--line-2);stroke-width:2}.fig-t{font:700 12px var(--font-body);fill:var(--muted)}.fig-ta{font:800 13px var(--font-body);fill:var(--a)}.fig-tb{font:800 13px var(--font-body);fill:var(--b)}.fig-tm{font:700 12px var(--font-body);fill:var(--mrca)}.nb{display:inline-block}.trust{display:flex;gap:12px;align-items:flex-start;margin-top:26px;padding:14px 18px;background:var(--leaf);border-radius:var(--radius);color:var(--ink-2);font-size:.92rem}.trust .ic{color:var(--green-2);margin-top:3px}.trust p{margin:0}.notice{--n-bg: var(--leaf);--n-ink: var(--ink);--n-line: var(--line-2);--n-ic: var(--green-2);display:flex;gap:12px;align-items:flex-start;padding:12px 16px;border-radius:var(--radius-s);border:1px solid var(--n-line);background:var(--n-bg);color:var(--n-ink)}.notice .ic{width:26px;height:26px;margin-top:1px;color:var(--n-ic)}.notice p{margin:0}.notice b:first-child{display:block}.notice.is-debated{--n-bg: #fff3d6;--n-ink: #4a3300;--n-line: #e4c776;--n-ic: #a56500}.notice.is-open{--n-bg: #def0ef;--n-ink: #0f3d3a;--n-line: #9dcfca;--n-ic: #14706a}.notice.is-missing{--n-bg: #f0efe9;--n-ink: #3d4540;--n-line: #bdb9a8;--n-ic: #5f6b65;border-style:dashed}.notice.is-error{--n-bg: #fdecea;--n-ink: #5c1a12;--n-line: #e29a8f;--n-ic: #b3361b}.notice.is-care{--n-bg: #e8f1e6;--n-ink: #1d3b2c;--n-line: #a9cba5;--n-ic: #1b6650}.notice.is-est{--n-bg: #e4eef5;--n-ink: #15344a;--n-line: #a6c4d8;--n-ic: #2a6a96}@media(prefers-color-scheme:dark){.notice.is-debated{--n-bg: #3a3012;--n-ink: #f3e3a8;--n-line: #6b5a1c;--n-ic: #f0b24f}.notice.is-open{--n-bg: #12312f;--n-ink: #bfe8e4;--n-line: #2f6560;--n-ic: #5fd0c6}.notice.is-missing{--n-bg: #222823;--n-ink: #d3d9d4;--n-line: #4b574f;--n-ic: #a6b8af}.notice.is-error{--n-bg: #3a1b17;--n-ink: #ffd6cf;--n-line: #7c3a2f;--n-ic: #ff9c7a}.notice.is-care{--n-bg: #1b2f23;--n-ink: #d3efd9;--n-line: #35634a;--n-ic: #86d1b0}.notice.is-est{--n-bg: #14293a;--n-ink: #cfe6f6;--n-line: #2f5878;--n-ic: #7ec0ec}}.note{background:var(--bg-2);padding:8px 12px;border-radius:10px;font-size:.92rem}.result-head h1{margin-bottom:.1em}.result-head .lead{margin:0 0 4px;color:var(--ink-2)}.pair-hero{display:grid;grid-template-columns:minmax(0,270px) minmax(0,1fr) minmax(0,270px);align-items:center;margin-block:22px 8px}.who{display:flex;flex-direction:column;gap:2px;text-decoration:none;color:inherit;padding:10px 10px 14px;border-radius:var(--radius-l);background:var(--card);border:4px solid var(--line);box-shadow:var(--shadow)}.who.wa{border-color:var(--a)}.who.wb{border-color:var(--b)}.who .sp-img-md,.who .ph-md{max-width:none;border-radius:16px}.who b{display:flex;align-items:center;gap:8px;font:700 1.25rem/1.4 var(--font-head);margin-top:8px}.who.wa b{color:var(--a)}.who.wb b{color:var(--b)}.who b .pk-l{width:28px;height:28px;border-radius:50%;font-size:.85rem}.meet{display:grid;justify-items:center;gap:10px;padding-inline:8px;text-align:center}.meet-line{position:relative;width:100%;height:44px}.meet-line:before,.meet-line:after{content:"";position:absolute;top:19px;height:6px;border-radius:3px;width:calc(50% - 6px)}.meet-line:before{left:0;background:var(--a)}.meet-line:after{right:0;background:var(--b)}.meet-dot{position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%);border-radius:50%;background:var(--mrca);border:4px solid var(--card);box-shadow:0 0 0 8px var(--mrca-soft)}.meet-k{margin:0;font-size:.9rem;color:var(--muted);font-weight:700}.meet-name{margin:0;font:700 clamp(1.3rem,2.6vw,1.9rem)/1.35 var(--font-head);color:var(--mrca)}.meet-name small{display:block;font:400 .85rem var(--font-body);color:var(--muted)}.answer{display:flex;gap:14px;align-items:flex-start;background:var(--leaf);padding:16px 20px;border-radius:var(--radius);font-size:1.1rem;margin-block:16px}.answer .ic{width:28px;height:28px;color:var(--green-2);margin-top:2px}.answer p{margin:0}.answer b{color:var(--green-2)}.lede{max-width:46em}.tree-fig{margin:18px 0}.tree-fig figcaption{font-size:.875rem;color:var(--muted);margin-top:8px;max-width:46em}.tree-stage{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:start}.tree-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-l);background:var(--card);padding:18px 14px;box-shadow:var(--shadow)}.tree{display:block;max-width:none;height:auto;margin-inline:auto;width:100%;min-width:364px}.tree-sm{max-width:460px}.tree-md{max-width:600px}.tree .e{fill:none;stroke:var(--edge);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.tree .e.pa{stroke:var(--a);stroke-width:5}.tree .e.pb{stroke:var(--b);stroke-width:5}.tree .g{stroke:var(--line-2);stroke-width:1.8;stroke-dasharray:2 5;stroke-linecap:round}.tree .dot{fill:var(--dot);stroke:var(--card);stroke-width:2}.tree .leaf-dot.da{fill:var(--a)}.tree .leaf-dot.db{fill:var(--b)}.tree .dot.mrca{fill:var(--mrca);stroke:var(--card);stroke-width:3}.tree .halo{fill:var(--mrca-soft);stroke:var(--mrca);stroke-width:1.5;stroke-dasharray:3 3}.tree .dot.poly{fill:var(--poly);stroke:var(--ink-2);stroke-width:1.5}.tree .hit{fill:transparent}.tree .node[data-node]{cursor:pointer}.tree .node[data-node]:hover .dot{fill:var(--amber)}.tree .node:focus-visible .hit,.tree .leaf:focus-visible .ring{stroke:var(--amber);stroke-width:3}.tree .nl,.tree .mrca-tag{font-size:12.5px;fill:var(--muted);paint-order:stroke;stroke:var(--card);stroke-width:4px;stroke-linejoin:round}.tree .mrca-tag{font-size:13px;fill:var(--mrca);font-weight:700}.tree .mrca-tag .nm{font-weight:500}.tree .ln{font-size:15px;font-weight:700;fill:var(--ink)}.tree .ls{font-size:13px;font-style:italic;fill:var(--muted)}.tree .leaf-a .ln{fill:var(--a)}.tree .leaf-b .ln{fill:var(--b)}.tree .ring{fill:var(--leaf);stroke:var(--line-2);stroke-width:1.5}.tree .ring-a{stroke:var(--a);stroke-width:3.5}.tree .ring-b{stroke:var(--b);stroke-width:3.5}.tree .tag-a{fill:var(--a)}.tree .tag-b{fill:var(--b)}.tree .tag-t{font-size:11px;font-weight:800;text-anchor:middle}.tree .tag-ta{fill:var(--on-a)}.tree .tag-tb{fill:var(--on-b)}.tree .leaf[data-species]{cursor:pointer}.tree .ph{fill:var(--green-2);font-size:15px;font-weight:700;border:0}@media(prefers-reduced-motion:no-preference){.tree-reveal .edges,.tree-reveal .guides{animation:tfade .9s ease both}.tree-reveal .leaf{animation:trise .6s ease both}.tree-reveal .leaf:nth-child(2){animation-delay:.08s}.tree-reveal .leaf:nth-child(3){animation-delay:.16s}.tree-reveal .leaf:nth-child(4){animation-delay:.24s}.tree-reveal .leaf:nth-child(5){animation-delay:.32s}.tree-reveal .halo{transform-box:fill-box;transform-origin:center;animation:thalo 2.8s ease-in-out 1s 3}}@keyframes tfade{0%{opacity:0}to{opacity:1}}@keyframes trise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes thalo{50%{transform:scale(1.18);opacity:.6}}.tree-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-block:12px}.tool-sp{flex:1;min-width:12px;display:block}.legend{display:flex;flex-wrap:wrap;gap:8px 18px;list-style:none;padding:0;margin:10px 0 0;font-size:.875rem;color:var(--ink-2)}.legend li{display:inline-flex;align-items:center;gap:8px}.legend svg{width:28px;height:20px;flex:none}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;margin-block:12px;box-shadow:var(--shadow)}.panel-in{display:grid;gap:10px}.panel h3{margin:0;color:var(--mrca);font-size:1.25rem}.panel p{margin:0;font-size:.95rem}.panel .btn{justify-content:flex-start}.panel-sp{display:flex;gap:12px;align-items:center}.panel-k{display:inline-flex;align-items:center;gap:6px;width:max-content;background:var(--mrca-soft);color:var(--mrca);border-radius:999px;padding:2px 12px;font-size:.8rem;font-weight:800}.outline-box,.credits{margin-block:14px;font-size:.875rem;color:var(--muted)}.outline-box summary,.credits summary{cursor:pointer;font-weight:700;color:var(--ink);min-height:44px;display:flex;align-items:center}.outline,.outline ul{padding-left:1.2em}.credit-list li,.credits li{margin-block:4px}.traits{margin-block:18px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-l);padding:8px 22px 22px;box-shadow:var(--shadow)}.traits h2{margin:14px 0 4px;font-size:1.3rem}.traits-intro{margin:0 0 8px}.trait-list{margin:0}details.trait{border-top:1px solid var(--line)}details.trait summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;font-weight:700;color:var(--green-2)}details.trait summary::-webkit-details-marker{display:none}details.trait summary:after{content:"";width:10px;height:10px;border-right:2.5px solid currentColor;border-bottom:2.5px solid currentColor;transform:rotate(45deg);transition:transform .2s;margin-right:6px;flex:none}details.trait[open] summary:after{transform:rotate(-135deg)}details.trait p{margin:0 0 14px;max-width:46em}.trait-note{margin-top:12px}.prose{margin-block:18px}.prose p{margin:0 0 12px}.lineage{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:6px 14px;margin:0}.cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-block:22px}.quiz-cta{background:var(--leaf);border-radius:var(--radius);padding:18px;margin-block:14px}.facts{display:grid;gap:8px;margin:8px 0 0}.facts>div{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-s);padding:8px 14px}.explore h1{margin-bottom:.1em}.ex-start{display:grid;gap:12px;margin-block:18px 22px}.ex-picker{max-width:560px}.ex-start-k{margin:0;font-size:.92rem;color:var(--muted)}.ex-examples{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.chip-btn img{width:30px;height:30px;border-radius:50%;object-fit:cover;flex:none}.chip-btn.has-img{padding:4px 14px 4px 5px}.ex-crumbs{overflow-x:auto;margin-block:4px 14px;padding-bottom:6px;scrollbar-width:thin}.ex-crumbs ol{display:flex;align-items:center;list-style:none;margin:0;padding:0;width:max-content}.ex-crumbs li+li:before{content:"";display:inline-block;width:24px;vertical-align:middle;border-top:3px dotted var(--line-2);margin-inline:4px}.crumb{display:inline-flex;align-items:center;min-height:40px;padding:4px 14px;border-radius:999px;border:1px solid var(--line-2);background:var(--card);color:var(--ink);font:inherit;font-size:.9rem;cursor:pointer}.crumb:hover{border-color:var(--green-2);background:var(--leaf)}.ex-crumbs li[aria-current=location]{display:inline-flex;align-items:center;min-height:40px;padding:4px 14px;border-radius:999px;background:var(--green-2);color:var(--on-green-2);font-weight:700;font-size:.9rem}.ex-now{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-l);padding:22px 24px 24px;box-shadow:var(--shadow);display:grid;gap:10px}.ex-now h2{margin:0;font-size:clamp(1.4rem,3.2vw,2rem)}.ex-now p{margin:0}.ex-here{display:inline-flex;align-items:center;gap:6px;width:max-content;padding:2px 12px;border-radius:999px;background:var(--leaf);color:var(--green-2);font-weight:800;font-size:.82rem}.ex-focus{display:flex;gap:10px;align-items:flex-start;padding:12px 16px;border-radius:var(--radius-s);background:var(--a-soft);border:1px solid var(--a-line);color:var(--ink)}.ex-focus .ic{color:var(--a);margin-top:3px}.ex-focus b{color:var(--a)}.ex-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.ex-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:4px}.ex-h3{margin:30px 0 4px;font-size:1.3rem}.ex-h3 small{color:var(--muted);font-weight:400}.ex-cards{list-style:none;padding:0;margin:14px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ex-cards>li{display:flex}.ex-card{display:flex;flex-direction:column;gap:12px;width:100%;text-align:left;font:inherit;color:inherit;background:var(--card);border:2px solid var(--line);border-radius:var(--radius);padding:12px 12px 16px;box-shadow:var(--shadow);cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s}button.ex-card:hover{border-color:var(--green-2);transform:translateY(-3px);box-shadow:var(--shadow-lg)}li.ex-card{cursor:default}.ex-card.is-focus{border-color:var(--a);background:var(--a-soft)}.ex-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.ex-thumbs .sp-img,.ex-thumbs .ph{width:100%;height:auto;aspect-ratio:1;font-size:1.2rem}.ex-leaf .ex-thumbs{grid-template-columns:1fr}.ex-leaf .ex-thumbs .sp-img{aspect-ratio:4 / 3}.ex-card-t{display:flex;flex-direction:column;gap:4px;line-height:1.55}.ex-card-t b{font:700 1.1rem/1.45 var(--font-head)}.ex-meta{color:var(--muted);font-size:.875rem}.ex-tag{display:inline-flex;align-items:center;gap:6px;width:max-content;max-width:100%;padding:2px 10px;border-radius:999px;font-size:.8rem;font-weight:700;background:var(--leaf);color:var(--ink-2)}.ex-tag-focus{background:var(--a-soft);color:var(--a);border:1px solid var(--a-line)}.ex-tag-warn{background:var(--amber-soft);color:var(--amber-ink)}.ex-go{margin-top:auto;display:inline-flex;align-items:center;gap:6px;color:var(--green-2);font-weight:800;padding-top:4px}.ex-links{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:6px}.ex-links a,.linkbtn{font-weight:700}.linkbtn{background:none;border:0;padding:0;font:inherit;font-weight:700;color:var(--green-2);text-decoration:underline;text-underline-offset:3px;cursor:pointer;min-height:32px}.ex-jumps{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:12px 0 0}.ex-sp{display:grid;grid-template-columns:minmax(0,320px) 1fr;gap:28px;align-items:center}.ex-sp .sp-img-md{max-width:none;border-radius:var(--radius)}.ex-sp h2{margin:0 0 4px}.ex-end{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:var(--leaf);color:var(--green-2);font-weight:700;font-size:.9rem;margin-top:6px}.quiz h1{margin-bottom:.1em}.quiz-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 6px}.quiz-tabs .btn{gap:8px}.q-desc{margin:0 0 14px;color:var(--muted);font-size:.92rem}.q-progress{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-block:8px 4px}.q-count{font-weight:800;color:var(--ink)}.q-count span{font-weight:400;color:var(--muted)}.q-dots{display:flex;gap:9px;align-items:center;list-style:none;margin:0;padding:0}.qd{display:block;width:16px;height:16px;border-radius:50%;border:2px solid var(--line-2)}.qd.is-ok{background:var(--ok);border-color:var(--ok)}.qd.is-ng{background:var(--amber);border-color:var(--ng-ink);border-radius:3px;transform:rotate(45deg) scale(.82)}.qd.is-now{width:22px;height:22px;border:3px solid var(--green-2);background:var(--leaf)}.quiz-stage{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:32px;align-items:start;margin-block:18px 8px}.quiz-q{margin:0}.quiz-q .who{width:100%}.q-text{margin:0 0 18px;font:700 clamp(1.25rem,2.6vw,1.6rem)/1.55 var(--font-head)}.q-text b{color:var(--a)}.q-hint{margin:14px 0 0;color:var(--muted);font-size:.92rem}.opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:none}.opts-4{grid-template-columns:repeat(4,minmax(0,1fr))}.opt{position:relative;display:flex;flex-direction:column;gap:3px;align-items:flex-start;text-align:left;font:inherit;padding:10px 10px 14px;background:var(--card);border:3px solid var(--line);border-radius:var(--radius);color:var(--ink);cursor:pointer;box-shadow:var(--shadow);transition:transform .18s,border-color .18s,box-shadow .18s;width:100%}.opt:hover{border-color:var(--green-2);transform:translateY(-3px);box-shadow:var(--shadow-lg)}.opt .sp-img{width:100%;max-width:none;height:auto;aspect-ratio:5 / 4;border-radius:12px;margin-bottom:6px}.opt b{font:700 1.15rem/1.4 var(--font-head)}.opt-pick{margin-top:8px;display:inline-flex;align-items:center;gap:6px;padding:4px 14px;border-radius:999px;border:2px solid var(--green-2);color:var(--green-2);font-weight:800;font-size:.9rem}.opt:hover .opt-pick{background:var(--green-2);color:var(--on-green-2)}.verdict{display:flex;align-items:center;gap:16px;padding:14px 18px;border-radius:var(--radius);margin:0 0 14px;font:700 clamp(1.15rem,2.4vw,1.45rem)/1.45 var(--font-head)}.verdict.ok{background:var(--ok-soft);color:var(--ok-ink)}.verdict.ng{background:var(--ng-soft);color:var(--ng-ink)}.verdict-ic{flex:none;width:52px;height:52px;display:grid;place-items:center}.verdict-ic .ic{width:30px;height:30px;stroke-width:3}.verdict.ok .verdict-ic{border-radius:50%;background:var(--ok);color:var(--card)}.verdict.ng .verdict-ic{border-radius:14px;background:var(--ng-ink);color:var(--card)}.verdict small{display:block;font:400 .9rem var(--font-body);opacity:.9}.verdict-pair{margin-left:auto;display:flex;align-items:center;gap:6px;flex:none}.verdict-pair .sp-img{width:56px;height:56px}.answer-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-l);padding:20px;box-shadow:var(--shadow)}.answer-card p{margin:0 0 10px}.next-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.result-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-l);padding:24px;box-shadow:var(--shadow);display:grid;justify-items:center;gap:10px;text-align:center}.result-card h2{margin:0;font-size:1.35rem}.result-card p{margin:0;max-width:24em}.score-ring{width:150px;height:150px}.score-ring .track{fill:none;stroke:var(--line);stroke-width:12}.score-ring .bar{fill:none;stroke:var(--green-2);stroke-width:12;stroke-linecap:round;transform:rotate(-90deg);transform-origin:60px 60px}.score-ring text{fill:var(--ink);text-anchor:middle}.score-ring .n{font:800 34px var(--font-head)}.score-ring .of{font:700 11px var(--font-body);fill:var(--muted)}.result-k{display:inline-flex;padding:2px 12px;border-radius:999px;background:var(--leaf);color:var(--green-2);font-weight:800;font-size:.8rem}@media(prefers-reduced-motion:no-preference){.verdict.ok .verdict-ic{animation:vpop .5s cubic-bezier(.3,1.5,.5,1) both}.verdict.ng .verdict-ic{animation:vfade .5s ease both}}@keyframes vpop{0%{transform:scale(.3)}to{transform:none}}@keyframes vfade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(max-width:960px){.ex-cards,.result-grid,.ex-notes{grid-template-columns:1fr}.quiz-stage{grid-template-columns:1fr;gap:18px}.quiz-q .who{width:min(100%,260px)}.opts-4{grid-template-columns:repeat(2,minmax(0,1fr))}.ex-sp{grid-template-columns:1fr}}@media(max-width:640px){.opts{gap:10px}.opt b{font-size:1.02rem}.verdict{flex-wrap:wrap}.verdict-pair{margin-left:0}.ex-now{padding:18px 16px 20px}}.sp-head{display:grid;grid-template-columns:minmax(0,320px) 1fr;gap:32px;align-items:center;margin-block:10px 6px}.sp-photo .sp-img-md,.sp-photo .ph-md{max-width:100%;border-radius:var(--radius);box-shadow:var(--shadow)}.sp-head h1{margin:2px 0}.sp-head .btn{margin:4px 8px 4px 0}ul.plain{padding-left:1.2em}ul.plain li{margin-block:6px}.rel-box{margin-block:10px}.lic-table{border-collapse:collapse;width:100%;max-width:46em;margin:12px 0;font-size:.95rem;background:var(--card);border-radius:var(--radius-s);overflow:hidden}.lic-table th,.lic-table td{border:1px solid var(--line);padding:8px 12px;text-align:left;vertical-align:top}.lic-table thead th{background:var(--leaf)}.lic-table tbody th{white-space:nowrap}.cf-sec{margin-block:22px}.cf-form{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-l);padding:22px;display:grid;gap:14px;max-width:720px;box-shadow:var(--shadow)}.cf-form p{margin:0}.cf-field label{display:block;font-weight:700;margin-bottom:6px}.cf-field input[type=text],.cf-field input[type=email],.cf-field select,.cf-field textarea{width:100%;font:inherit;font-size:16px;color:var(--ink);background:var(--bg);border:2px solid var(--line-2);border-radius:var(--radius-s);padding:10px 14px;min-height:48px}.cf-field textarea{resize:vertical;min-height:9em;line-height:1.6}.cf-field input:focus-visible,.cf-field select:focus-visible,.cf-field textarea:focus-visible{border-color:var(--green-2)}.cf-field.is-bad input,.cf-field.is-bad textarea{border-color:var(--ng-ink);background:var(--ng-soft)}.cf-field small{display:block;color:var(--muted);font-size:.875rem;margin-top:6px}.cf-req,.cf-opt{display:inline-block;font-size:.75rem;font-weight:700;border-radius:999px;padding:1px 10px;vertical-align:1px;margin-left:6px}.cf-req{background:var(--ng-soft);color:var(--ng-ink)}.cf-opt{background:var(--leaf);color:var(--muted)}.cf-check label{display:inline-flex;gap:10px;align-items:flex-start;font-weight:400}.cf-check input{width:24px;height:24px;margin-top:2px;flex:none;accent-color:var(--green-2)}.cf-hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.cf-submit{justify-self:start}.cf-error,.cf-ok{display:flex;gap:12px;align-items:flex-start;border-radius:var(--radius);padding:14px 18px;max-width:720px}.cf-error{background:var(--ng-soft);color:var(--ng-ink);border:2px solid var(--ng-ink);margin-bottom:14px}.cf-ok{background:var(--ok-soft);color:var(--ok-ink);border:2px solid var(--ok)}.cf-error ul{margin:6px 0 0;padding-inline-start:1.3em}.cf-ok h2,.cf-error h2{margin:0 0 4px;font-size:1.2rem}.consent{position:fixed;inset-inline:12px;bottom:12px;z-index:90;max-width:760px;margin-inline:auto;background:var(--card);color:var(--ink);border:2px solid var(--ink);border-radius:var(--radius-l);box-shadow:var(--shadow-lg);padding:16px 20px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;font-size:.95rem;line-height:1.6}.consent p{flex:1 1 320px;margin:0}.consent-btns{display:flex;flex-wrap:wrap;gap:10px;margin-inline-start:auto}.consent-btns .btn{min-width:96px;justify-content:center}.nf{display:grid;grid-template-columns:minmax(0,260px) 1fr;gap:36px;align-items:center;max-width:820px;margin-block:30px}.nf-fig{width:100%;height:auto;color:var(--green-2)}.nf-fig .twig{fill:none;stroke:currentColor;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}.nf-fig .gap{fill:none;stroke:var(--line-2);stroke-width:4;stroke-dasharray:2 9;stroke-linecap:round}.nf-fig .tip{fill:var(--leaf);stroke:var(--line-2);stroke-width:3;stroke-dasharray:5 6}.js-only{display:none}.js .js-only{display:block}.ex-start.is-compact .ex-examples,.ex-start.is-compact>p{display:none}@media(max-width:960px){.sp-head,.nf{grid-template-columns:1fr;gap:20px}.sp-photo{max-width:320px}}@media(max-width:960px){.hero-grid{grid-template-columns:1fr;grid-template-areas:"copy" "photos" "pick";row-gap:14px}.hero:before{opacity:.35}.tree-stage{grid-template-columns:1fr}.steps{grid-template-columns:1fr;gap:26px}.doors{grid-template-columns:1fr}}@media(max-width:640px){.wrap{width:min(1160px,100% - 24px)}.site-header .bar{gap:0 12px;padding-block:4px 0}.site-header nav{flex:1 1 100%;overflow-x:auto;scrollbar-width:none;margin-inline:-12px;padding-inline:12px}.site-header nav::-webkit-scrollbar{display:none}.site-header nav ul{width:max-content;padding-bottom:6px}.site-header nav a{padding:8px 12px;font-size:.92rem}.picker-row{grid-template-columns:1fr}.picker-row .vs.big{text-align:center;line-height:1}.picker-form{padding:14px}.combo-list{position:static;margin-top:6px}.picker-go .btn{width:100%}.duo{gap:10px}.duo-b{margin-top:18px}.pair-hero{grid-template-columns:1fr 1fr;gap:10px}.meet{grid-column:1 / -1;order:3;margin-top:8px}.who{padding:8px 8px 12px;border-width:3px}.who b{font-size:1.05rem}.cards{grid-template-columns:1fr;gap:14px}.door{padding:22px 20px 24px}.door-art{position:static;width:88px;height:66px;order:-1}.door h2,.door p{max-width:none}.tree-scroll{padding:12px 8px}.traits{padding:4px 16px 18px}.answer{padding:14px 16px;font-size:1.02rem}}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media print{.site-header,.site-footer,.tree-tools,.picker-form,.hero:before{display:none}}.lineage div{display:flex;gap:10px;border-bottom:1px dashed var(--line);padding:4px 0}.lineage dt{width:4.5em;color:var(--muted);font-size:.85rem;flex:none}.lineage dd{margin:0}.facts small{display:block;color:var(--muted)}.prose ol,.prose ul{margin:0 0 10px;padding-inline-start:1.5em}.prose li{margin:4px 0}.prose code{background:var(--leaf);border-radius:4px;padding:0 5px;font-size:.92em}.prose h2,.block>h2:not(:first-child){margin-top:1.6em}.chip-btn small{color:var(--muted)}.ex-card-t i,.card-t i{font-size:.8rem;color:var(--muted)}.tree .nl.nm{fill:var(--mrca);font-weight:700}.tree-lg{max-width:1000px}.result-card.is-single{max-width:520px;margin-inline:auto}.result-card .btn-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}@media(max-width:640px){.tree-scroll{padding:12px 0}.tree{min-width:360px}.cf-form{padding:14px}.cf-submit{width:100%}}.tree .leaf-ph .ring{stroke-dasharray:5 5}.traits h3{margin:14px 0 4px;font-size:1.3rem}