:root{--cream:#fff9f1;--blush:#f7cfcf;--rose:#ed9499;--sky:#bcdff0;--blue:#3d7d9c;--butter:#f6df9b;--ink:#352f32;--paper-line:color-mix(in srgb, var(--ink) 12%, transparent);--serif:"Songti SC", "STSong", "Noto Serif CJK SC", "SimSun", serif;--sans:"PingFang SC", "Noto Sans SC", sans-serif}.cat-atlas{min-height:100vh;color:var(--ink);background:var(--cream);font-family:var(--sans);overflow:clip}.museum-nav{z-index:20;border-bottom:1px solid var(--paper-line);background:color-mix(in srgb, var(--cream) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);align-items:center;gap:clamp(1rem,3vw,2.7rem);padding:.7rem clamp(1.1rem,5vw,6rem);display:flex;position:sticky;top:0}.museum-nav a{color:var(--ink);font-size:.86rem;font-weight:650;text-decoration:none}.museum-mark{justify-items:center;margin-right:auto;line-height:1;display:grid;color:var(--rose)!important}.museum-mark span{font-family:var(--serif);font-size:1.65rem}.museum-mark small{letter-spacing:.12em;margin-top:.2rem;font-size:.47rem}.nav-random,.quick-entries button,.result-bar button,.empty-results button{border:1px solid var(--ink);color:var(--ink);font:inherit;cursor:pointer;background:0 0}.nav-random{border-radius:99px;padding:.55rem .85rem;font-size:.8rem;font-weight:700}.nav-random:hover,.quick-entries button:hover,.result-bar button:hover,.empty-results button:hover{background:var(--ink);color:var(--cream)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.45}.eyebrow,.section-kicker{color:var(--blue);letter-spacing:.15em;margin:0 0 .75rem;font-size:.7rem;font-weight:800}.section-heading h2,.reading-guide h2,.empty-results h2,.cat-detail h2{font-family:var(--serif);letter-spacing:-.06em;margin:0;font-weight:700}.hero-picture-wall{isolation:isolate;background:var(--cream);border-bottom:1px solid var(--ink);height:clamp(39rem,86svh,58rem);position:relative;overflow:hidden}.hero-picture-wall:before,.hero-picture-wall:after{content:"";z-index:-1;display:block;position:absolute}.hero-picture-wall:before{background:var(--sky);width:44vw;height:46vh;top:-9vh;right:-5vw;transform:rotate(11deg)}.hero-picture-wall:after{background:var(--butter);width:36vw;height:38vh;bottom:-16vh;left:-7vw;transform:rotate(-8deg)}.hero-museum-stamp{z-index:8;border:2px solid var(--ink);background:var(--cream);box-shadow:4px 4px 0 var(--rose);gap:.18rem;padding:.58rem .75rem .52rem;display:grid;position:absolute;top:clamp(1.2rem,3vw,3rem);left:clamp(1.2rem,5vw,6.5rem);transform:rotate(-3deg)}.hero-museum-stamp p,.hero-museum-stamp span{letter-spacing:.12em;margin:0;font-size:.5rem;font-weight:850}.hero-museum-stamp h1{font-family:var(--serif);margin:0;font-size:clamp(1.65rem,2.8vw,2.75rem);line-height:.9}.hero-museum-stamp span{color:var(--blue)}.hero-whisper{z-index:8;background:var(--cream);border:1px solid var(--ink);margin:0;padding:.45rem .66rem;font-size:.75rem;font-weight:750;position:absolute;bottom:1.25rem;right:clamp(1rem,4vw,5rem);transform:rotate(2deg)}.hero-picture-wall__cats{position:absolute;inset:0}.hero-cat{width:clamp(12rem,28vw,31rem);color:var(--ink);cursor:pointer;filter:drop-shadow(9px 12px 0 color-mix(in srgb, var(--ink) 12%, transparent));background:0 0;border:0;padding:0;transition:transform .24s cubic-bezier(.16,1,.3,1),filter .24s;display:block;position:absolute}.hero-cat:hover{filter:drop-shadow(12px 15px 0 color-mix(in srgb, var(--ink) 22%, transparent));z-index:7!important}.hero-cat:focus-visible{outline-offset:7px;z-index:9!important}.hero-cat__motion{will-change:transform;width:100%;animation:9s cubic-bezier(.45,0,.55,1) infinite hero-cat-flow;display:block;position:relative}.hero-cat:nth-child(2) .hero-cat__motion{animation-duration:10.5s;animation-delay:-1.6s}.hero-cat:nth-child(3) .hero-cat__motion{animation-duration:8.4s;animation-delay:-4.1s}.hero-cat:nth-child(4) .hero-cat__motion{animation-duration:11.2s;animation-delay:-2.8s}.hero-cat:nth-child(5) .hero-cat__motion{animation-duration:9.7s;animation-delay:-5.6s}.hero-cat:nth-child(6) .hero-cat__motion{animation-duration:10.1s;animation-delay:-3.4s}.hero-cat:hover .hero-cat__motion,.hero-cat:focus-within .hero-cat__motion,.hero-picture-wall:hover .hero-cat__motion,.hero-picture-wall:focus-within .hero-cat__motion{animation-play-state:paused}.hero-cat__frame{border:2px solid var(--ink);background:var(--blush);width:100%}.hero-cat__caption{z-index:1;background:var(--cream);border:1px solid var(--ink);font-family:var(--serif);padding:.35rem .52rem;font-size:.93rem;font-weight:800;position:absolute;bottom:.45rem;left:.45rem}.hero-slot--1{z-index:3;top:13%;left:-3%;transform:rotate(-9deg)}.hero-slot--2{z-index:4;width:clamp(19rem,41vw,47rem);top:-11%;left:20%;transform:rotate(5deg)}.hero-slot--3{z-index:5;width:clamp(17rem,36vw,42rem);top:9%;right:-4%;transform:rotate(8deg)}.hero-slot--4{z-index:6;width:clamp(13rem,28vw,32rem);bottom:-13%;left:5%;transform:rotate(-4deg)}.hero-slot--5{z-index:2;width:clamp(11rem,24vw,28rem);bottom:-8%;left:46%;transform:rotate(10deg)}.hero-slot--6{z-index:3;width:clamp(12rem,27vw,31rem);bottom:-13%;right:12%;transform:rotate(-8deg)}.hero-page-controls{z-index:8;border:1px solid var(--ink);background:var(--cream);align-items:center;gap:.34rem;padding:.25rem;display:flex;position:absolute;bottom:1.1rem;left:clamp(1.2rem,5vw,6.5rem)}.hero-page-controls button{border:1px solid var(--ink);background:var(--butter);width:2.75rem;min-width:44px;height:2.75rem;min-height:44px;color:var(--ink);font-family:var(--serif);cursor:pointer;place-items:center;padding:0;font-size:1.65rem;line-height:1;display:grid}.hero-page-controls button:hover{background:var(--rose)}.hero-page-controls span{text-align:center;min-width:3.8rem;font-size:.74rem;font-weight:850}.atlas-controls{border-bottom:1px solid var(--paper-line);background:var(--cream);padding:.75rem clamp(1.1rem,5vw,6rem)}.controls-strip{align-items:center;gap:1rem;max-width:54rem;display:flex}.controls-strip>p{font-family:var(--serif);flex:none;margin:0;font-size:1.3rem;font-weight:800}.search-panel{flex:1;grid-template-columns:minmax(0,1fr);align-items:center;gap:0;max-width:62rem;display:grid}.search-panel label,.filter-groups legend{letter-spacing:.08em;font-size:.78rem;font-weight:800}.search-panel label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.search-panel input{border:1px solid color-mix(in srgb, var(--ink) 32%, transparent);background:var(--cream);width:100%;color:var(--ink);font:inherit;border-radius:0;padding:.58rem .75rem}.filter-drawer{margin-top:.55rem}.filter-drawer summary{cursor:pointer;width:fit-content;color:var(--blue);font-size:.74rem;font-weight:800}.filter-groups{grid-template-columns:1.2fr 1fr 1fr;gap:1rem 1.5rem;margin-top:.8rem;padding:.65rem 0 .25rem;display:grid}.filter-groups fieldset{border:0;min-width:0;margin:0;padding:0}.filter-groups legend{margin-bottom:.52rem}.filter-chips{flex-wrap:wrap;gap:.4rem;display:flex}.filter-chips label{cursor:pointer;position:relative}.filter-chips input{opacity:0;pointer-events:none;position:absolute}.filter-chips span{border:1px solid color-mix(in srgb, var(--ink) 24%, transparent);background:color-mix(in srgb, var(--cream) 70%, transparent);border-radius:99px;padding:.4rem .62rem;font-size:.76rem;display:block}.filter-chips input:checked+span{border-color:var(--ink);background:var(--ink);color:var(--cream)}.filter-chips input:focus-visible+span{outline:3px solid var(--blue);outline-offset:2px}.result-bar{border-top:1px solid var(--paper-line);justify-content:space-between;align-items:center;gap:1rem;margin-top:.6rem;padding-top:.55rem;display:flex}.result-bar p{margin:0;font-size:.74rem}.result-bar strong{color:var(--blue)}.result-bar button{padding:.48rem .74rem;font-size:.78rem}.explorer-layout{padding:clamp(2rem,5vw,5.4rem) clamp(1.1rem,5vw,6rem);display:block}.section-heading{max-width:41rem}.section-heading h2,.reading-guide h2{font-size:clamp(2rem,4vw,4rem);line-height:1}.section-heading>p:last-child{margin:1rem 0 0;line-height:1.75}.evidence-legend{flex-wrap:wrap;gap:.6rem 1rem;margin:1.5rem 0 1.7rem;display:flex}.evidence-line{color:color-mix(in srgb, var(--ink) 80%, transparent);align-items:center;gap:.4rem;font-size:.71rem;line-height:1.35;display:inline-flex}.evidence-line:before{content:"";background:var(--blue);flex:0 0 1.5rem;height:2px}.evidence-line--documented:before{background:var(--blue)}.evidence-line--inferred:before{background:repeating-linear-gradient(90deg, var(--blue) 0 7px, transparent 7px 10px, var(--blue) 10px 12px, transparent 12px 16px)}.evidence-line--disputed:before{background:repeating-linear-gradient(90deg, var(--blue) 0 5px, transparent 5px 9px)}.origin-chapters{gap:clamp(2.4rem,6vw,5.5rem);display:grid}.origin-chapter{animation:.54s both chapter-enter;animation-delay:var(--chapter-delay);border:0;padding:0}.origin-chapter--natural,.origin-chapter--mutation,.origin-chapter--developed,.origin-chapter--mixed{background:0 0}.chapter-header{align-items:center;gap:.75rem;padding:0 0 .9rem;display:flex}.chapter-index{width:2rem;height:2rem;color:var(--blue);border:1px solid;border-radius:50%;place-items:center;font-size:.7rem;font-weight:800;display:grid}.chapter-header h3{font-family:var(--serif);margin:0;font-size:1.8rem}.chapter-header p{margin:.15rem 0 0;font-size:.74rem}.chapter-count{white-space:nowrap;margin-left:auto;font-size:.68rem;font-weight:750}.graph-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.72rem;margin:0;padding:0;list-style:none;display:grid}.breed-node{aspect-ratio:1;min-width:0}.breed-node__button{border:1px solid var(--ink);background:var(--blush);width:100%;height:100%;color:var(--ink);text-align:left;cursor:pointer;border-radius:0;padding:0;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s;display:block;position:relative;overflow:hidden}.breed-node__button:hover{z-index:2;box-shadow:6px 7px 0 var(--rose);transform:translateY(-4px)rotate(-1deg)}.breed-node__button[aria-pressed=true]{outline:4px solid var(--blue);outline-offset:3px}.cat-portrait{aspect-ratio:1;background:var(--blush);display:block;position:relative;overflow:hidden}.cat-portrait img{object-fit:cover;width:200%;max-width:none;height:200%;position:absolute}.cat-portrait--nw img{top:0;left:0}.cat-portrait--ne img{top:0;left:-100%}.cat-portrait--sw img{top:-100%;left:0}.cat-portrait--se img{top:-100%;left:-100%}.breed-node__portrait{width:100%;height:100%;position:absolute;inset:0}.breed-node__portrait img{transition:transform .35s cubic-bezier(.16,1,.3,1)}.breed-node__button:hover .breed-node__portrait img{transform:scale(1.05)}.breed-node__copy{z-index:1;background:var(--ink);min-width:0;color:var(--cream);gap:.02rem;margin:0;padding:.5rem .6rem;display:grid;position:absolute;bottom:0;left:0;right:0}.breed-node__zh{text-overflow:ellipsis;white-space:nowrap;font-family:var(--serif);font-size:clamp(.9rem,1.4vw,1.22rem);font-weight:760;overflow:hidden}.breed-node__en,.breed-node__meta{text-overflow:ellipsis;white-space:nowrap;font-size:.6rem;line-height:1.35;overflow:hidden}.breed-node__en{color:var(--butter);letter-spacing:.03em}.breed-node__meta{color:color-mix(in srgb, var(--cream) 72%, transparent)}.origin-badge{z-index:1;background:var(--cream);border:1px solid var(--ink);padding:.18rem .38rem;font-size:.53rem;font-weight:850;position:absolute;top:.45rem;right:.45rem}.origin-badge--natural{color:var(--blue)}.origin-badge--mutation{color:#765a17}.origin-badge--developed{color:#ad3f4d}.origin-badge--mixed{color:var(--ink)}.cat-detail{border:2px solid var(--ink);background:var(--cream);width:min(100% - 2rem,72rem);max-height:90dvh;color:var(--ink);box-shadow:10px 10px 0 var(--rose);margin:auto;padding:clamp(1.2rem,4vw,2.5rem);overflow:auto}.cat-detail::backdrop{background:color-mix(in srgb, var(--blue) 32%, transparent)}.detail-close{z-index:2;float:right;border:1px solid var(--ink);background:var(--cream);color:var(--ink);font:inherit;cursor:pointer;padding:.45rem .6rem;font-size:.74rem;font-weight:800;position:sticky;top:0}.detail-header{clear:both;grid-template-columns:minmax(18rem,25rem) minmax(0,1fr);align-items:center;gap:clamp(1.25rem,3vw,3rem);display:grid}.detail-portrait-button{width:100%;color:inherit;text-align:left;cursor:zoom-in;background:0 0;border:0;padding:0;display:block;position:relative}.detail-portrait-button:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.detail-portrait{border:2px solid var(--ink);width:100%;box-shadow:7px 7px 0 var(--blush);transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s}.detail-portrait-button:hover .detail-portrait{box-shadow:10px 11px 0 var(--rose);transform:translateY(-4px)scale(1.015)}.detail-portrait-hint{border:1px solid var(--ink);background:var(--cream);opacity:.92;padding:.28rem .45rem;font-size:.62rem;font-weight:800;position:absolute;bottom:.7rem;right:.7rem}.detail-header h2{font-size:clamp(2rem,4vw,3.4rem);line-height:.94}.detail-name-en{color:var(--blue);margin:.32rem 0 .65rem;font-size:.82rem}.detail-tags{flex-wrap:wrap;gap:.32rem;display:flex}.detail-tags span{background:var(--blush);padding:.25rem .43rem;font-size:.64rem}.detail-summary{margin:.95rem 0 0;font-size:.92rem;font-weight:650;line-height:1.72}.detail-facts{border-top:1px solid var(--paper-line);border-bottom:1px solid var(--paper-line);grid-template-columns:1fr 1fr;gap:.5rem;margin:1.1rem 0;padding:.85rem 0;display:grid}.detail-facts span{color:var(--blue);letter-spacing:.08em;font-size:.62rem;font-weight:750;display:block}.detail-facts strong{margin-top:.25rem;font-size:.76rem;line-height:1.45;display:block}.detail-story h3,.detail-relations h3,.detail-sources h3{font-family:var(--serif);margin:0 0 .45rem;font-size:1.16rem}.detail-story p{margin:.4rem 0;font-size:.83rem;line-height:1.75}.detail-relations{border-top:1px solid var(--paper-line);margin-top:1.15rem;padding-top:.9rem}.detail-relations ul,.detail-sources ul{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.detail-relations li{font-size:.75rem}.detail-relations strong{margin-top:.25rem;display:block}.detail-relations p{color:color-mix(in srgb, var(--ink) 75%, transparent);margin:.22rem 0 0;line-height:1.55}.detail-no-relationships{background:var(--butter);padding:.8rem;font-size:.8rem;line-height:1.6}.detail-sources{border-top:1px solid var(--paper-line);margin-top:1.15rem;padding-top:.9rem}.detail-sources a{color:var(--blue);font-size:.74rem;line-height:1.4}.detail-lightbox{border:2px solid var(--cream);background:var(--ink);width:min(96vw,78rem);max-width:none;max-height:94dvh;color:var(--cream);box-shadow:10px 10px 0 var(--rose);margin:auto;padding:clamp(1rem,3vw,2rem)}.detail-lightbox::backdrop{background:color-mix(in srgb, var(--ink) 82%, transparent)}.detail-lightbox-close{z-index:2;float:right;border:1px solid var(--cream);background:var(--ink);color:var(--cream);font:inherit;cursor:pointer;padding:.45rem .6rem;font-size:.74rem;font-weight:800;position:sticky;top:0}.detail-lightbox__stage{clear:both;place-items:center;gap:.75rem;display:grid}.detail-lightbox__portrait{border:2px solid var(--cream);width:min(76vw,54rem);box-shadow:8px 8px 0 var(--rose)}.detail-lightbox__stage p{color:var(--butter);letter-spacing:.04em;margin:0;font-size:.78rem}.reading-guide{border:1px solid var(--ink);background:var(--butter);margin:0 clamp(1.1rem,5vw,6rem) clamp(2.5rem,7vw,6rem);padding:clamp(1.4rem,4vw,3.5rem)}.reading-guide>div{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:1.5rem;display:grid}.reading-guide p{margin:0;font-size:.89rem;line-height:1.72}.museum-footer{border-top:1px solid var(--paper-line);justify-content:space-between;gap:1rem;padding:1.35rem clamp(1.1rem,5vw,6rem);font-size:.72rem;display:flex}.museum-footer p{margin:0}.empty-results{text-align:center;max-width:42rem;margin:clamp(2rem,6vw,6rem) auto;padding:2rem}.empty-results h2{font-size:2.6rem}.empty-results p{line-height:1.7}.empty-results button{padding:.7rem 1rem}@keyframes chapter-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-cat-flow{0%,to{transform:translate(-.7%)}50%{transform:translate(.8%)}}@media (width<=1030px){.graph-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=720px){.museum-nav{gap:.7rem}.museum-nav>a:not(.museum-mark){display:none}.hero-picture-wall{height:max(38rem,82svh)}.hero-picture-wall:before{width:75vw;height:33vh;right:-22vw}.hero-picture-wall:after{width:64vw;height:25vh}.hero-museum-stamp{top:1.1rem;left:1.1rem}.hero-whisper{bottom:.8rem;right:1rem}.hero-slot--1{width:48vw;top:16%;left:-19%}.hero-slot--2{width:65vw;top:7%;left:16%}.hero-slot--3{width:49vw;top:24%;right:-17%}.hero-slot--4{width:45vw;bottom:4%;left:-8%}.hero-slot--5{width:40vw;bottom:2%;left:34%}.hero-slot--6{width:40vw;bottom:-1%;right:-10%}.hero-page-controls{bottom:.8rem;left:1rem}.hero-cat__caption{font-size:.76rem}.controls-strip{align-items:stretch}.controls-strip>p{align-self:center;font-size:1.05rem}.filter-groups{grid-template-columns:1fr;gap:.9rem}.explorer-layout{padding-inline:1rem}.graph-grid{grid-template-columns:1fr;gap:.9rem}.origin-chapter{padding:0}.chapter-header{align-items:flex-start}.chapter-count{display:none}.breed-node{position:relative}.breed-node:before{content:"";background:color-mix(in srgb, var(--blue) 58%, transparent);width:1px;position:absolute;top:-1rem;bottom:-1rem;left:-.92rem}.breed-node:first-child:before{top:2rem}.breed-node:last-child:before{bottom:calc(100% - 2.2rem)}.breed-node:after{content:"";border:2px solid var(--blue);background:var(--cream);border-radius:50%;width:.42rem;height:.42rem;position:absolute;top:2rem;left:-1.1rem}.cat-detail{width:calc(100% - 1rem);max-height:90dvh;box-shadow:4px 4px 0 var(--blush);padding:1.1rem}.detail-header{grid-template-columns:1fr}.detail-portrait-button,.detail-portrait{width:min(100%,30rem)}.detail-portrait-hint{bottom:.55rem;right:.55rem}.detail-facts{grid-template-columns:1fr}.detail-lightbox{width:calc(100% - 1rem);box-shadow:4px 4px 0 var(--rose);padding:.7rem}.detail-lightbox__portrait{width:min(88vw,30rem)}.reading-guide>div{grid-template-columns:1fr;gap:1rem}.museum-footer{display:grid}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important;transform:none!important}}