:root{--ink:#142a34;--paper:#f2efe6;--acid:#d9e566;--line:#142a3430}*{box-sizing:border-box}html,body{background:var(--paper)}body{color:var(--ink);margin:0;font-family:Noto Serif SC,Songti SC,serif}button{font:inherit}.app-shell{min-height:100vh;padding:0 5vw;position:relative;overflow:hidden}.app-shell:before{content:"";pointer-events:none;opacity:.22;background-image:radial-gradient(#142a345c .55px,#0000 .55px);background-size:5px 5px;position:fixed;inset:0}.nav-bar{border-bottom:1px solid var(--line);z-index:2;align-items:center;gap:16px;height:92px;display:flex;position:relative}.brand-mark{border:1px solid var(--ink);place-items:center;width:46px;height:46px;font:700 18px/1 Georgia,serif;display:grid}.brand-mark span{color:#b49242}.brand-name{letter-spacing:.18em;font-size:15px}.nav-note{letter-spacing:.18em;opacity:.58;margin-left:auto;font:10px/1.2 Arial,sans-serif}.hero{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:5vw;min-height:calc(100vh - 152px);display:grid;position:relative}.hero-copy{max-width:620px;padding:70px 0}.eyebrow{letter-spacing:.2em;align-items:center;gap:14px;font:11px Arial,sans-serif;display:flex}.eyebrow span{background:var(--ink);color:var(--paper);padding:7px 10px}.eyebrow i{background:var(--ink);width:54px;height:1px}h1{letter-spacing:-.055em;margin:32px 0;font-size:clamp(58px,7vw,112px);font-weight:400;line-height:.94}h1 em{color:#0000;-webkit-text-stroke:1.5px var(--ink);white-space:nowrap;font-style:normal}.intro{letter-spacing:.05em;opacity:.78;max-width:470px;font-size:16px;line-height:2}.primary{color:var(--ink);background:var(--acid);cursor:pointer;min-width:190px;box-shadow:7px 7px 0 var(--ink);border:0;justify-content:space-between;margin:26px 0 34px;padding:17px 22px 17px 28px;transition:all .18s;display:flex}.primary:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(3px,3px)}.facts{letter-spacing:.08em;gap:28px;font:11px Arial,sans-serif;display:flex}.facts span{align-items:baseline;gap:5px;display:flex}.facts b{font:26px Georgia,serif}.specimen{aspect-ratio:1;justify-self:center;place-items:center;width:min(42vw,580px);display:grid;position:relative}.specimen:before,.specimen:after{content:"";background:var(--line);position:absolute}.specimen:before{width:112%;height:1px}.specimen:after{width:1px;height:112%}.orbit{border:1px solid var(--line);border-radius:50%;position:absolute}.orbit span{border:1px solid var(--ink);background:var(--paper);border-radius:50%;place-items:center;width:38px;height:38px;font-size:13px;display:grid;position:absolute}.orbit-one{animation:34s linear infinite spin;inset:4%}.orbit-one span:first-child{top:10%;left:7%}.orbit-one span:last-child{top:47%;right:-2%}.orbit-two{animation:26s linear infinite reverse spin;inset:18%}.orbit-two span:first-child{bottom:-5%;left:44%}.orbit-two span:last-child{top:-5%;left:42%}.animal-core{aspect-ratio:1;background:var(--ink);width:46%;color:var(--paper);border-radius:50%;place-items:center;display:grid;position:relative}.ears{justify-content:space-between;display:flex;position:absolute;inset:-13% 8% auto}.ears i{aspect-ratio:.85;background:var(--ink);clip-path:polygon(50% 0,100% 100%,0 100%);width:42%}.face{width:70%;height:45%;position:relative}.eye{background:var(--acid);border-radius:50%;width:7px;height:7px;position:absolute;top:30%}.eye.left{left:23%}.eye.right{right:23%}.nose{background:var(--paper);border-radius:50%;width:9px;height:6px;position:absolute;top:53%;left:calc(50% - 4px)}.animal-core p{text-align:center;letter-spacing:.24em;opacity:.6;font:8px/1.5 Arial,sans-serif;position:absolute;bottom:12%}.coordinate{background:var(--paper);letter-spacing:.15em;padding:5px 8px;font:9px Arial,sans-serif;position:absolute}.coordinate.top{top:12%;right:12%}.coordinate.bottom{bottom:14%;left:9%}footer{border-top:1px solid var(--line);letter-spacing:.08em;opacity:.55;z-index:2;justify-content:space-between;align-items:center;height:60px;font-size:10px;display:flex;position:relative}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=760px){.app-shell{padding:0 22px}.nav-bar{height:72px}.nav-note{display:none}.brand-name{font-size:13px}.hero{flex-direction:column;min-height:auto;padding:36px 0 30px;display:flex}.hero-copy{width:100%;padding:0}h1{margin:25px 0;font-size:clamp(50px,16.5vw,76px)}.intro{font-size:14px;line-height:1.85}.specimen{order:-1;width:72vw;max-width:340px;margin-top:8px}.facts{justify-content:space-between;gap:12px}.facts b{font-size:20px}.facts span{line-height:1.7;display:block}.primary{width:calc(100% - 7px)}footer{flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;height:auto;min-height:58px}}@media (prefers-reduced-motion:reduce){.orbit{animation:none}.primary{transition:none}}.quiz-shell{max-width:920px;min-height:calc(100vh - 152px);margin:0 auto;padding:44px 0 70px}.quiz-head{letter-spacing:.12em;align-items:center;gap:20px;font:11px Arial,sans-serif;display:flex}.quiz-head>button{border:1px solid var(--ink);cursor:pointer;background:0 0;width:42px;height:42px}.progress{background:var(--line);flex:1;height:4px;overflow:hidden}.progress i{background:var(--acid);height:100%;transition:width .3s;display:block}.question-card{padding:8vh 8%;animation:.35s reveal}.scene-label{letter-spacing:.22em;opacity:.55;font:10px Arial,sans-serif}.scene{opacity:.65;margin:22px 0 12px;font-size:15px}.question-card h2{margin:0 0 38px;font-size:clamp(28px,4vw,48px);font-weight:400;line-height:1.35}.options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.options button{border:1px solid var(--line);color:var(--ink);text-align:left;cursor:pointer;background:#ffffff3d;grid-template-columns:34px 1fr 20px;align-items:center;gap:12px;padding:20px;transition:all .18s;display:grid}.options button:hover,.options button.chosen{background:var(--ink);color:var(--paper);transform:translateY(-2px)}.options b{font:12px Georgia,serif}.options span{font-size:14px;line-height:1.5}.options i{opacity:.45;font-style:normal}.quiz-tip{text-align:center;opacity:.45;margin-top:30px;font-size:11px}.result-shell{max-width:1120px;min-height:calc(100vh - 152px);margin:0 auto;padding:42px 0 80px}.result-stamp{letter-spacing:.2em;border-bottom:1px solid var(--line);padding-bottom:14px;font:10px Arial,sans-serif}.result-grid{grid-template-columns:.8fr 1.2fr;gap:7vw;padding-top:50px;display:grid}.result-visual{aspect-ratio:1;background:var(--result-color);width:100%;max-width:390px;min-height:0;color:var(--paper);place-items:center;display:grid;position:relative;overflow:hidden}.result-visual:before,.result-visual:after{content:"";aspect-ratio:1;border:1px solid #ffffff59;border-radius:50%;width:76%;position:absolute}.result-visual:after{width:54%}.result-animal{z-index:2;mix-blend-mode:soft-light;font-size:clamp(120px,18vw,230px);line-height:1;position:relative}.latin,.serial{letter-spacing:.2em;font:9px Arial,sans-serif;position:absolute}.latin{top:22px;left:22px}.serial{bottom:22px;right:22px}.result-copy>p{letter-spacing:.12em;opacity:.55;font-size:13px}.result-copy h2{margin:8px 0 18px;font-size:clamp(64px,9vw,118px);font-weight:400;line-height:1}.result-copy h3{margin:0 0 28px;font-size:20px;font-weight:400}.summary{letter-spacing:.03em!important;opacity:.8!important;font-size:15px!important;line-height:1.9!important}.result-info{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;margin-top:30px;display:grid}.result-info div{border-bottom:1px solid var(--line);padding:18px 16px 18px 0}.result-info div:nth-child(odd){border-right:1px solid var(--line)}.result-info div:nth-child(2n){padding-left:18px}.result-info b{letter-spacing:.12em;font-size:11px}.result-info p{opacity:.65;margin:7px 0 0;font-size:12px;line-height:1.6}.result-actions{align-items:center;gap:28px;display:flex}.secondary{border:0;border-bottom:1px solid var(--ink);cursor:pointer;background:0 0;padding:8px 0}@keyframes reveal{0%{opacity:0;transform:translateY(10px)}}@media (width<=760px){.quiz-shell{padding-top:26px}.question-card{padding:55px 0 20px}.question-card h2{font-size:29px}.options{grid-template-columns:1fr}.options button{padding:17px 15px}.result-shell{padding-top:28px}.result-grid{grid-template-columns:1fr;gap:35px;padding-top:28px}.result-visual{min-height:360px}.result-copy h2{font-size:72px}.result-info{grid-template-columns:1fr}.result-info div:nth-child(odd){border-right:0}.result-info div:nth-child(2n){padding-left:0}.result-actions{justify-content:space-between}.screen-quiz footer,.screen-result footer{margin-top:10px}}.access-banner{border:1px solid var(--line);text-align:center;letter-spacing:.08em;z-index:3;max-width:760px;margin:18px auto 0;padding:12px 18px;font:12px Arial,sans-serif;position:relative}.access-banner.valid{background:var(--acid)}.access-banner.invalid,.access-banner.missing{color:#873b2f;border-color:#a84e3d}.primary:disabled{cursor:not-allowed;opacity:.48;box-shadow:none}.method-note{border-left:3px solid var(--ink);background:#ffffff42;gap:6px;max-width:510px;margin:22px 0 0;padding:14px 16px;display:grid}.method-note b{letter-spacing:.13em;font-size:12px}.method-note span{opacity:.7;font-size:13px;line-height:1.75}.result-guide{max-width:560px;letter-spacing:.04em!important;opacity:.67!important;margin:20px 0 0!important;font-size:13px!important;line-height:1.8!important}@media (width<=760px){.method-note{margin-top:18px}.result-guide{font-size:12px!important}}.result-animal-image{background-image:url(/animals/animal-archetypes.png);background-size:400% 300%;background-position:var(--animal-x) var(--animal-y);z-index:1;background-repeat:no-repeat;position:absolute;inset:0}.result-visual:before,.result-visual:after{z-index:2;pointer-events:none}.result-visual .latin,.result-visual .serial{z-index:3;background:#142a34b8;padding:7px 9px}.life-shell{color:#26312d;background:#f3efe6;min-height:100vh;font-family:Microsoft YaHei,PingFang SC,sans-serif}.life-nav{border-bottom:1px solid #b8b3a7;align-items:center;gap:18px;height:76px;padding:0 6vw;display:flex}.life-nav b{font-family:Georgia,serif;font-size:28px}.life-nav b span{color:#bd8354}.life-nav>span{letter-spacing:.16em;font-size:13px}.life-nav i{letter-spacing:.14em;color:#727b73;margin-left:auto;font:11px monospace}.life-hero{grid-template-columns:1.05fr .95fr;align-items:center;max-width:1220px;min-height:720px;margin:auto;padding:70px 5vw;display:grid}.life-copy>p{letter-spacing:.28em;color:#9a6542;font:12px monospace}.life-copy h1{margin:26px 0;font:500 clamp(48px,6vw,82px)/1.12 Georgia,Songti SC,serif}.life-copy h1 em{color:#b06f43;font-style:normal}.life-copy>span{color:#606b65;max-width:580px;font-size:17px;line-height:1.9;display:block}.life-note{background:#ebe4d6;border-left:3px solid #b9784e;gap:7px;max-width:520px;margin:34px 0;padding:18px 22px;display:grid}.life-note b{font-size:13px}.life-note small{color:#68716c;font-size:14px}.life-copy>button,.life-result-copy>button{color:#fff;letter-spacing:.1em;cursor:pointer;background:#273a33;border:0;padding:17px 26px;font-size:15px}.life-copy>button strong{margin-left:50px}.life-copy>footer{color:#747a75;gap:28px;margin-top:30px;font-size:13px;display:flex}.life-art{aspect-ratio:4/5;background:#ded7c8;border:1px solid #988e80;max-height:590px;position:relative;overflow:hidden}.life-art .sun{background:#c3794d;border-radius:50%;width:190px;height:190px;position:absolute;top:10%;right:10%}.life-art .window{border:10px solid #34443e;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;display:grid;position:absolute;inset:10% 13% 20%}.life-art .window i{border:1px solid #34443e}.life-art .land{clip-path:polygon(0 52%,24% 22%,46% 58%,70% 10%,100% 45%,100% 100%,0 100%);background:#758176;height:43%;position:absolute;bottom:0;left:0;right:0}.life-art>b{color:#f3efe6;z-index:2;font:700 110px Georgia;position:absolute;bottom:4%;left:10%}.life-art>span{letter-spacing:.18em;color:#f3efe6;z-index:2;font:11px monospace;position:absolute;bottom:6%;right:5%}.life-access{text-align:center;color:#615d54;background:#d7cfbe;padding:12px}.life-quiz{max-width:760px;min-height:calc(100vh - 140px);margin:auto;padding:54px 24px}.life-quiz header{align-items:center;gap:20px;display:flex}.life-quiz header button{cursor:pointer;background:0 0;border:0;font-size:25px}.life-quiz header>div{background:#d5cec0;flex:1;height:3px}.life-quiz header>div i{background:#b46f45;height:100%;display:block}.life-quiz header span{font:12px monospace}.life-quiz>p{letter-spacing:.2em;color:#a66c49;margin-top:70px;font:12px monospace}.life-quiz>small{color:#737971;margin:20px 0 12px;font-size:15px;display:block}.life-quiz h2{margin:0 0 34px;font:500 clamp(28px,4vw,42px)/1.4 Georgia,Songti SC,serif}.life-options{gap:12px;display:grid}.life-options button{text-align:left;color:#28342f;cursor:pointer;background:#f8f5ee;border:1px solid #c8c0b1;grid-template-columns:44px 1fr 24px;align-items:center;padding:19px;font-size:15px;display:grid}.life-options button:hover,.life-options button.chosen{color:#fff;background:#35473f;border-color:#35473f}.life-options button b{font:14px Georgia}.life-options button i{text-align:right}.life-quiz>footer{text-align:center;color:#8a8d86;margin-top:26px;font-size:12px}.life-result{grid-template-columns:.8fr 1.2fr;align-items:start;gap:70px;max-width:1160px;margin:auto;padding:65px 5vw 90px;display:grid}.result-poster{aspect-ratio:4/5;background:var(--life-color);color:#fff;padding:28px;position:relative;overflow:hidden}.result-poster small{letter-spacing:.18em;font:11px monospace}.poster-sun{border:1px solid #ffffff8c;border-radius:50%;width:210px;height:210px;position:absolute;top:22%;left:20%}.poster-sun:after{content:"";background:#ffffff38;border-radius:50%;position:absolute;inset:28px}.result-poster>b{font:700 150px Georgia;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%)}.result-poster>span{letter-spacing:.18em;font:11px monospace;position:absolute;bottom:25px;left:28px}.life-result-copy>p{letter-spacing:.2em;color:#987052;font:12px monospace}.life-result-copy h1{margin:14px 0;font:500 clamp(48px,6vw,76px) Georgia,Songti SC,serif}.life-result-copy h2{color:var(--life-color);font:400 21px Georgia,Songti SC,serif}.life-result-copy>span{color:#5f6863;margin:26px 0;line-height:1.9;display:block}.life-result-copy dl{border-top:1px solid #beb8ab;grid-template-columns:1fr 1fr;margin:0 0 28px;display:grid}.life-result-copy dl div{border-bottom:1px solid #cfc8bb;padding:20px 18px 20px 0}.life-result-copy dt{margin-bottom:9px;font-size:13px;font-weight:700}.life-result-copy dd{color:#667069;margin:0;font-size:14px;line-height:1.65}.life-footer{color:#7d817c;border-top:1px solid #bbb5a9;justify-content:space-between;padding:22px 6vw;font-size:11px;display:flex}@media (width<=760px){.life-nav{height:62px;padding:0 20px}.life-nav i{display:none}.life-hero{grid-template-columns:1fr;gap:45px;padding:46px 22px}.life-copy h1{font-size:47px}.life-art{max-height:none}.life-result{grid-template-columns:1fr;gap:38px;padding:40px 22px}.life-result-copy dl{grid-template-columns:1fr}.life-footer{flex-direction:column;gap:16px}.life-copy>footer{flex-wrap:wrap;gap:15px}}.result-poster{background:var(--life-color);place-items:center;padding:0;display:grid}.result-poster>img{object-fit:contain;width:100%;height:100%;display:block}.result-poster>small,.result-poster>span{z-index:2;color:#fff;background:#1b1f1db8;padding:7px 9px}.result-poster>small{position:absolute;top:18px;left:18px}.result-poster>span{bottom:18px;left:18px}