:root{color:#332b27;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#332b27;--muted:#84766e;--line:#e6dbd2;--paper:#fffdfa;--cream:#fcf8f3;--coral:#df664e;--coral-dark:#bd4b3b;--sage:#b8cbb9;--blue:#c4d8de;--apricot:#f4c59a;--shadow:0 18px 45px #4f37281a;background:#e9e2dc;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:#e9e2dc;min-width:320px;min-height:100%;margin:0}body{overflow-x:clip}button{color:inherit;font:inherit}button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}button:disabled{cursor:default}.app-shell{background:var(--cream);width:min(100%,560px);min-height:100vh;margin:0 auto;box-shadow:0 0 55px #4e312014}.topbar{background:#fcf8f3f0;border-bottom:1px solid #e6dbd2cc;justify-content:space-between;align-items:center;height:59px;padding:0 21px;display:flex;position:relative}.brand,.nav-button,.back-button,.text-button,.mini-link,.result-share-link{cursor:pointer;background:0 0;border:0}.brand{letter-spacing:-.08em;align-items:center;gap:8px;padding:6px 0;font-size:15px;font-weight:900;display:inline-flex}.brand-mark{color:#fff;background:var(--ink);border-radius:9px 9px 9px 3px;place-items:center;width:25px;height:25px;font-size:17px;display:grid;transform:rotate(-9deg)}.top-nav{gap:3px;display:flex;position:absolute;top:50%;right:21px;transform:translateY(-50%)}.nav-button{color:var(--ink);border-radius:9px;padding:8px 7px;font-size:11px;font-weight:800;display:inline-flex}.nav-button:hover,.nav-button--active{color:var(--ink);background:#f0e9e2}.nav-soon{color:#667e73;background:#e4eee7;border-radius:4px;margin-left:3px;padding:2px 4px;font-size:8px}.page-transition{animation:.3s cubic-bezier(.2,.8,.2,1) both page-in}.page-container{padding:20px 20px 58px}.eyebrow{color:var(--muted);letter-spacing:.04em;align-items:center;gap:8px;margin:0;font-size:10px;font-weight:800;display:inline-flex}.eyebrow-dot{background:var(--coral);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #df664e1c}.button{cursor:pointer;border:1px solid #0000;border-radius:13px;justify-content:center;align-items:center;min-height:47px;padding:0 17px;font-size:13px;font-weight:900;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button:active{transform:scale(.98)}.button--large{border-radius:16px;min-height:56px;padding:0 20px;font-size:15px}.button--large span{margin-left:23px;font-size:20px}.button--primary{color:#fff;background:var(--coral);box-shadow:0 10px 22px #df664e38}.button--primary:hover{background:var(--coral-dark)}.button--secondary{color:#fff;background:var(--ink)}.button--outline{border-color:var(--line);background:var(--paper)}.button--outline:hover{background:#f3ece6}.text-button,.mini-link{color:var(--muted);text-align:left;padding:7px 0;font-size:12px;font-weight:800}.text-button:hover,.mini-link:hover,.result-share-link:hover{color:var(--coral-dark)}.text-button span{margin-left:5px;font-size:15px}.back-button{color:var(--muted);padding:7px 0;font-size:12px;font-weight:800}.back-button:hover{color:var(--ink)}.panel{border:1px solid var(--line);background:var(--paper);border-radius:21px;padding:21px}.panel-label{color:var(--muted);letter-spacing:.08em;font-size:10px;font-weight:900}.toast{z-index:20;color:#fff;background:var(--ink);max-width:calc(100% - 32px);box-shadow:var(--shadow);border-radius:12px;padding:12px 16px;font-size:12px;font-weight:800;animation:.25s both toast-in;position:fixed;bottom:23px;left:50%;transform:translate(-50%)}.cat-artwork{background:0 0;width:100%;height:100%;min-height:0;position:relative}.cat-artwork-backdrop{border-radius:inherit;background:#ffffff6b;position:absolute;inset:0}.cat-artwork-character{inset:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);position:absolute;overflow:visible}.cat-artwork img{object-fit:contain;object-position:var(--focal-x) var(--focal-y);width:100%;max-width:100%;height:100%;max-height:100%;display:block}.cat-artwork--hero .cat-artwork-backdrop{background:radial-gradient(circle at 50% 43%,#fadbbcd1,#fadbbc42 57%,#0000 58%);border-radius:46% 54% 45% 55%}.cat-artwork--identity .cat-artwork-character{inset:0}.cat-artwork--identity .cat-artwork-backdrop{background:#f3e6da;border-radius:17px}.cat-artwork--gallery .cat-artwork-character{inset:8% 12%}.cat-artwork--gallery .cat-artwork-backdrop{background:#f5eee7;border-radius:13px}.cat-artwork--loader{border-radius:20px;width:170px;height:195px;transform:rotate(-3deg)}.cat-artwork--loader .cat-artwork-character{inset:0}.cat-artwork--loader .cat-artwork-backdrop{background:#fae4d2;border-radius:20px;box-shadow:0 16px 30px #4a352721}.cat-artwork--hidden .cat-artwork-character{inset:19% 19% 13%}.cat-artwork--hidden .cat-artwork-backdrop{background:#f0ebe6}.cat-artwork-silhouette{fill:#75665e33;width:100%;height:100%;display:block}.home-page{padding-top:17px}.home-hero{flex-direction:column;display:flex}.home-intro{padding:2px 2px 0}.home-kicker{color:var(--muted);letter-spacing:.04em;justify-content:space-between;align-items:center;font-size:10px;font-weight:800;display:flex}.home-kicker strong{color:var(--coral);font-size:11px}.home-intro h1{letter-spacing:-.08em;max-width:510px;margin:18px 0 10px;font-size:clamp(39px,11vw,53px);font-weight:750;line-height:1.08}.home-intro h1 em{color:var(--coral);font-style:normal}.home-deck{color:#65584f;letter-spacing:-.04em;max-width:360px;margin:0;font-size:14px;line-height:1.6}.home-cat-stage{background:#fffdf9;border-radius:49% 51% 42% 58%;height:285px;margin:3px -3px 0;position:relative}.home-cat-stage:before{content:"";z-index:0;background:#f7dec9;border-radius:50% 45% 57% 43%;width:72%;height:78%;position:absolute;top:31px;left:14%;transform:rotate(-7deg)}.home-cat-stage:after{content:"";z-index:0;background:#d08e6a29;border-radius:50%;width:45px;height:17px;position:absolute;bottom:23px;right:14%;transform:rotate(-9deg)}.home-cat-stage .cat-artwork{z-index:1;position:absolute;inset:0}.home-cat-stage .cat-artwork-backdrop{background:0 0}.home-cat-stage .cat-artwork-character{inset:1% 2% 0}.home-cat-note{z-index:2;border-left:2px solid var(--coral);color:#8b5547;background:#fffaf4d1;padding:8px 9px 7px;font-size:11px;font-weight:900;line-height:1.4;position:absolute;top:27px;right:5px;transform:rotate(4deg)}.home-cat-tag{z-index:2;color:#ad7056;font-size:10px;font-weight:800;position:absolute;bottom:17px;left:11px}.home-cta{margin-top:1px}.home-cta .button{width:100%}.home-cta-note{color:var(--muted);text-align:center;margin:9px 0 0;font-size:10px}.home-secondary{border-top:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:2px;margin-top:18px;padding-top:14px;display:flex}.home-secondary .text-button{font-size:11px}.home-secondary .text-button:last-child{color:var(--ink)}.home-discovery{margin-top:28px}.discovery-heading{justify-content:space-between;align-items:baseline;display:flex}.discovery-heading strong{letter-spacing:-.04em;font-size:13px}.discovery-heading span{color:var(--muted);font-size:10px}.silhouette-strip{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:10px;display:grid}.silhouette-item{background:#f0ebe6;border-radius:16px;height:86px;position:relative;overflow:hidden}.silhouette-item:nth-child(2){background:#e8eee8}.silhouette-item:nth-child(3){background:#e9eef0}.silhouette-item svg{fill:#5b4e4733;width:70%;height:110%;position:absolute;bottom:-13px;right:10%}.home-disclaimer{color:#a2948b;text-align:center;margin:20px 0 0;font-size:10px}.quiz-page{padding-top:22px}.quiz-header{justify-content:space-between;align-items:center;display:flex}.quiz-count{color:var(--muted);font-size:12px;font-weight:800}.quiz-count strong{color:var(--coral);font-size:18px}.progress-track{background:#e8ded4;border-radius:99px;height:5px;margin-top:15px;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--coral);height:100%;transition:width .3s;display:block}.question-stage{margin-top:42px}.question-meta{color:var(--muted);justify-content:space-between;align-items:center;font-size:10px;font-weight:900;display:flex}.question-meta span:last-child{color:#6f806f;background:#e5eee5;border-radius:6px;padding:6px 8px}.question-stage h1{letter-spacing:-.08em;margin:18px 0 10px;font-size:clamp(27px,7vw,36px);line-height:1.32}.question-hint{color:var(--muted);margin:0;font-size:11px}.option-grid{gap:9px;margin-top:27px;display:grid}.option-card{border:1px solid var(--line);min-height:67px;color:var(--ink);background:var(--paper);cursor:pointer;text-align:left;border-radius:15px;grid-template-columns:30px 1fr 8px;align-items:center;padding:11px 14px 11px 11px;font-size:13px;font-weight:700;line-height:1.55;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:grid}.option-card:hover{border-color:var(--coral);transform:translateY(-2px);box-shadow:0 9px 18px #5c422d14}.option-card:active{transform:scale(.985)}.option-card--selected{border-color:var(--coral);background:#fff1ed;box-shadow:0 0 0 3px #df664e1f}.option-letter{width:25px;height:25px;color:var(--muted);background:#f2eae2;border-radius:8px;place-items:center;font-size:11px;font-weight:900;display:grid}.option-card--selected .option-letter{color:#fff;background:var(--coral)}.option-copy{padding-right:5px}.option-dot{background:#d3c7bc;border-radius:50%;width:7px;height:7px;transition:transform .18s,background .18s}.option-card--selected .option-dot{background:var(--coral);transform:scale(1.35)}.quiz-bottomline{color:var(--muted);justify-content:space-between;gap:10px;margin-top:32px;font-size:10px;display:flex}.analyzing-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 59px);padding-top:0;display:flex}.analysis-loader{place-items:center;width:240px;height:275px;margin-bottom:15px;display:grid;position:relative}.analysis-loader:before{content:"";border:1px dashed #df664e80;border-radius:50%;width:195px;height:195px;animation:8s linear infinite spin;position:absolute}.analysis-loader:after{content:"✦";color:var(--coral);font-size:22px;animation:1.5s ease-in-out infinite pulse;position:absolute;top:19px;right:25px}.analysis-loader .cat-artwork{z-index:1}.loader-word{z-index:2;color:var(--muted);background:var(--paper);border-radius:7px;padding:6px 8px;font-size:9px;font-weight:900;animation:2.5s ease-in-out infinite floaty;position:absolute;box-shadow:0 4px 11px #46342717}.loader-word--one{bottom:29px;left:5px}.loader-word--two{animation-delay:.5s;top:42px;right:2px}.analyzing-page h1{letter-spacing:-.1em;margin:17px 0 11px;font-size:clamp(33px,9vw,49px);line-height:1.1}.analyzing-page h1 em{color:var(--coral);font-style:normal}.analyzing-page>p:not(.eyebrow){color:var(--muted);margin:0;font-size:12px;line-height:1.8}.result-page{padding-top:19px}.result-topline{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.result-topline>span{color:var(--muted);font-size:10px}.identity-card{aspect-ratio:4/5;isolation:isolate;width:min(100%,400px);color:var(--ink);background:0 0;border:1px solid #4430251c;border-radius:25px;grid-template-rows:9% 43% 37% 11%;margin:0 auto;display:grid;position:relative;overflow:visible;box-shadow:0 22px 44px #4d342433}.identity-card-bg{z-index:0;background:var(--cat-color);border-radius:24px;position:absolute;inset:0;overflow:hidden}.identity-card:before,.identity-card:after{content:"";z-index:0;pointer-events:none;background:#ffffff2e;border-radius:50%;position:absolute}.identity-card:before{aspect-ratio:1;width:42%;top:-11%;right:-13%}.identity-card:after{aspect-ratio:1;width:32%;bottom:-10%;left:-12%}.identity-card-header,.identity-art-wrap,.identity-card-copy,.identity-card-footer{z-index:1;position:relative}.identity-card-header{color:#2f2a27bd;letter-spacing:.05em;justify-content:space-between;align-items:center;padding:0 18px;font-size:8px;font-weight:900;display:flex}.identity-art-wrap{background:0 0;border-radius:17px;margin:0 11px;position:relative;overflow:visible}.identity-art-wrap:before{content:"";z-index:0;background:#e4d7c9;border-radius:17px;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #2f2a2714}.identity-art-wrap .cat-artwork{height:100%}.identity-art-wrap .cat-artwork-backdrop{display:none}.identity-art-wrap .cat-artwork-character{z-index:1}.identity-seal{z-index:2;color:#ffffffeb;text-align:center;background:#30261f4d;border:1px solid #ffffffbf;border-radius:50%;place-items:center;width:45px;height:45px;font-size:8px;font-weight:900;line-height:1.25;display:grid;position:absolute;top:12px;right:12px;transform:rotate(10deg)}.identity-edition{z-index:2;color:#ffffffe6;letter-spacing:.08em;text-shadow:0 1px 3px #251a124d;font-size:7px;font-weight:900;line-height:1.5;position:absolute;bottom:10px;left:12px}.identity-card-copy{padding:12px 19px 0}.identity-kicker{color:var(--cat-accent);margin:0;font-size:10px;font-weight:900}.identity-card-copy h2{letter-spacing:-.1em;margin:3px 0 1px;font-size:clamp(27px,7vw,39px);line-height:1}.identity-english{color:var(--cat-accent);opacity:.7;letter-spacing:.02em;margin:0;font-size:8px;font-weight:800}.identity-title{color:var(--cat-accent);letter-spacing:-.04em;margin:8px 0 5px;font-size:12px;font-weight:900;line-height:1.3}.identity-quote{color:#2f2a27c7;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:10px;font-weight:700;line-height:1.45;display:-webkit-box;overflow:hidden}.identity-tags{gap:6px;margin-top:7px;display:flex}.identity-tags span{color:var(--cat-accent);font-size:9px;font-weight:900}.identity-card-footer{color:#2f2a27b8;border-top:1px solid #2f2a271f;justify-content:space-between;align-items:center;gap:12px;padding:0 19px;font-size:8px;font-weight:800;line-height:1.35;display:flex}.identity-card-footer strong{color:var(--cat-accent);font-size:16px}.identity-card-footer span:last-child{text-align:right}.result-actions{z-index:6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fcf8f3e6;border:1px solid #e3d9cfe6;border-radius:15px;grid-template-columns:1.15fr 1fr .78fr;gap:7px;width:min(100%,400px);margin:12px auto 0;padding:7px;display:grid;position:sticky;top:8px;box-shadow:0 8px 19px #4c352612}.result-actions .button{min-height:42px;padding:0 8px;font-size:11px}.result-share-link{width:100%;color:var(--muted);text-align:center;margin:13px auto 0;font-size:10px;font-weight:800;display:block}.result-analysis{margin-top:30px}.analysis-quote{letter-spacing:-.06em;margin:17px 0 21px;font-size:19px;font-weight:900;line-height:1.65}.behavior-grid{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.behavior-item{border-right:1px solid var(--line);min-height:100px;padding:13px 13px 4px 0}.behavior-item:nth-child(2n){border-right:0;padding-left:13px}.behavior-item:nth-child(n+3){border-top:1px solid var(--line)}.behavior-item span{color:var(--coral);font-size:10px;font-weight:900}.behavior-item p{margin:8px 0 0;font-size:11px;font-weight:700;line-height:1.6}.motto-panel{color:#fff;background:var(--ink);border-radius:18px;align-items:center;gap:19px;margin:12px 0;padding:19px 21px;display:flex}.motto-panel span{color:#f4c45d;white-space:nowrap;font-size:9px;font-weight:900}.motto-panel p{letter-spacing:-.06em;margin:0;font-size:16px;font-weight:900;line-height:1.4}.result-columns{gap:12px;display:grid}.science-panel h2,.stats-panel h2{letter-spacing:-.06em;margin:12px 0;font-size:16px}.science-panel>p{color:#625a53;margin:0;font-size:12px;line-height:1.8}.wildlife-note{color:var(--coral-dark);background:#fff0eb;border-radius:10px;margin-top:14px;padding:10px 11px;font-size:10px;font-weight:900;line-height:1.6}.stat-grid{gap:10px;margin-top:18px;display:grid}.stat-label{color:var(--muted);justify-content:space-between;margin-bottom:5px;font-size:10px;display:flex}.stat-label strong{color:var(--ink);font-size:10px}.stat-track{background:#ece4db;border-radius:99px;height:6px;overflow:hidden}.stat-track span{border-radius:inherit;background:var(--coral);height:100%;display:block}.result-footer-actions{border-top:1px solid var(--line);justify-content:space-between;gap:10px;margin-top:21px;padding-top:18px;display:flex}.subpage-header{justify-content:space-between;align-items:center;margin-bottom:45px;display:flex}.collection-count{color:var(--muted);font-size:10px;font-weight:800}.collection-count strong{color:var(--coral);font-size:17px}.gallery-page h1,.match-page h1{letter-spacing:-.11em;margin:17px 0 13px;font-size:clamp(42px,11vw,62px);line-height:.98}.gallery-page h1 em,.match-page h1 em{color:var(--coral);font-style:normal}.subpage-lead{color:var(--muted);margin:0;font-size:12px;line-height:1.75}.gallery-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:31px;display:grid}.gallery-card{border:1px solid var(--line);min-height:235px;color:var(--ink);background:var(--paper);text-align:left;border-radius:16px;padding:11px;position:relative}.gallery-card--unlocked{cursor:pointer;transition:all .2s}.gallery-card--unlocked:hover{border-color:var(--coral);box-shadow:var(--shadow);transform:translateY(-3px)}.gallery-card-top{color:var(--muted);justify-content:space-between;align-items:center;font-size:9px;font-weight:800;display:flex}.rarity-label{color:#7c6542;background:#f0e8db;border-radius:5px;padding:4px 6px;font-size:8px}.gallery-card .cat-artwork{border-radius:11px;height:150px;margin-top:9px}.gallery-card h2{letter-spacing:-.06em;margin:10px 0 0;font-size:14px}.gallery-card p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:9px;font-weight:700;overflow:hidden}.lock-icon{color:#aaa098;font-size:15px;position:absolute;bottom:11px;right:12px}.match-page{padding-top:19px}.coming-soon-label{color:var(--muted);letter-spacing:.08em;font-size:9px;font-weight:900}.match-hero{text-align:center;background:#d7c9e8;border-radius:23px;min-height:515px;padding:46px 17px 39px;position:relative;overflow:hidden}.match-hero:before{content:"";background:#ffffff3d;border-radius:50%;width:400px;height:400px;position:absolute;top:-180px;left:-130px}.match-hero>:not(.match-visual){z-index:1;position:relative}.match-hero h1{margin-bottom:16px}.match-hero p:not(.eyebrow){color:#675b78;font-size:13px;line-height:1.75}.match-hero .button{margin-top:19px}.match-visual{width:240px;height:130px;margin:-17px auto 11px;position:relative}.match-visual>span{color:#806d99;font-size:29px;position:absolute}.match-visual>span:first-child{top:46px;left:17px}.match-visual>span:nth-child(2){font-size:38px;top:0;right:15px}.match-visual>span:nth-child(3){font-size:16px;bottom:11px;right:0}.match-cat-pair{gap:10px;display:flex;position:absolute;top:17px;left:50%;transform:translate(-50%)}.match-cat-pair div{border:3px solid var(--ink);color:#94572f;background:#f2b25c;border-radius:48% 48% 45% 45%;place-items:center;width:85px;height:85px;font-size:32px;display:grid;transform:rotate(-7deg)}.match-cat-pair div+div{color:#8c4d4b;background:#e7b194;transform:rotate(8deg)translateY(18px)}.match-stamp{z-index:2;color:#69587e;border:2px solid #69587e;border-radius:50%;padding:8px;font-size:9px;font-weight:900;line-height:1.25;position:absolute;top:77px;right:6%;transform:rotate(12deg)}.match-teaser-grid{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:15px;display:grid}.match-teaser-grid>div{border-bottom:1px solid var(--line);padding:17px 4px}.match-teaser-grid>div:last-child{border-bottom:0}.match-teaser-grid span{color:var(--coral);font-size:10px;font-weight:900}.match-teaser-grid strong{margin-top:7px;font-size:13px;display:block}.match-teaser-grid p{color:var(--muted);margin:7px 0 0;font-size:10px;line-height:1.6}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes floaty{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-7px)rotate(1deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.5;transform:scale(.95)}50%{opacity:1;transform:scale(1.08)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@media (width>=700px){.app-shell{min-height:100vh}.page-container{padding-left:28px;padding-right:28px}.home-page{padding-top:28px}.home-intro h1{font-size:55px}.home-cat-stage{height:350px}.home-secondary{flex-direction:row;justify-content:space-between;align-items:center;gap:14px;margin-top:22px}}@media (width<=360px){.topbar{padding-left:17px;padding-right:17px}.home-intro h1{font-size:38px}.home-cat-stage{height:255px}.home-cat-note{font-size:10px;right:0}.identity-card{border-radius:22px}.identity-card-copy{padding-left:15px;padding-right:15px}.identity-card-footer{padding:0 15px}.result-actions .button{font-size:10px}.gallery-card{min-height:223px}.gallery-card .cat-artwork{height:140px}}