:root{--paper:#f1ebdd;--paper-deep:#e4dbc7;--ink:#18201d;--muted:#686b62;--line:#18201d38;--red:#e4482f;--blue:#2658c7;--acid:#d6ed52;--green:#236a4d;--display:"STSong","Songti SC","Noto Serif CJK SC",serif;--body:"Kaiti SC","STKaiti","FangSong",serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:radial-gradient(circle at 10% 8%,#d6ed528c,transparent 22rem),radial-gradient(circle at 92% 74%,#2658c71f,transparent 26rem),var(--paper);font-family:var(--body);min-height:100vh;margin:0}body:before{content:"";pointer-events:none;opacity:.16;z-index:10;mix-blend-mode:multiply;background-image:repeating-linear-gradient(37deg,#18201d09 0 1px,#0000 1px 5px);position:fixed;inset:0}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.site-shell{z-index:1;width:min(1120px,100% - 32px);margin:auto;padding:24px 0 54px;position:relative}.topbar{border-bottom:1px solid var(--line);letter-spacing:.11em;justify-content:space-between;align-items:center;gap:18px;padding:8px 0 18px;font-size:13px;display:flex}.topbar span{color:var(--muted)}.topbar i{background:var(--green);border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.view-in{animation:.6s cubic-bezier(.2,.8,.2,1) both rise}@keyframes rise{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}h1,h2,h3,p{margin-top:0}.hero{grid-template-columns:1.25fr .75fr;align-items:center;gap:56px;min-height:70vh;padding:68px 0 44px;display:grid}.eyebrow{color:var(--red);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:9px;margin-bottom:22px;font-size:13px;font-weight:700;display:flex}.eyebrow:before{content:"";background:currentColor;width:28px;height:2px}.hero h1{font-family:var(--display);letter-spacing:-.075em;margin-bottom:28px;font-size:clamp(56px,8.2vw,112px);line-height:.88}.hero h1 em{color:var(--blue);font-style:italic}.lede{color:#343b37;max-width:700px;margin-bottom:30px;font-size:clamp(18px,2vw,23px);line-height:1.75}.button-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.button-primary,.button-ghost{border:1px solid var(--ink);cursor:pointer;padding:14px 22px;transition:all .2s}.button-primary{background:var(--ink);color:var(--paper);box-shadow:7px 7px 0 var(--red)}.button-primary:hover{box-shadow:10px 10px 0 var(--red);transform:translate(-2px,-2px)}.button-ghost{background:0 0}.button-ghost:hover{background:#ffffff59}.hero-specimen{aspect-ratio:.82;border:1px solid var(--ink);background:#ffffff40;position:relative;overflow:hidden;transform:rotate(2.5deg);box-shadow:0 20px 60px #29261a21}.hero-specimen i:first-child{border:1px solid var(--ink);width:240px;height:240px;box-shadow:inset 0 0 0 30px var(--acid),inset 0 0 0 31px var(--ink);border-radius:50%;position:absolute;top:18%;left:14%}.hero-specimen i:nth-child(2){border:1px solid var(--ink);background:var(--red);border-radius:50%;width:80px;height:80px;position:absolute;top:36%;left:36%}.hero-specimen:after{content:"";border-top:2px solid var(--blue);position:absolute;inset:12% -18%;transform:rotate(-33deg)}.hero-specimen span{letter-spacing:.1em;font:700 12px/1.5 monospace;position:absolute;bottom:24px;left:24px}.method-strip{border:1px solid var(--line);background:#ffffff2e;grid-template-columns:repeat(3,1fr);display:grid}.method-strip article{border-right:1px solid var(--line);padding:24px}.method-strip article:last-child{border:0}.method-strip b{font-family:var(--display);margin-bottom:7px;font-size:18px;display:block}.method-strip span{color:var(--muted);font-size:14px;line-height:1.55}.quiz-view{padding-top:30px}.quiz-head{justify-content:space-between;align-items:end;gap:20px;margin-bottom:14px;display:flex}.quiz-head div{font-family:var(--display);font-size:28px}.quiz-head em{color:var(--red);font-size:54px;font-style:normal}.quiz-head span{color:var(--muted);letter-spacing:.12em;font-size:13px}.progress{background:#18201d1f;height:4px;overflow:hidden}.progress i{background:var(--blue);height:100%;transition:width .35s;display:block}.question-card{align-content:center;max-width:880px;min-height:64vh;margin:auto;padding:50px 0 40px;display:grid}.question-card h2{font-family:var(--display);letter-spacing:-.035em;margin-bottom:16px;font-size:clamp(31px,5vw,58px);line-height:1.2}.question-card>p{color:var(--muted);margin-bottom:40px;font-size:15px}.answer-scale{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.answer-scale button{border:1px solid var(--ink);cursor:pointer;background:#fff3;min-height:116px;padding:12px 8px;transition:all .18s}.answer-scale button:hover,.answer-scale button.selected{background:var(--acid);box-shadow:0 7px 0 var(--ink);transform:translateY(-5px)}.answer-scale button:disabled{cursor:default}.answer-scale b{font:700 28px/1 var(--display);margin-bottom:10px;display:block}.answer-scale span{font-size:13px;line-height:1.25;display:block}.quiz-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding-top:18px;display:flex}.quiz-foot button{color:var(--muted);cursor:pointer;background:0 0;border:0}.quiz-foot button:disabled{visibility:hidden}.quiz-foot span{color:var(--muted);font-size:12px}.result-hero{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(300px,390px);align-items:center;gap:46px;padding:62px 0 48px;display:grid}.report-kicker{color:var(--blue);letter-spacing:.15em;margin-bottom:24px;font-size:13px}.result-hero h1{font-family:var(--display);letter-spacing:-.06em;margin-bottom:24px;font-size:clamp(48px,6.6vw,84px);line-height:.96}.result-hero h1 em{color:var(--red);font-style:italic}.result-hero>div>p:not(.report-kicker){color:#303733;max-width:800px;font-size:20px;line-height:1.8}.persona-card{border:1px solid var(--p-ink);background:var(--p-bg);box-shadow:11px 11px 0 var(--p-ink);margin:0;overflow:hidden;transform:rotate(1.4deg)}.portrait-canvas{aspect-ratio:400/455;background:var(--p-bg);position:relative;overflow:hidden}.persona-card figcaption{border-top:1px solid var(--p-ink);background:var(--paper);grid-template-columns:1fr auto;align-items:center;gap:12px;padding:15px 17px;display:grid}.persona-card figcaption b{font-family:var(--display);font-size:18px;display:block}.persona-card figcaption small{color:var(--muted)}.palette-dots{gap:5px;display:flex}.palette-dots i{border:1px solid var(--ink);border-radius:50%;width:14px;height:14px}.portrait-code{letter-spacing:.1em;color:var(--p-ink);font:700 11px/1 monospace;position:absolute;bottom:12px;left:18px}.flat-person{width:220px;height:315px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.person-body{border:3px solid var(--p-ink);background:var(--p-main);border-radius:45px 45px 7px 7px;width:124px;height:157px;position:absolute;bottom:32px;left:49px}.person-head{border:3px solid var(--p-ink);background:var(--p-skin);z-index:3;border-radius:50%;width:132px;height:132px;position:absolute;top:10px;left:45px;overflow:hidden}.hair{background:var(--p-main);border-bottom:3px solid var(--p-ink);border-radius:50% 50% 42% 58%;width:142px;height:74px;position:absolute;top:-14px;left:-5px;transform:rotate(-5deg)}.eye{background:var(--p-ink);border-radius:50%;width:11px;height:11px;position:absolute;top:72px}.eye-left{left:38px}.eye-right{right:38px}.smile{border-bottom:4px solid var(--p-ink);border-radius:0 0 50% 50%;width:30px;height:14px;position:absolute;top:94px;left:52px}.person-arm{background:var(--p-ink);transform-origin:top;border-radius:20px;width:18px;height:120px;position:absolute;top:160px}.arm-left{left:42px;transform:rotate(22deg)}.arm-right{right:42px;transform:rotate(-22deg)}.person-leg{background:var(--p-ink);border-radius:20px;width:18px;height:65px;position:absolute;bottom:20px}.leg-left{left:77px}.leg-right{right:77px}.chest-badge{z-index:4;border:3px solid var(--p-ink);background:var(--p-accent);border-radius:50%;place-items:center;width:43px;height:43px;font-style:normal;font-weight:900;display:grid;position:absolute;top:181px;left:92px}.motif{display:block;position:absolute}.motif:before,.motif:after{content:"";display:block;position:absolute}.portrait-ohi .motif-one{border:3px solid var(--p-ink);border-radius:50%;width:96px;height:96px;top:28px;left:26px}.portrait-ohi .motif-one:before{border:9px solid var(--p-main);border-radius:50%;width:125px;height:30px;top:28px;left:-18px;transform:rotate(-20deg)}.portrait-ohi .motif-two{background:var(--p-two);clip-path:polygon(50% 0,63% 37%,100% 50%,63% 63%,50% 100%,37% 63%,0 50%,37% 37%);width:38px;height:38px;top:42px;right:38px;transform:rotate(45deg)}.portrait-olo .motif-one,.portrait-olo .motif-two,.portrait-olo .motif-three{border:3px solid var(--p-ink);height:44px}.portrait-olo .motif-one{background:var(--p-two);width:96px;top:24px;left:18px}.portrait-olo .motif-two{background:var(--p-accent);width:120px;top:68px;left:72px}.portrait-olo .motif-three{background:var(--p-main);width:84px;top:35px;right:18px}.portrait-olo .person-head{border-radius:22px}.portrait-olo .hair{border-radius:0;height:50px;transform:none}.portrait-chi .portrait-canvas{background-color:var(--p-bg);background-image:linear-gradient(#12213d33 1px,#0000 1px),linear-gradient(90deg,#12213d33 1px,#0000 1px);background-size:38px 38px}.portrait-chi .motif-one{border-left:12px solid var(--p-two);border-bottom:12px solid var(--p-two);width:58px;height:32px;top:35px;right:35px;transform:rotate(-45deg)}.portrait-chi .person-head{border-radius:44px}.portrait-chi .hair{border-radius:30px 30px 0 0;transform:none}.portrait-clo .motif-one{background:var(--p-accent);clip-path:polygon(0 45%,12% 0,25% 65%,39% 5%,53% 62%,67% 13%,80% 73%,100% 20%,100% 46%,82% 100%,67% 42%,53% 94%,39% 34%,25% 98%,12% 30%,0 72%);width:420px;height:80px;top:50px;left:-10px}.portrait-clo .motif-two{background:var(--p-two);clip-path:polygon(52% 0,15% 51%,47% 51%,25% 100%,90% 40%,56% 40%);width:60px;height:82px;top:144px;right:28px}.portrait-clo .person-head{border-radius:48% 52% 42% 58%}.portrait-clo .hair{background:var(--p-two)}.portrait-ehi .motif-one{background:repeating-conic-gradient(var(--p-ink) 0 4deg,transparent 4deg 20deg);border-radius:50%;width:210px;height:210px;top:-80px;left:95px}.portrait-ehi .motif-two{background:var(--p-accent);border:3px solid var(--p-ink);border-radius:50%;width:116px;height:116px;top:12px;left:142px}.portrait-ehi .hair{clip-path:polygon(0 100%,10% 34%,28% 42%,39% 0,53% 40%,75% 14%,73% 50%,100% 38%,100% 100%);border-radius:0;height:84px}.portrait-elo .motif-one{background:var(--p-main);border-radius:50%;width:82px;height:82px;top:25px;left:25px}.portrait-elo .motif-one:after{background:var(--p-bg);border-radius:50%;width:78px;height:78px;top:-8px;left:28px}.portrait-elo .motif-two{border:4px solid var(--p-two);border-bottom-color:#0000;border-left-color:#0000;border-radius:50%;width:80px;height:80px;top:35px;right:30px;transform:rotate(45deg)}.portrait-elo .person-head{box-shadow:0 0 0 10px var(--p-main)}.portrait-ahi .motif-one,.portrait-ahi .motif-two{border:9px solid var(--p-ink);border-radius:50%;width:72px;height:72px;top:32px}.portrait-ahi .motif-one{left:25px}.portrait-ahi .motif-two{left:75px}.portrait-ahi .motif-three{background:var(--p-accent);clip-path:polygon(50% 100%,4% 44%,8% 16%,28% 3%,50% 26%,72% 3%,92% 16%,96% 44%);width:52px;height:48px;top:38px;right:35px}.portrait-alo .motif-one{background:var(--p-accent);border:3px solid var(--p-ink);clip-path:polygon(50% 0,100% 18%,88% 72%,50% 100%,12% 72%,0 18%);width:105px;height:130px;top:22px;left:25px}.portrait-alo .motif-two{background:var(--p-ink);width:9px;height:72px;top:49px;left:73px}.portrait-alo .motif-three{background:var(--p-ink);width:72px;height:9px;top:80px;left:42px}.portrait-alo .person-head{clip-path:polygon(50% 0,96% 27%,88% 78%,50% 100%,12% 78%,4% 27%);border-radius:0}.portrait-alo .hair{border-radius:0}.portrait-shi .motif-one,.portrait-shi .motif-two{border:8px solid var(--p-ink);border-bottom:0;border-left:0;border-right:0;border-radius:50%;width:440px;height:70px;left:-20px}.portrait-shi .motif-one{top:50px}.portrait-shi .motif-two{top:95px}.portrait-shi .motif-three{background:var(--p-accent);border:3px solid var(--p-ink);border-radius:50%;width:52px;height:52px;top:35px;right:35px}.portrait-shi .person-head{width:148px;height:124px;top:18px;left:37px}.portrait-slo .motif-one,.portrait-slo .motif-two,.portrait-slo .motif-three{border:5px solid var(--p-ink);border-bottom-color:#0000;border-right-color:#0000;border-radius:50%;bottom:auto;left:30px;transform:rotate(-45deg)}.portrait-slo .motif-one{width:130px;height:130px;top:38px}.portrait-slo .motif-two{width:80px;height:80px;top:63px;left:55px}.portrait-slo .motif-three{background:var(--p-two);width:30px;height:30px;top:88px;left:80px}.portrait-slo .person-head{width:116px;height:150px;top:-2px;left:53px}.portrait-slo .hair:after{content:"";background:var(--p-ink);width:5px;height:38px;position:absolute;top:-34px;left:67px}.portrait-multi .motif-one,.portrait-multi .motif-two,.portrait-multi .motif-three{border:3px solid var(--p-ink);border-radius:50%;top:28px}.portrait-multi .motif-one{width:80px;height:80px;left:25px}.portrait-multi .motif-two{width:58px;height:58px;left:164px}.portrait-multi .motif-three{width:94px;height:94px;right:25px}.portrait-multi .motif-one:before,.portrait-multi .motif-two:before,.portrait-multi .motif-three:before{background:var(--p-accent);transform-origin:0;width:36%;height:5px;top:50%;left:50%;transform:rotate(-40deg)}.report-grid{grid-template-columns:.82fr 1.18fr;gap:36px;padding:42px 0;display:grid}.report-panel{border:1px solid var(--line);background:#ffffff36;padding:28px}.report-panel h2{font-family:var(--display);margin-bottom:22px;font-size:28px}.score-list{gap:22px;display:grid}.score-list article>div{justify-content:space-between;gap:15px;font-size:14px;display:flex}.score-list article>div b{font-family:var(--display);font-size:17px}.score-list article>i{border:1px solid var(--ink);height:11px;margin:8px 0;padding:2px;display:block}.score-list article>i b{background:var(--blue);height:100%;display:block}.score-list small{color:var(--muted);line-height:1.5}.insight-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.insight-grid article{border-top:3px solid var(--ink);background:#ffffff42;min-height:185px;padding:20px 17px}.insight-grid article:nth-child(2){border-color:var(--red)}.insight-grid article:nth-child(3){border-color:var(--blue)}.insight-grid article:nth-child(4){border-color:var(--green)}.insight-grid h3{font-family:var(--display);margin-bottom:12px;font-size:20px}.insight-grid p{color:#3e4541;font-size:15px;line-height:1.75}.result-invite{border:1px solid var(--ink);background:linear-gradient(112deg,var(--acid) 0 61%,var(--paper) 61%);box-shadow:8px 8px 0 var(--ink);grid-template-columns:minmax(0,1fr) 154px;align-items:center;gap:34px;margin:4px 0 30px;padding:30px 34px;display:grid;position:relative;overflow:hidden}.result-invite:before{content:"020";font:900 112px/1 var(--display);color:#18201d14;letter-spacing:-.08em;position:absolute;top:-24px;right:184px}.result-invite>div{z-index:1;position:relative}.invite-index{letter-spacing:.16em;color:var(--blue);margin-bottom:10px;font:700 11px/1 monospace}.result-invite h2{font-family:var(--display);letter-spacing:-.045em;margin-bottom:12px;font-size:clamp(28px,4vw,45px);line-height:1.02}.result-invite>div>p:last-child{color:#3b423e;max-width:620px;margin:0;line-height:1.7}.result-qr{z-index:2;color:var(--ink);justify-items:center;gap:9px;text-decoration:none;display:grid;position:relative}.result-qr span{border:1px solid var(--ink);background:var(--paper);width:132px;height:132px;box-shadow:5px 5px 0 var(--blue);padding:7px;transition:all .2s;display:block}.result-qr:hover span{box-shadow:8px 8px 0 var(--red);transform:translate(-2px,-2px)}.result-qr img{width:100%;height:100%;display:block}.result-qr small{letter-spacing:.16em;font:700 11px/1 monospace}.science-note{color:var(--muted);padding:8px 0 10px;font-size:13px;line-height:1.7}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:16px;padding:24px 0;font-size:12px;display:flex}.dev-entry{z-index:30;border:1px solid var(--ink);background:var(--paper);cursor:pointer;box-shadow:4px 4px 0 var(--ink);letter-spacing:.08em;align-items:center;gap:8px;padding:9px 12px;font-size:12px;transition:all .18s;display:flex;position:fixed;bottom:18px;right:18px}.dev-entry:hover{box-shadow:6px 6px 0 var(--red);transform:translate(-2px,-2px)}.modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#101614bd;place-items:center;padding:18px;animation:.2s fade;display:grid;position:fixed;inset:0}.modal-card{background:var(--paper);border:1px solid var(--ink);width:min(700px,100%);max-height:calc(100vh - 36px);box-shadow:12px 12px 0 var(--acid);padding:34px;position:relative;overflow:auto}.modal-close{border:1px solid var(--ink);cursor:pointer;background:0 0;width:36px;height:36px;font-size:22px;position:absolute;top:16px;right:16px}.modal-card h2{font-family:var(--display);margin-bottom:10px;font-size:36px}.modal-card>p:not(.eyebrow),.dashboard>p{color:var(--muted);line-height:1.65}.share-modal{text-align:center;max-width:560px}.share-modal .eyebrow{justify-content:center}.qr-frame{border:1px solid var(--ink);background:var(--paper);width:270px;height:270px;box-shadow:8px 8px 0 var(--blue);margin:24px auto;padding:10px}.qr-frame img{width:100%;height:100%;display:block}.share-link{border:1px solid var(--ink);text-align:left;grid-template-columns:1fr auto;display:grid}.share-link span{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);padding:12px;overflow:hidden}.share-link button{border:0;border-left:1px solid var(--ink);background:var(--acid);cursor:pointer;padding:0 18px}.share-native{margin-top:18px}.dev-modal form{text-align:center;max-width:430px;margin:16px auto 28px}.dev-modal form .eyebrow{justify-content:center}.dev-mark{border:1px solid var(--ink);background:var(--acid);border-radius:50%;place-items:center;width:68px;height:68px;margin:0 auto 22px;font:800 24px/1 monospace;display:grid}.password-row{grid-template-columns:1fr auto;gap:9px;margin-top:28px;display:grid}.password-row input{border:1px solid var(--ink);letter-spacing:.2em;background:#ffffff59;min-width:0;padding:13px 14px;font:18px/1 monospace}.password-row button{border:1px solid var(--ink);background:var(--ink);color:var(--paper);cursor:pointer;padding:0 18px}.form-error{min-height:22px;margin-top:12px;font-size:13px;color:var(--red)!important}.stat-cards{grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0 28px;display:grid}.stat-cards article{border:1px solid var(--ink);background:#ffffff40;padding:15px}.stat-cards strong{font:800 36px/1 var(--display);color:var(--blue);margin-bottom:8px;display:block}.stat-cards span{color:var(--muted);font-size:12px}.dashboard h3{font-family:var(--display);border-top:1px solid var(--line);margin-top:22px;padding-top:22px;font-size:21px}.distribution{gap:13px;display:grid}.dist-row{grid-template-columns:145px 1fr 86px;align-items:center;gap:12px;font-size:13px;display:grid}.dist-row>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dist-row>i{border:1px solid var(--ink);height:12px;padding:2px}.dist-row>i b{height:100%;display:block}.dist-row em{text-align:right;font-variant-numeric:tabular-nums;font-style:normal}.empty-data{border:1px dashed var(--line);color:var(--muted);text-align:center;padding:28px}@keyframes fade{0%{opacity:0}to{opacity:1}}@media (width<=760px){.site-shell{width:min(100% - 22px,1120px)}.topbar span{display:none}.hero{grid-template-columns:1fr;gap:34px;padding-top:46px}.hero-specimen{justify-self:center;width:min(82vw,390px)}.method-strip{grid-template-columns:1fr}.method-strip article{border-right:0;border-bottom:1px solid var(--line)}.question-card{min-height:70vh;padding-top:28px}.answer-scale{grid-template-columns:1fr;gap:7px}.answer-scale button{align-items:center;gap:15px;min-height:52px;padding:8px 15px;display:flex}.answer-scale b{margin:0;font-size:21px}.answer-scale span{text-align:left}.quiz-foot span{display:none}.result-hero{grid-template-columns:1fr}.persona-card{order:-1;justify-self:center;width:min(88vw,380px)}.report-grid,.insight-grid{grid-template-columns:1fr}.result-invite{background:linear-gradient(160deg,var(--acid) 0 68%,var(--paper) 68%);grid-template-columns:1fr;padding:26px 22px}.result-invite:before{font-size:90px;top:2px;right:-8px}.result-qr{justify-self:end;margin-right:5px}.dev-entry span{display:none}.dev-entry{padding:10px;bottom:12px;right:12px}.modal-card{padding:28px 20px}.stat-cards{grid-template-columns:1fr}.dist-row{grid-template-columns:105px 1fr 78px;gap:7px;font-size:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}@media print{body{background:#fff}body:before,.topbar,.button-row,footer,.dev-entry,.modal-backdrop{display:none!important}.site-shell{width:100%;padding:0}.report-panel,.insight-grid article,.persona-card,.result-invite{break-inside:avoid}.persona-card,.result-invite{box-shadow:none}.result-hero{padding-top:12px}}