@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Ma+Shan+Zheng&family=Noto+Serif+SC:wght@400;500;600;700;900&display=swap";html,body,#root{min-width:320px;min-height:100%;margin:0}body{margin:0}*{box-sizing:border-box}button{font:inherit}.app-shell{color:#251f19;background:#f3eee3;min-height:100svh;font-family:Noto Serif SC,Songti SC,serif;position:relative;overflow:hidden}.app-shell:before{content:"";pointer-events:none;opacity:.28;mix-blend-mode:multiply;background-image:radial-gradient(#836f51 .65px,#0000 .65px);background-size:6px 6px;position:fixed;inset:0}.topbar{z-index:2;color:#42362b;justify-content:space-between;align-items:center;max-width:1180px;margin:auto;padding:23px 42px;display:flex;position:relative}.brand{cursor:pointer;color:inherit;letter-spacing:.12em;background:0 0;border:0;align-items:center;gap:9px;font-size:17px;font-weight:700;display:flex}.brand-mark{color:#f3eee3;background:#31261d;place-items:center;width:28px;height:28px;font-family:Ma Shan Zheng,cursive;font-size:21px;display:grid}.edition{letter-spacing:.12em;opacity:.72;font:11px DM Mono,monospace}.intro{z-index:1;text-align:center;flex-direction:column;align-items:center;min-height:calc(100svh - 75px);padding:8vh 20px 55px;display:flex;position:relative}.intro:before,.intro:after{content:"";opacity:.7;background:#aa9b85;width:min(20vw,260px);height:1px;position:absolute;top:26%}.intro:before{right:calc(50% + 295px)}.intro:after{left:calc(50% + 295px)}.ornament{color:#a89071;opacity:.3;font:150px Ma Shan Zheng,cursive;position:absolute}.ornament-left{top:14%;left:8%;transform:rotate(-16deg)}.intro-kicker,.result-overline{color:#866f54;letter-spacing:.21em;font-size:12px}.seal{color:#f5ecdd;outline-offset:3px;background:#aa4130;border:2px solid #d99180;outline:1px solid #aa4130;place-items:center;width:58px;height:58px;margin:25px 0 14px;font:40px Ma Shan Zheng,cursive;display:grid;transform:rotate(-4deg)}.intro-overline{letter-spacing:.2em;color:#98836a;margin:11px 0 2px;font:10px DM Mono}h1{letter-spacing:.035em;margin:0;font-size:clamp(38px,5vw,64px);font-weight:700;line-height:1.28}.intro h1 em{color:#a44a35;font-family:Ma Shan Zheng,Noto Serif SC;font-size:1.13em;font-style:normal;font-weight:400}.intro-description{color:#65594c;margin:22px 0 28px;font-size:15px;line-height:1.95}.primary-btn,.outline-btn{cursor:pointer;border:0;transition:transform .2s,box-shadow .2s}.primary-btn{color:#f8f1e7;letter-spacing:.06em;background:#30261e;min-width:204px;padding:14px 21px;font-weight:600;box-shadow:5px 5px #c4ae90}.primary-btn span{margin-left:14px;font-size:20px;line-height:0}.primary-btn:hover,.outline-btn:hover{transform:translate(-2px,-2px);box-shadow:7px 7px #c4ae90}.intro-meta{color:#8c7c68;align-items:center;gap:13px;margin-top:37px;font-size:11px;display:flex}.intro-meta i{background:#aa4130;border-radius:50%;width:3px;height:3px}.portraits{display:flex;position:absolute;bottom:45px;left:50%;transform:translate(-50%)}.portrait{z-index:1;color:#f5ead9;background:#607a68;border:3px solid #f3eee3;border-radius:50%;place-items:center;width:72px;height:72px;margin-left:-14px;font:35px Ma Shan Zheng;display:grid;position:relative;box-shadow:inset 0 -16px #0000001f}.portrait-1{background:#b66d48}.portrait-2{background:#9f4e50}.portrait-3{background:#856b42}.portrait span{transform:translateY(-2px)}.intro-footer{color:#9a8b77;letter-spacing:.1em;font-size:11px;position:absolute;bottom:23px}.quiz{flex-direction:column;width:min(750px,100%);min-height:calc(100svh - 75px);margin:auto;padding:45px 30px 28px;display:flex}.quiz-top{justify-content:space-between;align-items:center;display:flex}.back{cursor:pointer;color:#726452;background:0 0;border:0;padding:4px 0;font-size:14px}.back span{margin-left:7px}.progress-label{color:#473d33;font:14px DM Mono}.progress-label small{color:#9c8b75}.progress{background:#d3c5b2;width:100%;height:2px;margin:22px 0}.progress span{background:#a74a35;height:100%;transition:width .35s;display:block}.question-wrap{flex:1;padding-top:clamp(27px,9vh,110px)}.scene{color:#a44a35;letter-spacing:.08em;font-size:13px}.quiz h2{color:#271f18;max-width:660px;margin:11px 0 38px;font-size:clamp(26px,3.5vw,38px);font-weight:600;line-height:1.4}.answers{gap:11px;display:grid}.answer{cursor:pointer;color:#41362b;text-align:left;background:#fdf9f08a;border:1px solid #cdbfa9;align-items:center;width:100%;min-height:66px;padding:13px 66px 13px 19px;font-size:15px;transition:all .18s;display:flex;position:relative;overflow:hidden}.answer:hover{color:#7d3327;background:#fbf5e8;border-color:#a44a35;transform:translate(5px)}.answer-letter{color:#a79073;margin-right:17px;font:12px DM Mono}.answer b{color:#c7b59d;font:400 25px Ma Shan Zheng;position:absolute;right:17px}.quiz-footer{color:#9d8b75;text-align:center;letter-spacing:.08em;padding-top:25px;font-size:11px}.result{text-align:center;flex-direction:column;align-items:center;min-height:calc(100svh - 75px);padding:5vh 20px 55px;display:flex}.result-overline{margin:0 0 18px}.result-emblem{background:var(--profile-color);color:#f7ecdc;border-radius:50%;place-items:center;width:76px;height:76px;margin-bottom:15px;font:47px Ma Shan Zheng;display:grid;box-shadow:inset 0 0 0 7px #ffffff24}.result h1{font-size:clamp(33px,4vw,50px)}.result-subtitle{color:var(--profile-color);letter-spacing:.15em;margin:8px 0 23px;font-size:14px}.result blockquote{color:#756653;margin:0;font-size:16px}.result-card{border-top:2px solid var(--profile-color);background:#fffcf58c;width:min(560px,100%);margin:29px 0 27px;padding:26px 31px;box-shadow:0 13px 32px #4e392112}.traits{color:var(--profile-color);letter-spacing:.18em;font-size:12px}.result-card p{color:#55493d;text-align:left;margin:15px 0 0;font-size:14px;line-height:2}.result-card .story{color:#897863;margin-top:8px;font-size:13px}.result-actions{gap:12px;display:flex}.outline-btn{color:#675b4c;background:0 0;border:1px solid #a99880;padding:12px 22px}.result .primary-btn{padding-block:12px}@media (width<=600px){.topbar{padding:18px 21px}.edition{display:none}.intro{min-height:calc(100svh - 64px);padding-top:8vh}.intro:before,.intro:after,.ornament{display:none}.seal{margin-top:20px}.intro-description{margin-top:17px}.portraits{bottom:50px}.portrait{width:61px;height:61px;font-size:28px}.quiz{padding:28px 20px 21px}.question-wrap{padding-top:9vh}.quiz h2{margin-bottom:30px}.answer{min-height:60px;font-size:14px}.result{padding-top:4vh}.result-card{padding:22px}.intro-footer{bottom:19px}.result-actions{justify-content:center;width:100%}}.dimension-card,.common-card{text-align:left;background:#fffcf57a;border:1px solid #d8cbb8;width:min(560px,100%);margin:26px 0 0;padding:22px 27px}.section-heading{color:#44392e;border-bottom:1px solid #ded2c1;justify-content:space-between;align-items:baseline;padding-bottom:16px;font-size:15px;font-weight:700;display:flex}.section-heading small{color:#998873;letter-spacing:.03em;font-size:10px;font-weight:400}.dimension-bars{gap:13px;padding-top:18px;display:grid}.dimension-row{color:#766754;grid-template-columns:72px 1fr 31px;align-items:center;gap:10px;font-size:12px;display:grid}.bar-track{background:#e2d7c7;border-radius:99px;height:8px;overflow:hidden}.bar-track i{border-radius:inherit;background:var(--profile-color);min-width:4px;height:100%;transition:width .55s;display:block}.dimension-row b{color:var(--profile-color);text-align:right;font:11px DM Mono,monospace}.common-card{margin-bottom:27px}.common-list{gap:13px;padding-top:17px;display:grid}.common-list p{color:#685a49;grid-template-columns:76px 1fr;gap:11px;margin:0;font-size:13px;line-height:1.65;display:grid}.common-list b{color:var(--profile-color);font-weight:700}.result-card .bio{margin-top:17px}.result-card strong{color:var(--profile-color);letter-spacing:.08em;font-size:12px}@media (width<=600px){.dimension-card,.common-card{padding:19px}.section-heading{display:block}.section-heading small{margin-top:4px;display:block}.dimension-row{grid-template-columns:65px 1fr 27px;gap:8px}.common-list p{grid-template-columns:68px 1fr}}.catalog-shell{color:#2c241c;background:#f3eee3;min-height:100svh;padding:0 32px 70px;font-family:Noto Serif SC,Songti SC,serif}.catalog-header{justify-content:space-between;align-items:center;width:min(1050px,100%);margin:0 auto;padding:23px 0;display:flex}.catalog-header .brand{text-decoration:none}.catalog-hero{width:min(1050px,100%);margin:6vh auto 47px;padding:0 2px}.catalog-kicker{color:#a44a35;letter-spacing:.2em;margin:0 0 15px;font-size:12px}.catalog-hero h1{font-size:clamp(37px,5vw,62px)}.catalog-hero h1 em{color:#a44a35;font-family:Ma Shan Zheng,Noto Serif SC,serif;font-style:normal;font-weight:400}.catalog-hero>p:last-child{color:#776958;margin-top:18px;font-size:15px}.quiz-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:min(1050px,100%);margin:0 auto;display:grid}.quiz-card{min-height:265px;color:inherit;background:#fffcf58c;border:1px solid #d4c6b2;padding:26px;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s}.quiz-card:hover{border-color:#a44a35;transform:translate(-3px,-3px);box-shadow:8px 8px #d1bea2}.card-top{justify-content:space-between;align-items:center;display:flex}.catalog-icon{color:#fff4e3;background:#a44a35;place-items:center;width:43px;height:43px;font:29px Ma Shan Zheng,cursive;display:grid}.card-arrow{color:#a44a35;font-size:27px}.quiz-card h2{margin:28px 0 4px;font-size:25px}.quiz-card h3{color:#9c694f;margin:0;font-size:14px;font-weight:500}.quiz-card p{color:#70614f;margin:17px 0 20px;font-size:13px;line-height:1.9}.quiz-card small{color:#a28f79;letter-spacing:.08em;font:10px DM Mono,monospace}.quiz-card-placeholder{opacity:.6;border-style:dashed}.quiz-card-placeholder .catalog-icon{background:#8d806d}@media (width<=600px){.catalog-shell{padding:0 20px 45px}.catalog-hero{margin:6vh auto 32px}.quiz-grid{grid-template-columns:1fr}.quiz-card{min-height:225px}}