:root{--bg:#fbf9f5;--paper:#fff;--text:#33312e;--muted:#99958e;--line:#eeeae3;--orange:#f87b42;--orange-dark:#dc632d;--orange-pale:#fff0e6;--green:#6f927b;--radius:20px;--shadow:0 12px 36px #46341b08;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--text);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0;background:none;color:inherit}a{color:inherit;text-decoration:none}svg{vertical-align:middle}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f4ae6f;outline-offset:4px}button{touch-action:manipulation}button svg,[data-icon] svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}.app-shell{display:flex;min-height:100vh}.sidebar{width:222px;flex:0 0 222px;border-right:1px solid var(--line);background:#fff;position:fixed;inset:0 auto 0 0;padding:34px 20px 24px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;gap:11px;align-items:center;padding:0 10px;font-size:26px;letter-spacing:1px;font-weight:850}.brand-logo{background:var(--orange);color:#fff9e8;width:46px;height:46px;border-radius:15px;display:grid;place-items:center}.brand-logo svg{width:34px;height:34px;stroke-width:1.9}.brand small{display:block;font-size:8px;font-weight:700;letter-spacing:1.9px;margin-top:5px;color:#96928a}.sidebar-label{color:#aaa49c;font-size:11px;letter-spacing:2px;margin:30px 10px 24px}.side-nav{display:flex;flex-direction:column;gap:10px}.nav-item{display:flex;gap:14px;align-items:center;width:100%;padding:16px;border-radius:12px;font-size:14px;position:relative;font-weight:550;text-align:left;color:#77716a}.nav-item:hover{background:#faf8f5}.nav-item.active{color:#e16f36;background:#fff0e4;font-weight:750}.nav-item.active .nav-dot{width:6px;height:6px;border-radius:50%;background:var(--orange);margin-left:auto}.nav-count{margin-left:auto;border-radius:6px;padding:2px 7px;background:#f5f2ee;font-size:10px}.sidebar-bottom{margin-top:auto;padding-top:65px}.newbie-card{background:#faf7ef;border-radius:16px;padding:20px 16px;position:relative;overflow:hidden}.guide-paw{position:absolute;right:12px;top:12px;color:#e8ddbf;transform:rotate(20deg)}.guide-paw svg{width:43px;height:43px}.newbie-card strong{position:relative;display:block;font-size:14px;margin:3px 0 10px}.newbie-card p{font-size:11px;line-height:1.9;color:#a59a85;margin:0 0 15px}.newbie-card button{background:#fff;padding:9px 12px;border-radius:8px;font-size:11px;display:flex;gap:20px;align-items:center;box-shadow:0 2px 5px #43390c03}.newbie-card button svg{width:15px;height:15px}.sidebar-note{font-size:10px;color:#8b8a80;padding:23px 10px 0}.tiny-dot{display:inline-block;width:5px;height:5px;background:#91a68a;border-radius:50%;margin-right:3px}.sidebar-note small{display:block;color:#b7b1a6;font-size:9px;line-height:1.9;margin-top:9px}.workspace{width:calc(100% - 222px);margin-left:222px}.topbar{height:86px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 42px;background:rgba(255,255,255,.75)}.breadcrumb{font-size:12px;color:#a7a097;display:flex;gap:15px;align-items:center}.breadcrumb span{color:#d5cfc5}.breadcrumb strong{font-size:12px;font-weight:550;color:#666158}.header-actions{display:flex;gap:22px;align-items:center}.wallet-chip{display:flex;gap:9px;align-items:center;font-size:12px}.wallet-chip>span:first-child{color:#e49a42;display:grid;place-items:center;background:#fff4dc;width:29px;height:29px;border-radius:50%}.wallet-chip strong{font-size:14px;letter-spacing:.3px}.wallet-unit{color:#a09a90;font-size:10px}.chip-plus{background:#f3eee7;color:#a0978b;width:19px;height:19px;display:grid;place-items:center;border-radius:6px;font-size:13px;margin-left:4px}.avatar{background:#e7ebe0;color:#75816c;width:35px;height:35px;display:grid;place-items:center;border:3px solid #fff;border-radius:50%;font-size:12px;font-weight:700;box-shadow:0 0 0 1px #ece9e0}.mobile-brand{display:none}main{max-width:1328px;margin:0 auto;padding:30px 42px 0;outline:none}.hero{border-radius:22px;background:#f8e7b5;min-height:298px;position:relative;overflow:hidden;display:flex;align-items:center;padding:35px 40px}.hero:before{content:"";width:430px;height:430px;position:absolute;right:-75px;top:-130px;border:1px solid #d9c79166;border-radius:50%;box-shadow:0 0 0 40px #f2dfa033,0 0 0 80px #f2dfa022}.hero-content{position:relative;z-index:2;width:55%}.eyebrow{display:flex;align-items:center;gap:7px;font-size:9px;font-weight:750;letter-spacing:2.2px;color:#a77e44}.eyebrow .line{width:22px;height:1px;background:#b69255}.hero h1{font-size:40px;line-height:1.35;letter-spacing:2px;color:#4d422e;margin:17px 0 11px;font-weight:850}.hero h1 em{font-style:normal;color:#bb6c3d}.hero-description{font-size:12px;color:#978664;line-height:1.9;margin:0 0 22px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 19px;border-radius:10px;font-size:12px;font-weight:650;transition:background .15s,transform .15s;white-space:nowrap;min-height:42px}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--orange);color:white;box-shadow:0 5px 12px #f87b4220}.button.primary:hover{background:var(--orange-dark)}.button.secondary{background:#f6f2ec;color:#746758}.button.outline{border:1px solid var(--line);background:#fff}.button.light{background:white;color:#9c7854}.button svg{width:15px;height:15px}.hero-footnote{display:inline-flex;margin-left:14px;font-size:10px;color:#a68c64;gap:5px;align-items:center}.hero-footnote svg{width:13px;height:13px}.hero-art{position:absolute;right:5px;bottom:-10px;width:49%;height:100%;z-index:1}.hero-cat{position:absolute;width:85%;bottom:-2%;right:7%;transform:rotate(-7deg);filter:drop-shadow(0 15px 10px #8c743418)}.hero-cat svg{width:100%;height:100%}.hero-cat.back{width:53%;right:-4%;bottom:1%;transform:rotate(14deg)}.speech{position:absolute;background:#fffdf3;border-radius:12px;padding:9px 13px;font-size:12px;color:#9c8960;right:35px;top:30px;transform:rotate(7deg);z-index:3;box-shadow:0 4px 5px #9d7e3510}.speech:after{content:"";position:absolute;border:6px solid transparent;border-top-color:#fffdf3;bottom:-11px;left:18px}.floating-star{position:absolute;color:#d1aa58;font-size:28px;left:18px;top:44px;transform:rotate(18deg)}.hero-number{font-size:9px;letter-spacing:3px;color:#bba46e;position:absolute;bottom:24px;right:22px}.checkin-strip{display:flex;align-items:center;gap:12px;border:1px solid #eee8dd;background:#fffdf9;border-radius:13px;margin-top:17px;padding:12px 17px}.strip-icon{color:#dca14c;background:#fdf2dc;border-radius:10px;width:35px;height:35px;display:grid;place-items:center}.checkin-copy{display:flex;gap:12px;align-items:center;flex:1}.checkin-copy strong{font-size:12px;font-weight:600}.checkin-copy span{font-size:11px;color:#aaa296}.strip-divider{width:1px;height:11px;background:#e5ded1}.checkin-strip button{font-size:11px;color:#c98640;display:flex;gap:12px;align-items:center;background:#fff2d9;padding:8px 13px;border-radius:8px}.checkin-strip button svg{width:14px;height:14px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:32px 0 21px}.section-title{display:flex;gap:12px;align-items:center}.section-title h2{font-size:21px;letter-spacing:.4px;margin:0;font-weight:750}.section-title small{font-size:10px;color:#aaa399;margin-top:4px}.section-kicker{font-size:10px;letter-spacing:1px;color:#aaa398}.section-head>a{font-size:11px;color:#9e9282}.filter-bar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.filter-tabs{display:flex;gap:8px}.filter-tab{padding:9px 15px;font-size:11px;border-radius:8px;color:#999184;border:1px solid transparent;white-space:nowrap}.filter-tab.active{background:var(--text);color:white}.filter-tab:not(.active):hover{background:#f0ece5}.filter-tab svg{width:13px;height:13px;margin-right:3px}.filter-tools{display:flex;gap:9px;align-items:center}.searchbox{background:#fff;border:1px solid var(--line);border-radius:8px;display:flex;gap:6px;align-items:center;padding:0 10px;height:35px;width:168px;color:#b0a99f}.searchbox svg{width:15px;height:15px}.searchbox input{font-size:10px;background:none;border:0;outline:none!important;min-width:0;width:100%;color:#70675a;height:100%}.searchbox input::placeholder{color:#b3aba0}.sort-select{height:35px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:10px;color:#948b7e;padding:0 8px;max-width:135px}.results-line{font-size:10px;color:#a79e91;margin:-7px 0 16px}.cat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.cat-card{min-width:0;background:#fff;border-radius:17px;border:1px solid #eee9e2;overflow:hidden;box-shadow:0 3px 8px #3e302504;transition:transform .2s,box-shadow .2s}.cat-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #52371a0c}.cat-scene{position:relative;margin:7px 7px 0;border-radius:12px;background:var(--scene-bg,#f5eede);aspect-ratio:1.12;overflow:hidden;cursor:pointer;display:flex;align-items:flex-end;justify-content:center;isolation:isolate}.cat-scene:before{content:"";width:76%;height:76%;position:absolute;background:#ffffff35;border-radius:50%;left:12%;top:19%;z-index:-1}.cat-scene>svg{width:100%;height:100%;transition:transform .25s;object-fit:contain;margin-bottom:-2px}.cat-card:hover .cat-scene>svg{transform:translateY(-3px) rotate(-2deg)}.cat-badge{position:absolute;top:10px;left:10px;background:#fffaf1dd;color:#a38b63;font-size:9px;line-height:19px;border-radius:5px;padding:0 6px;z-index:3}.cat-badge.rare{color:#8d78ac;background:#f5edffed}.cat-badge.legend{color:#bc8744;background:#fff6dced}.favorite{position:absolute;right:8px;top:8px;background:#ffffffbf;border-radius:50%;width:27px;height:27px;display:grid;place-items:center;color:#b4a99b;z-index:3}.favorite svg{width:14px;height:14px}.favorite.liked{color:#f17b74}.favorite.liked svg{fill:currentColor}.generation{position:absolute;right:10px;bottom:10px;color:#827c70;background:#fffdf3cc;border-radius:5px;padding:3px 6px;font-size:9px;z-index:3}.card-info{padding:15px 13px 12px}.card-name{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:650;margin:0 0 7px;min-width:0}.card-name button{padding:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gender{color:#83a6b3;font-size:11px;font-weight:400}.gender.female{color:#cf9298}.cat-id{font-size:9px;letter-spacing:.5px;color:#b2aa9e;display:flex;align-items:center;gap:5px}.id-dot{height:4px;width:4px;background:#aab6a0;border-radius:50%;display:inline-block}.card-bottom{border-top:1px solid #f2eee7;margin-top:13px;padding-top:11px;display:flex;justify-content:space-between;gap:4px;align-items:center}.cat-price{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:700;color:#b1834d;white-space:nowrap}.cat-price svg{width:13px;height:13px;stroke-width:2}.cat-price small{font-size:9px;font-weight:400;color:#b9a88f}.adopt-btn{border-radius:7px;background:#fff1e6;color:#df7d49;font-size:10px;padding:7px 10px;white-space:nowrap}.adopt-btn:hover{background:#ffe1cc}.owned-status{font-size:10px;color:#8c9a81}.load-more{display:flex;justify-content:center;margin:28px 0}.load-more .button{background:transparent;border:1px solid #e7e0d5;font-size:11px;color:#a3998a;padding:9px 28px}.site-footer{max-width:1328px;margin:12px auto 0;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#b5aea3;padding:22px 42px 27px;border-top:1px solid #eee8de}.site-footer button{font-size:9px;color:#a69a8c;display:flex;align-items:center;gap:7px}.site-footer svg{width:12px;height:12px}.mobile-nav{display:none}.icon-button{padding:8px;background:#f7f4ef;border-radius:50%;display:grid;place-items:center}.icon-button svg{width:18px;height:18px}dialog{border:0;padding:0;border-radius:24px;max-width:min(780px,calc(100vw - 36px));width:780px;color:var(--text);background:var(--paper);box-shadow:0 28px 100px #2f211540;max-height:90dvh;overscroll-behavior:contain}dialog::backdrop{background:#38312666;backdrop-filter:blur(5px)}.modal-shell{padding:34px;position:relative}.modal-close{position:absolute;right:16px;top:16px;z-index:4}dialog h2{font-size:23px;margin:0 0 12px}dialog h3{font-size:14px;margin:22px 0 13px}dialog p{font-size:12px;line-height:1.9;color:#948a7a}dialog small{color:#a59a8a;font-size:10px}.detail-top{display:grid;grid-template-columns:1fr 1fr;gap:26px}.detail-scene{background:var(--scene-bg);border-radius:18px;display:flex;align-items:center;min-height:245px;position:relative;overflow:hidden}.detail-scene>svg{width:100%;height:auto}.detail-copy{padding-top:14px}.detail-label{font-size:9px;letter-spacing:1.5px;color:#b29363;margin-bottom:12px}.detail-tags{display:flex;gap:7px;margin:15px 0}.tag{display:inline-block;padding:5px 8px;border-radius:5px;font-size:10px;background:#f7f3ec;color:#a28e6c}.tag.purple{background:#f3eefa;color:#9b87b5}.detail-price{font-size:24px;font-weight:750;color:#b1834d;display:flex;gap:8px;align-items:center;margin:18px 0}.detail-price svg{width:22px;height:22px}.detail-price small{font-size:11px;font-weight:400}.detail-buttons{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.detail-buttons .favorite{position:static;width:41px;height:41px;background:#f9f4ef;flex:0 0 auto}.detail-buttons .favorite svg{width:18px;height:18px}.info-tabs{display:flex;gap:25px;border-bottom:1px solid var(--line);margin-top:25px}.info-tab{padding:12px 0;color:#a1988d;font-size:12px;border-bottom:2px solid transparent}.info-tab.active{color:#e17f4d;border-bottom-color:var(--orange)}.gene-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.gene-cell{padding:13px 12px;border-radius:10px;background:#fbf8f4;display:flex;flex-direction:column;gap:7px}.gene-cell small{font-size:9px;color:#aba090}.gene-cell strong{font-size:11px;font-weight:550}.gene-swatch{width:12px;height:12px;border-radius:50%;display:inline-block;margin-right:5px;vertical-align:middle;border:1px solid #53432c14}.detail-caption{font-size:10px;color:#b3a794;line-height:1.9;margin-top:14px}.timeline{padding:5px 0 0 14px;list-style:none;margin-bottom:0}.timeline li{position:relative;border-left:1px solid #ece4d7;padding:0 0 22px 20px;font-size:12px}.timeline li:before{content:"";position:absolute;left:-4px;top:4px;width:7px;height:7px;border-radius:50%;background:#d9c49f;box-shadow:0 0 0 4px white}.timeline li:last-child{padding-bottom:5px;border-color:transparent}.timeline strong{font-weight:550;display:block;margin-bottom:6px}.timeline small{font-size:10px}.block-info{padding:14px;background:#faf7f1;border-radius:10px;margin-top:18px;overflow-wrap:anywhere;font-size:10px;color:#ae9e85;line-height:1.9}.about-card{padding:10px 0}.about-card h2{margin-top:4px}.about-card ol{padding-left:20px;color:#948a7a;font-size:12px;line-height:2.2}.about-card a{color:#d17d4a;text-decoration:underline}.about-card .button{margin-top:16px}.page-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:9px 0 22px}.page-intro h1{font-size:28px;margin:0 0 9px;font-weight:750}.page-intro p{margin:0;color:#a29786;font-size:12px;line-height:1.8}.page-intro .button{font-size:11px}.home-stats{display:flex;gap:42px;background:#f5efdf;padding:22px 28px;border-radius:16px;margin-bottom:28px}.stat-item strong{font-size:24px;font-weight:700;color:#8b7752}.stat-item span{display:block;font-size:10px;color:#ac9d80;margin-top:6px}.home-stats .stat-item:last-child{margin-left:auto;display:flex;flex-direction:column;justify-content:center}.cat-card.owned .cat-scene{aspect-ratio:1.12}.empty-state{text-align:center;padding:65px 20px;background:#fff;border:1px dashed #e7dfd0;border-radius:18px}.empty-state .empty-icon{display:block;color:#c4b69f;margin-bottom:20px}.empty-state svg{width:45px;height:45px}.empty-state h3{font-size:16px;font-weight:550;margin:0 0 10px}.empty-state p{font-size:12px;color:#b2a693;line-height:1.9}.empty-state .button{margin-top:12px}.breed-banner{background:#ecefe5;border-radius:20px;padding:28px 32px;display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;position:relative;overflow:hidden}.breed-banner h2{font-size:23px;font-weight:700;margin:0 0 9px;color:#637557}.breed-banner p{font-size:12px;color:#98a18b;line-height:1.9;margin:0}.breed-banner>span{color:#a8b799;opacity:.6;transform:rotate(15deg)}.breed-banner>span svg{width:75px;height:75px;stroke-width:1}.breed-studio{border-radius:22px;background:#fff;border:1px solid var(--line);padding:32px;margin-bottom:26px}.breed-pair{display:grid;grid-template-columns:1fr 56px 1fr;align-items:center;gap:20px;max-width:720px;margin:auto}.parent-slot{width:100%;border:1px dashed #ded9cb;border-radius:17px;background:#fcfaf5;min-height:260px;display:flex;align-items:center;flex-direction:column;justify-content:center;overflow:hidden;padding:13px;transition:background .2s}.parent-slot:hover{background:#f9f3e7}.parent-slot>svg{width:100%;height:190px}.parent-slot .plus-circle{width:45px;height:45px;border:1px solid #dcd4c3;border-radius:50%;display:grid;place-items:center;color:#b3a489;font-size:26px;font-weight:300;margin-bottom:14px}.parent-slot strong{font-size:13px;font-weight:550}.parent-slot small{font-size:10px;color:#aaa08d;margin-top:8px}.parent-slot .slot-caption{font-size:10px;color:#d39568;margin-bottom:8px}.pair-heart{width:44px;height:44px;color:#dcaaa2;border-radius:50%;background:#fff6f1;display:grid;place-items:center}.pair-heart svg{width:22px;height:22px;fill:#f7dbd3}.breed-summary{text-align:center;border-top:1px solid var(--line);padding-top:25px;margin-top:25px}.breed-summary p{font-size:11px;color:#a99c88;line-height:1.9;margin:0 0 15px}.breed-summary .button{min-width:200px}.breed-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0 30px}.rule-card{border-radius:12px;padding:20px;background:#f5f1e9}.rule-card strong{font-size:12px;font-weight:550;display:block;margin:0 0 8px}.rule-card small{font-size:10px;color:#a79c89;line-height:1.9}.rule-card .rule-number{color:#c8b99c;font-size:9px;letter-spacing:2px;margin-bottom:13px;display:block}.parent-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.pick-cat{background:#faf6ee;border:1px solid transparent;border-radius:12px;padding:5px 10px 15px;display:flex;align-items:center;flex-direction:column}.pick-cat:hover{border-color:#eeb78e}.pick-cat:disabled{opacity:.4}.pick-cat>svg{width:100%;height:140px}.pick-cat strong{font-size:12px;font-weight:550}.pick-cat small{margin-top:6px}.celebrate{text-align:center;padding:0 20px 10px}.celebrate .new-cat-art{width:260px;height:240px;margin:0 auto;background:#fff3db;border-radius:50%;display:flex;align-items:center}.new-cat-art>svg{width:100%;height:100%}.celebrate .eyebrow{justify-content:center;margin:18px 0 12px}.celebrate h2{font-size:26px}.wallet-heading{background:#fff6e3;border-radius:15px;padding:24px;margin:20px 0;display:flex;align-items:center;gap:15px;color:#b68c47}.wallet-heading svg{width:34px;height:34px}.wallet-heading strong{display:block;font-size:29px;letter-spacing:.5px}.wallet-heading small{display:block;margin-top:5px;color:#ae9d7a}.ledger-list{max-height:300px;overflow:auto}.ledger-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:14px 0;gap:15px}.ledger-row strong{display:block;font-size:12px;font-weight:500;margin-bottom:5px}.ledger-row small{font-size:10px}.ledger-row .amount{font-size:14px;color:#bb996b;white-space:nowrap}.ledger-row .amount.positive{color:#7e9a76}.rename-form{margin-top:15px;display:flex;gap:9px}.rename-form input{flex:1;min-width:0;padding:10px;border:1px solid #e3dacb;border-radius:8px;font-size:12px}.gene-hero{border-radius:20px;background:#e9ecf1;padding:30px;position:relative;overflow:hidden;margin-bottom:26px}.gene-hero h2{font-size:24px;line-height:1.5;color:#758195;margin:0 0 10px}.gene-hero p{font-size:12px;line-height:1.9;color:#9aa2b0;margin:0;max-width:70%}.gene-hero>span{position:absolute;right:35px;top:20px;transform:rotate(20deg);color:#b5c0d2}.gene-hero>span svg{width:95px;height:95px;stroke-width:1}.palette-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:28px}.palette-item{border:1px solid var(--line);background:#fff;border-radius:15px;text-align:center;padding:10px 12px 20px}.palette-item>svg{width:100%;height:150px}.palette-item strong{font-size:12px;font-weight:550;display:block;margin:4px 0 8px}.palette-item small{font-size:10px;color:#aaa193}.gene-guide-row{display:flex;gap:20px;align-items:flex-start;padding:20px;background:#fff;border:1px solid var(--line);border-radius:13px;margin-bottom:12px}.gene-guide-row>span{background:#f7f1e4;padding:10px;border-radius:11px;color:#b9a37b}.gene-guide-row h3{font-size:13px;margin:0 0 9px}.gene-guide-row p{font-size:11px;color:#a49a8a;line-height:1.9;margin:0}.family-row{display:flex;justify-content:center;gap:20px;text-align:center;margin-top:20px}.family-parent{width:45%;background:#faf6ef;border-radius:13px;padding:15px}.family-parent>svg{width:100%;height:130px}.family-parent strong{font-size:12px;font-weight:550;display:block}.family-parent small{font-size:9px;display:block;margin-top:8px}.family-line{font-size:12px;color:#a59882;text-align:center;margin:20px 0 0}.listing-form{margin-top:15px}.listing-form label{display:block;font-size:11px;color:#a69985;margin-bottom:8px}.listing-form input{padding:12px;border:1px solid #e5dac9;border-radius:9px;width:100%;font-size:13px;margin-bottom:15px}.info-notice{font-size:10px;color:#b7a48b;line-height:1.9;background:#faf7ef;padding:12px;border-radius:9px;margin-top:15px}#toast{position:fixed;bottom:32px;left:calc(50% + 111px);transform:translate(-50%,20px);background:#454038ed;backdrop-filter:blur(6px);color:#fffaf0;border-radius:12px;font-size:12px;padding:13px 22px;z-index:1000;pointer-events:none;opacity:0;transition:opacity .2s,transform .2s;max-width:calc(100vw - 40px);text-align:center;white-space:normal;line-height:1.6}#toast.show{opacity:1;transform:translate(-50%,0)}.save-note{position:fixed;bottom:0;left:0;right:0;background:#fff1da;text-align:center;font-size:10px;padding:5px;z-index:110}.soft-label{display:inline-flex;background:#fff0e4;color:#d58c5f;font-size:10px;padding:6px 10px;border-radius:7px}.reset-button{color:#af9c81;font-size:10px;text-decoration:underline;margin-top:20px}.confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.filter-empty{grid-column:1/-1}.motion-in{animation:appear .35s ease-out}@keyframes appear{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1550px){.hero{min-height:340px}.hero h1{font-size:48px}.hero-art{width:47%;right:20px}.hero-cat{width:82%}.cat-scene{aspect-ratio:1.1}.hero-content{width:52%}.hero-description{font-size:13px}}
@media(max-width:1250px){.sidebar{width:196px;flex-basis:196px;padding-left:14px;padding-right:14px}.workspace{margin-left:196px;width:calc(100% - 196px)}main{padding:27px 28px 0}.topbar{padding:0 28px}.site-footer{padding-left:28px;padding-right:28px}.hero{padding:30px;min-height:280px}.hero h1{font-size:34px}.hero-content{width:58%}.hero-art{right:-10px;width:49%}.hero-footnote{display:none}.cat-grid{gap:13px}.filter-tools{gap:6px}.filter-tab{padding:9px 11px;font-size:10px}.searchbox{width:140px}.cat-price small{display:none}.card-info{padding:13px 11px 11px}.adopt-btn{padding:6px 8px}.cat-name{font-size:12px}#toast{left:calc(50% + 98px)}}
@media(max-width:1020px){.sidebar{width:174px;flex-basis:174px;padding-left:12px;padding-right:12px}.workspace{margin-left:174px;width:calc(100% - 174px)}.brand{padding-left:5px;gap:7px;font-size:23px}.brand-logo{width:39px;height:39px;border-radius:12px}.brand-logo svg{width:29px;height:29px}.brand small{font-size:6px}.sidebar-label{font-size:9px;margin-left:6px;letter-spacing:1.5px}.nav-item{font-size:12px;padding:14px 12px;gap:12px}.hero-art{width:48%;right:-20px}.hero h1{font-size:30px}.hero-description{font-size:10px}.hero{min-height:270px;padding:28px}.speech{right:25px;top:35px;font-size:10px}.hero-cat{width:100%;right:0}.hero-cat.back{width:55%;right:-5%}.hero-number{font-size:7px}.hero-content{width:64%}.cat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.filter-bar{align-items:flex-start;flex-wrap:wrap;gap:14px}.filter-tools{margin-left:auto}.checkin-copy{gap:8px}.checkin-copy span{font-size:9px}.checkin-copy strong{font-size:11px}.checkin-strip{padding:11px}.checkin-strip button{padding:8px 10px;font-size:10px;gap:6px}.section-title h2{font-size:19px}.section-kicker{font-size:9px}.palette-grid{grid-template-columns:repeat(3,1fr)}.breed-studio{padding:24px}.breed-pair{gap:10px;grid-template-columns:1fr 35px 1fr}.pair-heart{width:35px;height:35px}.parent-slot{min-height:220px}.parent-slot>svg{height:160px}.breed-banner{padding:26px}.breed-banner h2{font-size:21px}.breed-rules{gap:12px}.rule-card{padding:16px}.home-stats{gap:25px}#toast{left:calc(50% + 87px)}}
@media(max-width:760px){.sidebar{display:none}.workspace{width:100%;margin:0}.topbar{height:70px;padding:0 23px;background:#fffdf9;border-bottom:1px solid #eee9df}.breadcrumb{display:none}.mobile-brand{display:flex;gap:9px;align-items:center}.mobile-brand>span{width:32px;height:32px;border-radius:10px;background:var(--orange);color:#fff8e5;display:grid;place-items:center}.mobile-brand svg{width:25px;height:25px}.mobile-brand strong{font-size:20px;letter-spacing:1px}.header-actions{gap:14px}.wallet-chip{font-size:11px;gap:6px}.wallet-chip strong{font-size:12px}.wallet-chip>span:first-child{width:25px;height:25px}.wallet-chip>span:first-child svg{width:17px;height:17px}.avatar{width:30px;height:30px;font-size:10px}.wallet-unit{font-size:9px}.chip-plus{display:none}main{padding:21px 22px 0;max-width:680px;min-height:calc(100dvh - 190px)}.hero{min-height:253px;border-radius:18px;padding:25px;align-items:flex-start}.hero-content{width:70%}.eyebrow{font-size:7px;letter-spacing:1.2px}.eyebrow .line{width:14px}.hero h1{font-size:31px;letter-spacing:1.5px;margin:15px 0 10px}.hero-description{font-size:10px;line-height:1.85;max-width:220px;margin-bottom:18px}.hero .button{font-size:10px;padding:10px 14px;min-height:36px}.hero-art{height:82%;width:49%;right:-12px;bottom:-7px}.hero-cat{width:120%;right:-15%}.hero-cat.back{width:60%;right:-10%;bottom:5%}.hero-number{font-size:6px;bottom:13px;right:13px;letter-spacing:1.5px}.floating-star{font-size:20px;left:10px;top:30px}.speech{font-size:9px;right:26px;top:12px;padding:6px 9px}.hero:before{width:300px;height:300px;right:-140px;top:-65px}.checkin-strip{border-radius:11px;margin-top:13px;padding:11px;gap:9px}.strip-icon{width:30px;height:30px;border-radius:8px;flex:0 0 auto}.strip-icon svg{width:18px;height:18px}.checkin-copy{display:block;min-width:0}.checkin-copy strong{font-size:11px;display:block;font-weight:550}.checkin-copy span{font-size:8px;display:block;margin-top:5px;white-space:nowrap}.checkin-copy .strip-divider{display:none}.checkin-strip button{font-size:9px;padding:8px;gap:3px;white-space:nowrap}.checkin-strip button svg{width:12px;height:12px}.section-head{margin:27px 0 17px;gap:8px}.section-title{gap:8px}.section-title h2{font-size:20px}.section-title small{font-size:9px}.section-kicker{font-size:8px;letter-spacing:0}.filter-bar{gap:13px;margin-bottom:17px}.filter-tabs{gap:4px;width:100%;justify-content:space-between}.filter-tab{font-size:10px;padding:9px 11px}.filter-tools{width:100%;margin:0;gap:9px}.searchbox{width:auto;flex:1;height:34px;font-size:10px}.sort-select{height:34px;font-size:10px}.cat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cat-card{border-radius:14px}.cat-scene{margin:5px 5px 0;border-radius:10px;aspect-ratio:1.02}.cat-badge{font-size:8px;line-height:18px;left:8px;top:8px;padding:0 5px}.favorite{width:25px;height:25px;top:7px;right:7px}.favorite svg{width:13px;height:13px}.generation{font-size:8px;bottom:8px;right:8px}.card-info{padding:12px 10px 10px}.card-name{font-size:12px;gap:4px}.cat-id{font-size:8px;gap:4px}.card-bottom{margin-top:11px;padding-top:10px}.cat-price{font-size:12px;gap:3px}.cat-price svg{width:12px;height:12px}.adopt-btn{font-size:9px;padding:6px 9px}.owned-status{font-size:9px}.load-more{margin:23px 0}.load-more .button{font-size:10px;min-height:35px;padding:8px 22px}.site-footer{font-size:8px;margin:0 22px 77px;padding:18px 0 20px;gap:10px}.site-footer button{font-size:8px;gap:5px}.site-footer svg{width:10px;height:10px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fffdfaf5;border-top:1px solid #efe9df;z-index:35;padding:9px 14px max(9px,env(safe-area-inset-bottom));backdrop-filter:blur(12px);justify-content:space-around}.mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:9px;color:#b3a799;min-width:60px;padding:3px 6px}.mobile-nav button svg{width:21px;height:21px}.mobile-nav button.active{color:#ee8954}.mobile-nav button.active svg{stroke-width:2}.detail-top{grid-template-columns:1fr;gap:13px}.detail-scene{max-height:230px;min-height:200px;justify-content:center}.detail-scene>svg{width:245px;height:230px}.detail-copy{padding-top:3px}.detail-copy h2{font-size:23px;display:inline-block;margin:0 7px 0 0}.detail-label{font-size:8px;margin-bottom:10px}.detail-tags{margin:12px 0;gap:6px;display:inline-flex}.detail-copy>small{display:block}.detail-price{margin:12px 0;font-size:23px}.detail-price small{font-size:10px}.modal-shell{padding:25px 22px}.modal-close{right:12px;top:12px}dialog{border-radius:20px;width:520px;max-height:87dvh;max-width:calc(100vw - 28px)}.detail-buttons{gap:8px}.detail-buttons .button{flex:1;font-size:11px;padding:11px 14px}.info-tabs{margin-top:17px;gap:24px}.info-tab{font-size:11px}.gene-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:15px}.gene-cell{padding:11px}.detail-caption{font-size:9px}.detail-buttons .favorite{width:40px;height:40px}.about-card p{font-size:11px}.about-card ol{font-size:11px;padding-left:17px}.page-intro{padding:7px 0 19px;gap:10px;align-items:flex-start}.page-intro h1{font-size:25px}.page-intro p{font-size:10px}.page-intro .button{font-size:10px;min-height:35px;padding:9px 12px}.home-stats{padding:20px;gap:30px;flex-wrap:wrap}.stat-item strong{font-size:23px}.stat-item span{font-size:9px}.home-stats .stat-item:last-child{margin-left:0;flex-basis:100%;padding-top:12px;border-top:1px solid #e7deca}.breed-banner{padding:23px;align-items:flex-start}.breed-banner h2{font-size:20px;line-height:1.5;max-width:85%;margin-bottom:8px}.breed-banner p{font-size:10px;line-height:1.9;max-width:90%}.breed-banner>span{position:absolute;right:15px;top:20px}.breed-banner>span svg{width:50px;height:50px}.breed-studio{padding:17px;border-radius:18px}.breed-pair{gap:7px;grid-template-columns:1fr 23px 1fr}.parent-slot{min-height:190px;border-radius:13px;padding:8px}.parent-slot>svg{height:123px}.parent-slot strong{font-size:11px}.parent-slot small{font-size:8px}.parent-slot .slot-caption{font-size:8px;margin-bottom:3px}.parent-slot .plus-circle{width:32px;height:32px;font-size:20px}.pair-heart{width:23px;height:23px}.pair-heart svg{width:16px;height:16px}.breed-summary{margin-top:20px;padding-top:20px}.breed-summary p{font-size:10px}.breed-summary .button{min-width:170px;font-size:11px}.breed-rules{grid-template-columns:1fr;gap:10px;margin:20px 0}.rule-card{padding:16px;display:grid;grid-template-columns:34px 1fr;gap:0 7px}.rule-card .rule-number{grid-row:1/3;margin:0;padding-top:2px}.rule-card strong{font-size:11px}.rule-card small{font-size:9px}.parent-picker{grid-template-columns:repeat(2,1fr)}.pick-cat>svg{height:125px}.celebrate{padding:0}.celebrate .new-cat-art{width:230px;height:210px}.celebrate h2{font-size:23px}.wallet-heading{padding:20px}.wallet-heading strong{font-size:28px}.wallet-heading small{font-size:9px}.palette-grid{grid-template-columns:repeat(2,1fr);gap:12px}.palette-item{padding:8px 8px 17px}.palette-item>svg{height:132px}.palette-item strong{font-size:11px}.palette-item small{font-size:9px}.gene-hero{padding:25px}.gene-hero h2{font-size:22px}.gene-hero p{font-size:10px;max-width:78%}.gene-hero>span{right:10px;top:24px}.gene-hero>span svg{width:65px;height:65px}.gene-guide-row{gap:14px;padding:17px}.gene-guide-row h3{font-size:12px}.gene-guide-row p{font-size:10px}.empty-state{padding:45px 18px}.empty-state h3{font-size:14px}.empty-state p{font-size:11px}.family-row{gap:10px}.family-parent{padding:10px}.family-parent>svg{height:110px}.family-parent strong{font-size:11px}#toast{left:50%;bottom:90px;width:max-content;max-width:calc(100vw - 40px);font-size:11px;padding:12px 18px}.save-note{bottom:70px;font-size:9px}}
@media(max-width:375px){main{padding-left:16px;padding-right:16px}.topbar{padding-left:17px;padding-right:17px}.hero{padding:23px 20px;min-height:245px}.hero h1{font-size:28px}.hero-description{font-size:9px;max-width:170px}.hero-art{width:48%;height:78%}.speech{right:20px;font-size:8px}.checkin-copy span{font-size:7px}.checkin-strip button{font-size:8px}.filter-tab{padding:9px 10px;font-size:9px}.section-title h2{font-size:18px}.cat-grid{gap:10px}.card-info{padding:11px 9px 9px}.cat-price{font-size:11px}.adopt-btn{font-size:8px;padding:6px 7px}.card-name{font-size:11px}.site-footer{margin-left:16px;margin-right:16px}.section-kicker{font-size:7px}.wallet-unit{display:none}.hero-content{width:72%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Account and persistent cat-shelter experience */
.cloud-status{max-width:1244px;margin:20px 42px -8px;padding:12px 16px;border:1px solid #e9e3d6;border-radius:12px;background:#fffdf6;display:flex;align-items:center;gap:12px;font-size:11px;color:#9a896d;line-height:1.7}.cloud-status[hidden]{display:none}.cloud-status>span{flex:1;min-width:0;display:flex;align-items:center;gap:7px}.cloud-status svg{width:15px;height:15px;flex:0 0 auto}.cloud-status button{font-size:10px;color:#c58248;white-space:nowrap;background:#fff1db;border-radius:7px;padding:7px 10px}.cloud-status button:hover{background:#ffe9c4}.account-top{max-width:130px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;border:1px solid #efdec9;background:#fff6e8;color:#b98751;padding:8px 12px;font-size:11px;border-radius:9px}.account-top[hidden]{display:none}.account-top:hover{background:#ffefd9}.account-choice{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.account-gate .account-choice{justify-content:center}.account-gate>small{font-size:10px;color:#b6a98f;display:block;margin-top:24px}.account-summary{display:flex;align-items:center;gap:14px;margin:24px 0 17px}.account-avatar{height:48px;width:48px;flex:0 0 auto;background:#ecedde;color:#94a179;display:grid;place-items:center;border-radius:17px;font-size:20px;font-weight:700}.account-summary strong{font-size:17px;font-weight:600;display:block;overflow-wrap:anywhere}.account-summary small{display:block;margin-top:7px;line-height:1.8}.account-metrics{display:flex;gap:26px;background:#fbf5e9;padding:18px;border-radius:12px;font-size:11px;color:#ac9775;flex-wrap:wrap}.account-metrics strong{font-size:21px;color:#9a7b4c;margin-right:5px}.account-tabs{display:flex;border-bottom:1px solid var(--line);gap:22px;margin:20px 0}.account-tabs button{font-size:11px;padding:10px 0;color:#b1a28c;border-bottom:2px solid transparent}.account-tabs button.active{border-bottom-color:var(--orange);color:#e0834e}.account-form{display:flex;flex-direction:column;gap:9px}.account-form label{font-size:11px;color:#9b8e79}.account-form input{border:1px solid #e7dfd1;border-radius:9px;font-size:12px;padding:12px;min-width:0;min-height:43px;color:#75654e;background:#fffdf8}.account-form input::placeholder{color:#b7ad9e;font-size:11px}.account-form label:not(:first-child){margin-top:8px}.account-form .button{margin-top:3px;min-height:43px}.form-error{font-size:11px;color:#c7775e;line-height:1.8;overflow-wrap:anywhere;min-height:3px}.form-error:not(:empty){padding:9px 11px;background:#fff0e8;border-radius:7px}.account-or{font-size:10px;color:#b3a691;text-align:center;margin:20px 0 14px}.account-full{width:100%}.account-fine{font-size:9px!important;color:#b6a990!important;text-align:center;line-height:1.9!important;margin:17px 0 0!important}.cloud-busy #main{cursor:progress}.cloud-busy #modal button[type="submit"]{cursor:progress}.cat-id [data-ready-cat]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cat-id{min-width:0}.detail-tags .tag{white-space:normal}.detail-tags{flex-wrap:wrap}
@media(min-width:1412px){.cloud-status{margin-left:auto;margin-right:auto;width:calc(100% - 84px)}}
@media(max-width:1250px){.cloud-status{margin-left:28px;margin-right:28px}}
@media(max-width:760px){.header-actions{gap:9px}.account-top{font-size:9px;padding:7px 9px;max-width:97px}.header-actions>.avatar{display:none}.cloud-status{margin:15px 22px -4px;padding:10px 12px;gap:7px;font-size:9px;align-items:center;flex-wrap:wrap}.cloud-status>span{min-width:145px;gap:5px}.cloud-status button{font-size:9px;padding:6px 8px}.cloud-status svg{width:13px;height:13px}.account-summary{margin:20px 0 15px}.account-summary strong{font-size:16px}.account-summary small{font-size:9px}.account-choice{gap:8px}.account-choice .button{font-size:11px;flex:1}.account-metrics{gap:15px;padding:16px}.account-metrics span{font-size:10px}.account-metrics strong{font-size:20px}.account-tabs{gap:18px;margin:16px 0}.account-tabs button{font-size:10px}.account-gate{padding:40px 16px}.account-gate p{font-size:10px}.account-gate>small{font-size:9px}.account-form input{font-size:12px;padding:11px}.account-form input::placeholder{font-size:10px}.account-form .button{font-size:11px}}
@media(max-width:375px){.cloud-status{margin-left:16px;margin-right:16px}.account-top{max-width:87px;font-size:8px;padding:7px 8px}.header-actions{gap:7px}.mobile-brand strong{font-size:18px}.wallet-chip{gap:4px}.wallet-chip>span:first-child{width:21px;height:21px}.wallet-chip strong{font-size:11px}}