@import "https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@500;600;700&family=Outfit:wght@400;500;600&display=swap";:root{color:#263a39;font-synthesis:none;--ink:#253a39;--mint:#6d9487;--cream:#f6f2e9;--orange:#df7854;background:#e9eeeb;font-family:Outfit,PingFang SC,sans-serif}*{box-sizing:border-box}body{margin:0}button{font:inherit}main{background:var(--cream);width:min(100%,480px);min-height:100vh;margin:auto;overflow:hidden}.brand{letter-spacing:2px;align-items:center;gap:8px;font-weight:600;display:flex}.home nav,.report-nav{z-index:4;justify-content:space-between;align-items:center;height:68px;padding:0 24px;display:flex;position:relative}.home nav>span,.test-brand span{letter-spacing:1.5px;color:#78908a;font-size:10px}.home{flex-direction:column;display:flex}.hero{padding:42px 28px 44px;position:relative}.hero-copy{z-index:2;position:relative}.kicker{text-transform:uppercase;letter-spacing:2px;color:#618478;align-items:center;gap:7px;font-size:11px;font-weight:600;display:flex}.hero h1,.full-hero h1{letter-spacing:2px;margin:24px 0;font:600 47px/1.28 Noto Serif SC,serif}.hero h1 em{color:var(--orange);font-style:normal}.intro{color:#526866;max-width:330px;font:500 15px/1.9 Noto Serif SC,serif}.primary{background:var(--ink);color:#fff;letter-spacing:1px;border:0;border-radius:3px;justify-content:center;align-items:center;gap:14px;min-height:55px;padding:0 24px;font-weight:600;display:inline-flex;box-shadow:0 10px 25px #263a3933}.hero .primary{width:100%;margin-top:20px}.whisper{text-align:center;color:#8a9c96;margin:14px 0 0;font:12px Noto Serif SC}.city-art{opacity:.16;width:250px;height:310px;position:absolute;top:30px;right:-15px}.sun{background:#dd7955;border-radius:50%;width:100px;height:100px;position:absolute;right:25px}.building{background:#31554d;position:absolute;bottom:0}.b1{width:50px;height:190px;right:30px}.b2{width:70px;height:140px;right:85px}.b3{width:35px;height:95px;right:162px}.hill{background:#5b8476;border-radius:50% 50% 0 0;width:260px;height:110px;position:absolute;bottom:-20px;right:-20px}.orbit{border:1px solid #79998d55;border-radius:50%;width:350px;height:350px;position:absolute;top:30px;right:-180px}.o2{width:260px;height:260px;top:76px;right:-100px}.home-closing{background:linear-gradient(#0000,#edf1ed 48%);margin-top:auto;padding:0 24px 24px}.quote{text-align:left;border-top:1px solid #d9e1dc;padding:30px 4px 26px 34px;position:relative}.quote span{color:#d8a68e;opacity:.65;font:54px/1 serif;position:absolute;top:23px;left:2px}.quote p{color:#506762;margin:0;font:13px/1.9 Noto Serif SC}.creator{color:var(--ink);background:#faf8f1cc;border:1px solid #dbe3df;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:15px;display:grid}.creator-mark{background:var(--ink);color:#fff;letter-spacing:1px;border-radius:50%;place-items:center;width:40px;height:40px;font-size:11px;font-weight:600;display:grid}.creator small,.creator b{display:block}.creator small{color:#9aa7a3;letter-spacing:1.5px;margin-bottom:4px;font-size:8px}.creator b{font:600 13px Noto Serif SC,serif}.creator p{color:#80908b;margin:0;font-size:10px}.creator strong{color:#506a63;margin-top:3px;font-size:12px;display:block}.test{background:#f8f5ed;flex-direction:column;display:flex}.test header{justify-content:space-between;align-items:center;height:76px;padding:0 22px;display:flex}.icon{width:40px;height:40px;color:var(--ink);background:0 0;border:0;place-items:center;display:grid}.test-brand{letter-spacing:2px;text-align:center;font-size:12px;font-weight:600}.test-brand span{margin-top:4px;display:block}.count{letter-spacing:1px;font-size:12px}.progress{background:#dbe2de;height:3px}.progress i{background:var(--orange);height:100%;transition:all .3s;display:block}.question{flex:1;padding:70px 24px 30px}.question h2,.section h2,.paper>h3{margin:14px 0;font:600 26px/1.55 Noto Serif SC}.hint{color:#82918d;font-size:12px}.options{gap:12px;margin-top:36px;display:grid}.options button{text-align:left;color:#334846;background:#fffdf8;border:1px solid #dbe2de;align-items:center;gap:14px;min-height:70px;padding:14px 15px;transition:all .2s;display:flex}.options button b{border:1px solid #bdcbc6;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:12px;display:grid}.options button span{flex:1}.options button svg{color:#9eaaa6;width:16px}.options button.selected{background:#edf4f0;border-color:#587e72}.options button.selected b{color:#fff;background:#587e72;border-color:#587e72}.test footer{color:#9aa6a2;justify-content:space-between;padding:16px 24px 28px;font-size:10px;display:flex}.text-btn{color:#58766e;background:0 0;border:0;align-items:center;gap:7px;display:inline-flex}.analyzing{text-align:center;color:#fff;background:#29433f;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:30px;display:flex}.analyzing h2{margin:28px;font:600 23px Noto Serif SC}.analyzing .kicker{color:#b8ccc6}.pulse{border:1px solid #87a89e;border-radius:50%;place-items:center;width:105px;height:105px;display:grid;position:relative}.pulse:after{content:"";border:1px solid #fff2;border-radius:50%;animation:1.4s infinite pulse;position:absolute;inset:-18px}.pulse svg{width:40px;height:40px}@keyframes pulse{50%{opacity:.2;transform:scale(1.12)}}.analysis-lines{text-align:left;gap:16px;margin-top:25px;display:grid}.analysis-lines span{color:#728e86;align-items:center;gap:10px;font-size:12px;display:flex}.analysis-lines span.active{color:#fff}.analysis-lines i{border:1px solid #718e86;border-radius:50%;width:13px;height:13px}.report{background:#e8eeeb}.report-nav{background:#f8f5ed}.full-hero{color:#fff;background:linear-gradient(150deg, var(--c1), var(--c2));padding:58px 28px 65px;position:relative}.light{color:#dce9e5}.persona-tags{flex-wrap:wrap;gap:7px;display:flex}.persona-tags span{border:1px solid #fff5;border-radius:20px;padding:5px 10px;font-size:10px}.persona-tags.dark span{border-color:#fff5}.paper{background:#faf7ef;border-radius:20px 20px 0 0;margin-top:-20px;padding-top:28px;position:relative}.radar{width:330px;max-width:100%;height:310px;margin:25px auto;position:relative}.radar svg{width:200px;height:200px;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.radar polygon,.radar line{fill:none;stroke:#9bb0a9;stroke-width:.8px}.radar .fill{fill:#759c8b66;stroke:#4f7d6d;stroke-width:2px}.radar span{white-space:nowrap;text-align:center;color:#677b75;font-size:9px;position:absolute;transform:translate(-50%,-50%)}.radar span b{color:#2e4a45;margin-top:2px;font-size:13px;display:block}.full-hero{text-align:center;padding-top:35px}.place{opacity:.75;justify-content:center;align-items:center;gap:5px;font-size:12px;display:flex}.place svg{width:14px}.full-hero h1{margin:10px;font-size:72px}.score-ring{border:1px solid #fff7;border-radius:50%;grid-template-columns:1fr auto;place-content:center;width:110px;height:110px;margin:22px auto;padding:0 22px;display:grid}.score-ring b{font-size:39px}.score-ring span{align-self:center}.score-ring small{letter-spacing:2px;opacity:.7;grid-column:1/-1;font-size:9px}.full-hero>p{font:14px Noto Serif SC}.persona-line{border-top:1px solid #fff5;align-items:center;gap:7px;margin-top:15px;padding-top:18px;font-size:11px;display:inline-flex}.persona-line svg{width:14px}.section{background:#faf7ef;padding:55px 25px;position:relative}.section.tint{background:#edf1ed}.section .num{color:#d3ddd8;font:42px Noto Serif SC;position:absolute;top:45px;right:25px}.lead{color:#526762;font:15px/2 Noto Serif SC}.why-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.why-grid article{background:#fff;min-height:210px;padding:20px 16px;position:relative}.why-grid article>span{color:#d7dfdb;position:absolute;right:12px}.why-grid svg{color:#75998d;width:20px}.why-grid h3{font:600 15px/1.6 Noto Serif SC}.why-grid p{color:#7a8985;font-size:11px;line-height:1.7}.personality-card{color:#fff;background:#2e4945;padding:26px}.personality-card small{color:#9ab2ab;letter-spacing:2px}.personality-card h2{margin:8px 0;font-size:30px}.personality-card p{color:#d0deda;font:13px/1.8 Noto Serif SC}.personality-card dl{border-top:1px solid #fff2;margin-top:25px}.personality-card dl div{border-bottom:1px solid #fff2;justify-content:space-between;padding:14px 0;font-size:11px;display:flex}.personality-card dd{color:#c8d8d3;margin:0}.list-columns{grid-template-columns:1fr 1fr;gap:12px;display:grid}.list-columns>div{background:#edf1ed;padding:19px}.list-columns h3{font:600 16px Noto Serif SC}.list-columns p{color:#667873;font-size:11px}.warning{background:#f2e7dc}.warning p{font-size:12px;line-height:1.8}.mini-city{border-bottom:1px solid #d9e0dc;align-items:center;gap:15px;padding:18px 0;display:flex}.mini-city>span{color:#91a09b;font-size:11px}.mini-city div{flex:1}.mini-city b{font:600 21px Noto Serif SC;display:block}.mini-city small{color:#8a9894}.mini-city em{color:#d06e4e;font-style:normal}.action{color:#fff;background:#2e4945}.action .kicker{color:#a7c0b8}.action .num{color:#ffffff18}.action-row{border-top:1px solid #fff2;align-items:center;gap:18px;padding:18px 0;display:flex}.action-row b{color:#e09a78}.action-row span{font-size:13px}.action>small{color:#91aaa3;margin-top:20px;line-height:1.7;display:block}.finish{text-align:center;background:#f7f2e8;padding:70px 24px}.finish>svg{color:#d17656}.finish h2{font:600 25px/1.7 Noto Serif SC}.finish p{color:#7b8c87;font-size:12px}.finish .primary{width:100%;margin:22px 0 14px}.finish .text-btn{margin:auto}button{cursor:pointer}button:focus-visible{outline-offset:3px;outline:3px solid #df785466}.options button:hover{border-color:#91aaa2;transform:translateY(-1px)}.primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.poster-modal{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#152724dc;place-items:center;padding:22px;animation:.25s ease-out poster-in;display:grid;position:fixed;inset:0}.access-modal{z-index:45;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#162a27dc;place-items:center;padding:24px;animation:.22s ease-out poster-in;display:grid;position:fixed;inset:0}.access-card{background:#faf7ef;border-radius:18px;width:min(100%,390px);padding:34px 26px 26px;position:relative;box-shadow:0 28px 80px #0006}.access-icon{color:#547a6e;background:#e5eee9;border-radius:50%;place-items:center;width:54px;height:54px;margin-bottom:20px;display:grid}.access-card h3{color:var(--ink);margin:12px 0;font:600 23px/1.55 Noto Serif SC,serif}.access-card>p:not(.kicker){color:#73837e;margin-bottom:24px;font-size:12px;line-height:1.7}.access-card label{color:#526762;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.access-card input{width:100%;height:54px;color:var(--ink);letter-spacing:1px;text-transform:uppercase;background:#fffdf8;border:1px solid #cad6d1;border-radius:4px;outline:none;padding:0 15px;font:600 16px sans-serif}.access-card input:focus{border-color:#587e72;box-shadow:0 0 0 3px #587e7220}.access-card input[aria-invalid=true]{border-color:#c8644c}.access-error{color:#bb513d;margin-top:8px;font-size:12px;display:block}.access-card .primary{width:100%;margin-top:18px}.access-card>small{text-align:center;color:#96a39f;margin-top:13px;display:block}.access-close{color:#71827d;background:0 0;border:0;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:14px;right:14px}.poster-sheet{background:#faf7ef;border-radius:18px;width:min(100%,410px);max-height:calc(100vh - 44px);padding:22px;overflow:auto;box-shadow:0 28px 80px #0006}.poster-sheet>img{border-radius:10px;width:100%;margin:16px 0;display:block;box-shadow:0 12px 35px #29433f2b}.poster-loading{aspect-ratio:1080/1600;color:#72837e;background:linear-gradient(110deg,#e8eeea 30%,#f7f3ea 50%,#e8eeea 70%) 0 0/220% 100%;border-radius:10px;place-items:center;margin:16px 0;font-size:12px;animation:1.2s linear infinite poster-loading;display:grid}.poster-sheet>small{text-align:center;color:#8a9995;margin-top:12px;display:block}.poster-actions{grid-template-columns:1.5fr 1fr;gap:10px;display:grid}.poster-actions .primary{min-height:50px}.poster-share{color:var(--ink);background:0 0;border:1px solid #cad5d0;border-radius:3px;justify-content:center;align-items:center;gap:8px;display:flex}.poster-actions button:disabled{cursor:wait;opacity:.5;filter:none;transform:none}.poster-close{color:#fff;background:#203734;border:1px solid #fff5;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:fixed;top:18px;right:18px}@keyframes poster-in{0%{opacity:0;transform:scale(.98)}}@keyframes poster-loading{to{background-position:-220% 0}}@media (width>=700px){body{background:#dfe6e2;padding:30px 0}main{min-height:calc(100vh - 60px);box-shadow:0 20px 70px #263a3920}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}:root{--ink:#183b36;--mint:#6f9a8c;--cream:#f7f3ea;--orange:#e97952;--line:#dce4df;--surface:#fffdf8}body{background:#e5ece8}main{width:min(100%,520px)}.home nav,.report-nav{height:72px;padding-inline:28px}.brand{letter-spacing:2.4px;font-size:13px}.hero{padding:44px 30px 38px}.hero h1,.full-hero h1{letter-spacing:1px;margin:20px 0;font-size:clamp(42px,10vw,52px);line-height:1.22}.intro{max-width:350px;margin-bottom:0;font-size:14px;line-height:1.85}.test-meta{color:#71847e;align-items:center;gap:9px;margin-top:18px;font-size:10px;display:flex}.test-meta span{white-space:nowrap}.test-meta b{color:#3b5d55;font-weight:600}.test-meta i{background:#b3c1bc;border-radius:50%;width:3px;height:3px}.inline-access{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffdf8e8;border:1px solid #d8e2dd;border-radius:16px;margin-top:22px;padding:15px;position:relative;box-shadow:0 12px 32px #183b3614}.inline-access-title{color:#54776d;align-items:center;gap:9px;margin-bottom:12px;display:flex}.inline-access-title>span,.inline-access-title b,.inline-access-title small{display:block}.inline-access-title b{color:var(--ink);letter-spacing:.5px;font-size:12px}.inline-access-title small{color:#95a39f;margin-top:3px;font-size:9px}.inline-access-row{grid-template-columns:minmax(0,1fr) 126px;gap:8px;display:grid}.inline-access input{min-width:0;height:48px;color:var(--ink);letter-spacing:1.5px;text-transform:uppercase;background:#fff;border:1px solid #cad7d1;border-radius:11px;outline:none;padding:0 14px;font:600 14px sans-serif}.inline-access input:focus{border-color:#638b7f;box-shadow:0 0 0 3px #638b7f1f}.inline-access input[aria-invalid=true]{border-color:#c8644c}.inline-access-row button{background:var(--ink);color:#fff;letter-spacing:.3px;border:0;border-radius:11px;place-items:center;font-size:12px;font-weight:600;display:grid;box-shadow:0 8px 18px #183b3629}.inline-access-row button:disabled{cursor:not-allowed;opacity:.42}.inline-access .access-error{margin:9px 2px 0}@media (width<=380px){.inline-access-row{grid-template-columns:1fr}.inline-access-row button{min-height:46px}}.primary{border-radius:13px;min-height:58px;transition:transform .18s,box-shadow .18s,filter .18s;box-shadow:0 12px 30px #183b3629}.hero .primary{margin-top:22px}.city-art{opacity:.12;top:24px;right:-8px}.home-closing{padding:4px 28px 26px}.quote{padding-block:28px 23px}.creator{border:0;border-top:1px solid var(--line);background:0 0;border-radius:0;padding:17px 0 0}.creator-mark{width:34px;height:34px;font-size:9px}.creator p{align-items:center;gap:4px;display:flex}.creator strong{margin:0;display:inline}.test header{height:78px;padding-inline:24px}.count{border:1px solid var(--line);background:#ffffff80;border-radius:999px;padding:7px 10px}.progress{border-radius:99px;height:4px;margin:0 24px;overflow:hidden}.progress i{border-radius:inherit}.question{padding:58px 26px 34px}.question h2{max-width:420px;margin-top:16px;font-size:27px;line-height:1.5}.options{gap:13px;margin-top:30px}.options button{border-radius:15px;min-height:76px;padding:15px 17px;box-shadow:0 5px 18px #31554d0a}.options button b{width:36px;height:36px}.options button.selected{transform:scale(.99);box-shadow:0 8px 24px #52786b1f}.access-card,.poster-sheet{border-radius:24px}.access-card input{text-align:center;letter-spacing:3px;border-radius:12px;height:58px;font-size:18px}.paper{border-radius:28px 28px 0 0}.section{padding:52px 28px}.why-grid article,.personality-card,.list-columns>div{border-radius:16px}.why-grid article{box-shadow:0 8px 24px #29433f0c}.mini-city{border:1px solid var(--line);background:#fffdf8;border-radius:14px;margin-bottom:10px;padding:17px 15px}@media (width<=699px){.access-modal{place-items:end center;padding:0}.access-card{width:100%;max-width:none;padding:38px 26px max(28px, env(safe-area-inset-bottom));border-radius:26px 26px 0 0;animation:.26s ease-out drawer-up}@keyframes drawer-up{0%{opacity:0;transform:translateY(30px)}}}@media (width>=700px){main{border-radius:20px}}@media (width>=600px){body{padding:30px 0}.home,.test,.report,.analyzing{border-radius:18px;box-shadow:0 20px 70px #31494326}}