: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{aspect-ratio:3/4;background:0 0;width:100%;height:100%;min-height:0;position:relative;overflow:visible}.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{aspect-ratio:3/4;border-radius:20px;width:170px;height:auto;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}.cat-artwork-dev-missing{z-index:4;color:#fff;background:#a44738;border-radius:5px;padding:3px 5px;font:700 9px/1.2 ui-monospace,SFMono-Regular,monospace;position:absolute;bottom:5px;right:5px}.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{aspect-ratio:1.18;background:#fffdf9;border-radius:49% 51% 42% 58%;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-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{aspect-ratio:1.45;background:#f0ebe6;border-radius:16px;min-width:0;position:relative}.silhouette-item:nth-child(2){background:#e8eee8}.silhouette-item:nth-child(3){background:#e9eef0}.silhouette-item span{background:#5b4e4733;border-radius:48% 48% 38% 38%;width:25%;height:74%;position:absolute;bottom:-13%;left:38%;transform:rotate(-5deg)}.silhouette-item span:before{content:"";background:inherit;border-radius:47% 47% 42% 42%;width:88%;height:41%;position:absolute;top:-17%;left:6%}.silhouette-item span:after{content:"";background:inherit;clip-path:polygon(0 100%,38% 0,100% 100%);width:23%;height:28%;position:absolute;top:-28%;left:13%;box-shadow:20px 0 #5b4e4733}.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{aspect-ratio:240/275;place-items:center;width:min(240px,72vw);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:0;right:0}.identity-card:after{aspect-ratio:1;width:32%;bottom:0;left:0}.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}.similarity-panel{background:#f4eee8;margin-top:12px}.similarity-panel h2{letter-spacing:-.06em;margin:13px 0 5px;font-size:17px;line-height:1.35}.similarity-lead{color:var(--muted);margin:0;font-size:10px;line-height:1.6}.similarity-reasons{gap:9px;margin:17px 0 0;padding:0;list-style:none;display:grid}.similarity-reasons li{border-top:1px solid #81695729;grid-template-columns:67px 1fr;align-items:start;gap:10px;padding-top:9px;display:grid}.similarity-reasons li span{color:var(--coral-dark);font-size:10px;font-weight:900}.similarity-reasons li p{color:#5f554e;margin:0;font-size:11px;font-weight:700;line-height:1.55}.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}.science-classification{font-weight:900;color:var(--coral-dark)!important}.science-block{margin-top:14px}.science-block strong{color:var(--ink);font-size:11px}.science-block p{color:#625a53;margin:5px 0 0;font-size:11px;line-height:1.75}.science-note{border-top:1px solid var(--line);padding-top:12px;font-weight:800;margin-top:14px!important;font-size:10px!important}.source-details{border-top:1px solid var(--line);color:var(--muted);margin-top:15px;padding-top:11px;font-size:10px}.source-details summary{cursor:pointer;color:var(--coral-dark);font-weight:900}.source-details ul{gap:6px;margin:10px 0 8px;padding-left:16px;display:grid}.source-details a{color:var(--ink);line-height:1.45}.source-details small{font-size:9px}.entertainment-note{color:var(--muted);margin:18px 0 0;font-size:10px;line-height:1.6}.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:auto;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{aspect-ratio:1.45}.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{aspect-ratio:1.18}.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:auto}}.home-cat-stage{aspect-ratio:1.42;background:0 0;max-height:240px;margin:0}.home-cat-stage:before{background:#f6dfcf;width:68%;height:82%;top:18px;left:16%}.home-cat-stage:after{bottom:12px;right:16%}.home-cat-stage .cat-artwork-character{inset:0 4%}.home-cat-stage .cat-artwork--hero img{mix-blend-mode:multiply}.home-cat-note{max-width:142px;padding:7px 8px 6px;font-size:10px;top:12px;right:3%}.home-cat-tag{bottom:8px;left:9px}.result-reveal{border:1px solid color-mix(in srgb, var(--cat-color) 42%, #6d5a4e 18%);min-height:min(690px,100svh - 83px);color:var(--ink);background:var(--cat-color);isolation:isolate;border-radius:28px;grid-template-rows:auto auto minmax(255px,1fr) auto;margin:0 auto 20px;padding:21px 18px 16px;display:grid;position:relative;overflow:clip visible;box-shadow:0 24px 52px #4a332529}.result-reveal:before,.result-reveal:after{content:"";z-index:-1;pointer-events:none;border-radius:50%;position:absolute}.result-reveal:before{background:#fff3;width:210px;height:210px;top:0;right:0}.result-reveal:after{background:#31261f14;width:185px;height:185px;bottom:0;left:0}.result-reveal-meta{color:#312722a3;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;font-size:9px;font-weight:900;animation:.7s 50ms both reveal-rise;display:flex}.result-reveal-meta span:last-child{letter-spacing:.04em;border:1px solid #3127222b;border-radius:99px;padding:5px 7px;font-size:8px}.result-reveal-copy{padding-top:20px;animation:.8s .12s both reveal-rise}.result-reveal-kicker{color:#312722b3;margin:0 0 8px;font-size:12px;font-weight:900}.result-reveal-copy h1{letter-spacing:-.12em;max-width:100%;margin:0;font-size:clamp(50px,16vw,83px);font-weight:950;line-height:.96}.result-reveal-english{color:#3127228f;letter-spacing:.18em;margin:8px 0 0;font-size:10px;font-weight:900}.result-reveal-title{color:#312722e6;margin:15px 0 0;font-size:15px;font-weight:950;line-height:1.35}.result-reveal-quote{color:#312722c7;max-width:310px;margin:6px 0 0;font-size:12px;font-weight:750;line-height:1.6}.result-reveal-art{min-height:255px;animation:.95s .18s both reveal-pop;position:relative}.result-reveal-art .cat-artwork{width:min(100%,330px);height:100%;margin:0 auto}.cat-artwork--reveal .cat-artwork-character{inset:0 4%}.cat-artwork--reveal .cat-artwork-backdrop{background:0 0}.cat-artwork--reveal img{mix-blend-mode:multiply}.home-cat-stage .cat-artwork--hero img,.cat-artwork--reveal img{mix-blend-mode:normal}.identity-art-wrap:before{background:#ffffff1f;box-shadow:inset 0 0 0 1px #2f2a270f}.result-reveal-similarity{color:#312722b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffcf794;border:1px solid #31272229;border-radius:10px;align-items:baseline;gap:7px;padding:7px 10px;font-size:10px;font-weight:900;display:flex;position:absolute;bottom:9px;right:2px}.result-reveal-similarity strong{color:var(--ink);letter-spacing:-.06em;font-size:21px}.result-reveal-scroll{color:#3127229e;margin:7px 0 0;font-size:10px;font-weight:900;animation:.8s .35s both reveal-rise}.result-reveal-scroll span{margin-left:6px;font-size:15px}.result-actions{position:static}.share-card-section{border-top:1px solid var(--line);margin-top:28px;padding-top:21px}.share-card-heading{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:13px;display:flex}.share-card-heading p{color:var(--muted);text-align:right;margin:0;font-size:10px;font-weight:700}.share-card-section .identity-card{margin-top:0}.result-stats{margin-top:12px}.gallery-card--locked{cursor:default}.gallery-card--locked .cat-artwork{opacity:.82}.gallery-locked-label{color:#8a817b;background:#eee9e4;border-radius:5px;padding:4px 6px;font-size:8px}.gallery-card-tags{color:var(--coral-dark);flex-wrap:wrap;gap:6px;margin-top:7px;font-size:9px;font-weight:900;display:flex}@keyframes reveal-rise{0%{opacity:0;transform:translateY(13px)}to{opacity:1;transform:none}}@keyframes reveal-pop{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:none}}@media (width>=760px){.app-shell{width:100%;max-width:none}.topbar{padding-left:max(28px,50% - 590px);padding-right:max(28px,50% - 590px)}.page-container{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:40px;padding-right:40px}.home-page{padding-top:34px}.home-hero{grid-template-columns:minmax(0,.9fr) minmax(390px,1.1fr);grid-template-areas:"intro visual""cta visual""secondary visual";align-items:center;gap:18px 38px;min-height:calc(100vh - 95px);display:grid}.home-intro{grid-area:intro;align-self:end}.home-intro h1{font-size:clamp(55px,5.2vw,76px)}.home-cat-stage{aspect-ratio:1.06;grid-area:visual;justify-self:end;width:100%;max-width:620px;max-height:none;margin:0}.home-cta{grid-area:cta;align-self:start;max-width:390px;margin-top:8px}.home-secondary{grid-area:secondary;max-width:390px;margin-top:0}.home-discovery{max-width:390px;margin-top:24px}.result-page{max-width:820px}.result-reveal{grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,.9fr) minmax(300px,1.1fr);min-height:600px;padding:28px 32px 20px}.result-reveal-meta{grid-column:1/-1}.result-reveal-copy{align-self:center;padding-top:0}.result-reveal-copy h1{font-size:clamp(61px,7vw,92px)}.result-reveal-art{grid-area:2/2/4;min-height:450px}.result-reveal-scroll{grid-column:1;align-self:end}.result-reveal-similarity{bottom:18px;right:10px}.share-card-section .identity-card{width:min(100%,400px)}.gallery-grid{gap:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}