:root{--purple:#8058e8;--deep:#6341c0;--pale:#f5f1ff;--ink:#252635;--muted:#85808f;--line:#ece6f6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:linear-gradient(180deg,#eee7ff 0,#f5f1ff 550px,#f6f3fc 100%);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft YaHei',sans-serif;line-height:1.85;min-height:100vh}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #b69af5;outline-offset:4px}h1:focus,legend:focus{outline:none}a{color:inherit;text-decoration:none}h1,h2,h3,h4{line-height:1.55;margin:0}p{margin:0}button{line-height:1.5}.header{max-width:860px;padding:24px 24px 18px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:9px;font-size:18px;font-weight:700}.brand-mark{width:35px;height:35px;display:grid;place-items:center;background:#fff;border:1px solid #e8dff6;border-radius:11px;font-size:22px;box-shadow:0 3px 12px #6143a10a}.brand small{font-size:10px;margin-left:9px;font-weight:400;color:#9d8db6}.text-button{border:0;background:none;color:#8c7ba7;padding:8px;font-size:13px;display:inline-flex;justify-content:center;align-items:center;gap:8px}.text-button:hover{color:var(--purple)}.header .text-button{font-size:12px;background:#ffffff94;border:1px solid #fff;border-radius:30px;padding:7px 13px}#app{min-height:76vh}.home,.report{max-width:820px;padding:9px 20px 0;margin:0 auto}.home-hero{border:1px solid #fff7;border-radius:24px;background:radial-gradient(ellipse at 75% 3%,#fff7 0,transparent 48%),linear-gradient(145deg,#e1d5ff,#f3edff);position:relative;overflow:hidden;text-align:center;padding:42px 25px 32px;margin-bottom:24px;isolation:isolate}.hero-pill{display:inline-block;color:#815dbd;background:#ffffffa8;border:1px solid white;border-radius:30px;font-size:12px;padding:5px 13px;margin-bottom:20px}.home-hero h1{font-size:43px;line-height:1.45;letter-spacing:-1px;font-weight:750;margin-bottom:16px}.home-hero h1 em{font-style:normal;color:var(--purple)}.home-hero>p{font-size:16px;color:#8e7caa;line-height:1.9;margin-bottom:22px}.home-facts{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;margin:23px 0;font-size:12px;color:#9a8bad}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:50px;padding:13px 24px;border:0;border-radius:12px;font-weight:600;font-size:15px;transition:background .2s,transform .2s}.button:hover:not(:disabled){transform:translateY(-1px)}.primary{background:linear-gradient(100deg,#8760ed,#794ee0);color:white;box-shadow:0 6px 18px #8058e826}.secondary{color:#8b77ac;background:#fff;border:1px solid #e9e0f4}.home-hero>.primary{width:260px;max-width:100%;border-radius:30px}.home-hero>.text-button{display:block;margin:13px auto 5px;font-size:13px;color:#977db6;text-decoration:underline;text-underline-offset:5px}.hero-note{display:block;color:#aa9bbf;font-size:11px}.home-spark{position:absolute;color:#ad91dd;z-index:-1}.spark-one{font-size:55px;left:8%;top:83px;transform:rotate(12deg);opacity:.4}.spark-two{font-size:80px;right:7%;top:180px;opacity:.28}.home-card,.report-card{background:#fff;border:1px solid #ffffff;border-radius:22px;padding:28px;margin:0 0 22px;box-shadow:0 9px 30px #71509804}.card-title{display:flex;align-items:center;gap:11px;margin-bottom:20px}.title-icon{display:grid;place-items:center;flex-shrink:0;width:37px;height:37px;background:#f1eaff;border-radius:11px;font-size:22px}.card-title h2{font-size:21px;font-weight:700;line-height:1.5;letter-spacing:-.3px}.card-title small{margin-left:auto;font-size:11px;color:#b0a7ba;white-space:nowrap}.dimension-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.dimension-tile{border:1px solid #eee7f8;background:#faf8ff;border-radius:15px;padding:20px 23px}.dimension-tile>span{font-size:28px}.dimension-tile h3{font-size:17px;margin:10px 0 7px}.dimension-tile p{font-size:13px;color:#9c92a8;line-height:1.9}.home-interest{display:flex;gap:16px;align-items:center;padding:18px 3px 0;margin-top:19px;border-top:1px dashed var(--line)}.home-interest>span{font-size:23px;white-space:nowrap}.home-interest p{font-size:13px;color:#a295b0}.includes>div:not(.card-title){display:flex;gap:17px;padding:16px 0;border-top:1px solid #f1edf7}.includes>div>span:not(.title-icon){color:#ba9fe9;font-family:Georgia,serif;font-size:23px}.includes b{font-size:15px;font-weight:600}.includes small{font-size:13px;color:#aaa0b6;display:block;margin-top:4px}.page-note{font-size:11px;line-height:1.9;text-align:center;color:#b1a5be;margin:20px 0 28px;padding:0 5px}.footer{max-width:820px;padding:20px 24px;margin:10px auto 0;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#b3a6c2;font-size:10px}.update-note,.notice{background:#e8def7;color:#9984b4;border-radius:8px;font-size:12px;padding:10px 14px;margin-bottom:15px}.notice{background:#fbf0d9;color:#9e844b}
.quiz-wrap{max-width:620px;padding:20px 22px 0;margin:0 auto}.quiz-progress{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px}.quiz-progress>span{font-size:14px;color:#a18eb9}.quiz-progress>b{color:var(--purple);font-size:25px;font-weight:650}.quiz-progress small{font-size:14px;font-weight:400;color:#bbaaCA}.progress{height:6px;border-radius:6px;overflow:hidden;background:#e9dff7;margin-bottom:22px}.progress>span{height:100%;background:#9571ee;display:block;transition:width .2s}.question-panel{background:#fff;border-radius:22px;padding:30px;box-shadow:0 10px 30px #72549f05}.question-emoji{width:57px;height:57px;border-radius:17px;background:#f3edff;display:grid;place-items:center;font-size:30px;margin-bottom:21px}fieldset{border:0;padding:0;margin:0;min-width:0}legend{font-size:23px;font-weight:650;line-height:1.75;padding:0;margin:0}.question-help{font-size:12px;color:#afa0bd;margin:12px 0 24px}.answers{display:grid;gap:11px}.answer{display:flex;align-items:center;gap:13px;cursor:pointer;border:1px solid #eae2f5;border-radius:12px;padding:16px 18px;transition:border .15s,background .15s;font-size:15px;color:#706780}.answer:hover{background:#faf7ff;border-color:#cbb5f2}.answer:has(input:checked){background:#f5eeff;border-color:#9b75ed;color:#7950c7}.answer input{margin:0;width:18px;height:18px;accent-color:var(--purple)}.question-actions{display:flex;justify-content:space-between;gap:12px;margin-top:27px}.question-actions .button{padding:13px 22px;font-size:14px}.quiz-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 4px;color:#b0a0c3;font-size:11px}.quiz-foot .text-button{font-size:12px}
.report-cover{background:radial-gradient(circle at 90% 30%,#b79bff80 0,transparent 40%),linear-gradient(125deg,#845bef,#a083f1);color:#fff;border-radius:23px 23px 13px 13px;padding:31px 32px 43px;position:relative;overflow:hidden;margin-bottom:-15px}.cover-badge{display:inline-block;border:1px solid #ffffff40;border-radius:30px;background:#ffffff14;padding:4px 11px;font-size:11px;color:#e9dcff;margin-bottom:14px}.report-cover h1{font-size:33px;letter-spacing:1px;font-weight:650;margin-bottom:10px}.report-cover>p{font-size:13px;color:#e1d4fa}.cover-spark{position:absolute;font-size:145px;right:29px;top:14px;line-height:1;color:#ffffff13;transform:rotate(15deg)}.result-card{position:relative;margin-bottom:18px;background:#fff;border-radius:18px 18px 22px 22px;padding:27px 28px 23px;border:1px solid #f0e9fa}.result-card .card-title{margin-bottom:19px}.result-title{font-size:27px;line-height:1.6;letter-spacing:-.4px;margin-bottom:13px;font-weight:700}.result-description{font-size:16px;line-height:1.95;color:#8d819c}.result-chips{display:flex;flex-wrap:wrap;gap:8px;margin:21px 0 14px}.result-chips>span{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;background:#f6f1ff;color:#9a7dc6;border:1px solid #eee4fa;border-radius:25px;font-size:12px}.result-chips b{font-size:12px;font-weight:600;color:var(--purple);margin-left:3px}.short-note{font-size:11px;line-height:1.9;color:#b3a8c0;margin-top:16px}.report-nav{display:flex;position:sticky;top:10px;z-index:5;gap:0;margin:0 0 21px;border:1px solid #eee4fb;background:#ffffffed;backdrop-filter:blur(10px);border-radius:13px;box-shadow:0 4px 15px #6d4ca407}.report-nav>a{flex:1;text-align:center;font-size:13px;padding:13px 8px;color:#a18abf}.report-nav>a+a{border-left:1px solid #f0e9f8}.report-nav>a:hover{color:var(--purple);background:#f8f4ff}.report-card[id]{scroll-margin-top:85px}.card-intro{color:#a096ae;line-height:1.9;font-size:13px;margin:-3px 0 22px}.strength-detail+.strength-detail{border-top:1px solid var(--line);padding-top:28px;margin-top:30px}.strength-header{display:flex;align-items:center;gap:18px;margin-bottom:23px}.large-emoji{display:grid;place-items:center;width:72px;height:72px;border-radius:20px;background:#fff5cc;font-size:38px;flex-shrink:0}.strength-header h3{font-size:23px;margin:0 0 6px}.strength-header p{font-size:12px;color:#b3a4c1}.strength-header p b{font-size:17px;color:#9f7ad8;font-weight:600}.strength-header p span{margin-left:6px}.plain-highlight{border-left:4px solid #b397ed;background:#f6f1ff;border-radius:5px 12px 12px 5px;padding:16px 18px;color:#8d6eb6;font-size:16px;font-weight:500;line-height:1.9;margin-bottom:20px}.meaning{font-size:16px;line-height:1.95;color:#8e839d}.strength-detail h4{font-size:16px;font-weight:650;margin:24px 0 13px}.purple-list{list-style:none;padding:0;margin:0}.purple-list li{font-size:15px;line-height:1.95;color:#91859e;padding-left:19px;position:relative;margin:8px 0}.purple-list li:before{content:'';width:6px;height:6px;background:#b69be9;border-radius:50%;position:absolute;left:0;top:12px}.tags{display:flex;gap:8px;flex-wrap:wrap}.tag{font-size:13px;color:#a086c5;border:1px solid #ede4f8;border-radius:30px;padding:5px 12px;background:#f7f2ff}.small-advice{margin-top:24px;padding:17px 19px;border-radius:12px;background:#fffbea;border:1px solid #fbf4db}.small-advice>b{font-size:14px;color:#b29453;font-weight:600}.small-advice>p{font-size:14px;color:#b4a381;line-height:1.95;margin-top:8px}.soft-note{font-size:13px;color:#b2a6be;line-height:1.9}.chart-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:28px}.radar{width:100%;max-width:380px;display:block;margin:auto;overflow:visible}.radar text{font-family:inherit;font-size:12px;fill:#a18bbd}.radar .radar-value{font-size:10px;fill:#b4a0cb}.scores{display:grid;gap:18px}.score-row>div:first-child{display:flex;align-items:center;gap:8px;line-height:1.5}.score-row>div>span{font-size:18px}.score-row b{font-size:13px;font-weight:500;color:#9b87b2}.score-row strong{margin-left:auto;color:#9872d2;font-size:16px;font-weight:600}.score-row small{font-size:10px;color:#c0afce;font-weight:400;margin-left:2px}.bar{height:6px;border-radius:6px;background:#f1eafa;margin-top:7px;overflow:hidden}.bar>span{display:block;background:linear-gradient(90deg,#b69aef,#8c63e1);height:100%;border-radius:6px}.jobs-grid{display:grid;grid-template-columns:1fr;gap:18px}.job-card{border:1px solid #e9dff7;background:#fdfbff;border-radius:15px;overflow:hidden}.job-card.selected{border-color:#cfbaf0;box-shadow:0 0 0 2px #f7f2ff}.job-title{display:flex;align-items:center;gap:13px;padding:17px 20px;background:#f7f2ff;border-bottom:1px solid #eee5f8}.job-title>span{font-size:17px;font-weight:500;background:#b28ce8;border-radius:8px;display:grid;place-items:center;color:white;width:31px;height:31px;flex-shrink:0}.job-title h3{font-size:19px;line-height:1.65}.job-body{padding:20px}.job-body h4{font-size:14px;font-weight:650;margin:0 0 7px}.job-body>p{font-size:15px;line-height:1.95;color:#9b8aa9;margin-bottom:19px}.job-more{border-top:1px dashed #e9ddf5;padding-top:14px;margin-top:3px}.job-more summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:13px;color:#ad8cd2;cursor:pointer}.job-more summary>span{font-size:18px}.job-more[open] summary>span{transform:rotate(45deg)}summary::-webkit-details-marker{display:none}.job-more p{font-size:14px;color:#a692b6;line-height:1.95;margin:13px 0 0}.job-more .job-search{font-size:12px;color:#bba6c8;margin-bottom:6px}.choose-job{margin:18px 0 0;padding:9px 14px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e5d8f6;border-radius:8px;background:white;color:#b092cf;font-size:12px}.choose-job.chosen{background:#efe5ff;border-color:#decdf4;color:#9972c7}.other-jobs{border:1px solid #f0e9f8;border-radius:11px;margin-top:20px;padding:0 17px;background:#fbf9ff}.other-jobs>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:13px;color:#b298c8;padding:15px 0}.other-jobs>summary>span{font-size:11px;color:#bca7cc}.other-job{border-top:1px solid #eee7f6;padding:17px 0}.other-job h3{font-size:15px;margin-bottom:6px}.other-job p{font-size:13px;color:#aa96b9;line-height:1.95}.other-job .choose-job{font-size:11px;margin-top:12px}.caution-card .title-icon{background:#fff4d7}.caution-item{background:#fffbea;border-radius:12px;padding:17px 19px;margin:14px 0 0;border:1px solid #fcf5de}.caution-item h3{font-size:15px;color:#b49556;margin-bottom:8px}.caution-item p{font-size:14px;line-height:1.95;color:#b4a27f}.chosen-direction{display:flex;flex-direction:column;gap:8px;padding:16px 19px;background:#f7f2ff;border-radius:12px;margin-bottom:24px;border:1px solid #eee3fc}.chosen-direction>span{font-size:11px;color:#bba1d6}.chosen-direction>b{font-size:18px;font-weight:600;color:#a17acb}.action-list{list-style:none;margin:0;padding:0}.action-list>li{display:flex;gap:16px;padding-bottom:25px;position:relative}.action-list>li:last-child{padding-bottom:0}.action-list>li:not(:last-child):after{content:'';position:absolute;top:39px;bottom:7px;left:14px;width:1px;background:#eadff5}.action-list>li>span{background:#f0e8ff;color:#ad8bcf;border-radius:50%;width:29px;height:29px;flex-shrink:0;display:grid;place-items:center;font-size:13px;line-height:1.5}.action-list h3{font-size:16px;font-weight:650;margin:0 0 10px}.action-list p{font-size:15px;line-height:1.95;color:#a28eaf}.interest-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.interest-card{padding:18px;background:#f8f5fb;border:1px solid #efe9f5;border-radius:13px;display:flex;align-items:flex-start;gap:12px}.interest-card>span{font-size:25px}.interest-card h3{font-size:15px;margin:0 0 9px}.interest-card small{display:block;font-size:10px;font-weight:400;color:#bba7cc;margin-top:3px}.interest-card p{font-size:13px;color:#b29cc3;line-height:1.95}.report-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:8px 0 0}.report-actions>.button{font-size:13px;padding:13px 20px}.report-actions .text-button{font-size:12px}.back-top{position:fixed;right:max(17px,calc((100vw - 940px)/2));bottom:25px;z-index:4;border:1px solid #eee5f9;background:#ffffffed;border-radius:50%;width:45px;height:45px;color:#b08ed5;box-shadow:0 5px 20px #6948970e;font-size:22px;display:grid;place-items:center}.toast{position:fixed;bottom:23px;left:50%;transform:translateX(-50%);background:#ad8aca;color:white;font-size:13px;padding:11px 18px;border-radius:10px;z-index:10;max-width:85vw}.sample-banner{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#fff5dc;border:1px solid #f5e7c1;border-radius:11px;margin:0 0 18px;padding:11px 15px;color:#c5ac74}.sample-banner b{font-size:12px;font-weight:500;line-height:1.8}.sample-banner .text-button{font-size:11px;color:#b99a57;white-space:nowrap;padding:5px}dialog{max-width:580px;width:calc(100% - 34px);border:1px solid #ede2fa;border-radius:20px;padding:27px;color:var(--ink);box-shadow:0 20px 60px #6b4b9030;background:#fff}dialog::backdrop{background:#54397959;backdrop-filter:blur(3px)}dialog h2{font-size:22px;margin-bottom:16px}dialog h3{font-size:15px;margin:20px 0 9px}dialog p{font-size:13px;line-height:1.95;color:#a190b0;margin:10px 0}dialog .dialog-close{float:right;padding:0 0 10px 10px;font-size:12px}dialog .eyebrow{font-size:11px;color:#c4aed8;margin:5px 0 14px}dialog .source-links{display:flex;gap:12px;flex-wrap:wrap;font-size:11px;color:#b493cf}dialog a{text-decoration:underline;text-underline-offset:3px}.page-in{animation:show .25s ease-out}@keyframes show{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media screen{.header{padding:18px 20px 16px;gap:14px}.brand{font-size:16px;gap:8px}.brand-mark{width:32px;height:32px;font-size:21px;border-radius:10px}.brand small{display:none}.header .text-button{font-size:11px;padding:6px 11px}.home,.report{padding:3px 15px 0}.home-hero{padding:31px 18px 29px;border-radius:20px;margin-bottom:18px}.hero-pill{font-size:11px;padding:4px 11px;margin-bottom:19px}.home-hero h1{font-size:35px;letter-spacing:-.9px;line-height:1.5;margin-bottom:15px}.home-hero>p{font-size:15px;line-height:1.9;margin-bottom:21px}.home-facts{gap:12px;font-size:10px;margin:20px 0 22px}.home-hero>.primary{font-size:15px;min-height:49px;width:250px}.home-hero>.text-button{font-size:12px;margin-top:14px}.hero-note{font-size:10px}.spark-one{font-size:38px;left:4%;top:105px}.spark-two{font-size:50px;right:2%;top:170px}.home-card,.report-card{padding:23px 20px;border-radius:18px;margin-bottom:18px}.card-title{gap:10px;margin-bottom:19px}.title-icon{width:32px;height:32px;border-radius:9px;font-size:20px}.card-title h2{font-size:20px;line-height:1.55;letter-spacing:-.5px}.card-title small{display:none}.dimension-grid{gap:11px}.dimension-tile{padding:17px 14px;border-radius:13px}.dimension-tile>span{font-size:27px}.dimension-tile h3{font-size:15px;line-height:1.6;margin-top:9px;margin-bottom:7px}.dimension-tile p{font-size:12px;line-height:1.9}.home-interest{gap:12px;padding-top:17px;margin-top:18px}.home-interest>span{font-size:20px}.home-interest p{font-size:12px}.includes>div:not(.card-title){gap:14px;padding:16px 0}.includes>div>span:not(.title-icon){font-size:22px}.includes b{font-size:14px}.includes small{font-size:12px;line-height:1.9;margin-top:5px}.includes .card-title h2{font-size:18px}.page-note{font-size:10px;line-height:1.9;margin:20px 0 24px}.footer{padding:16px 21px 22px;flex-direction:column;gap:4px;align-items:center;font-size:9px}.update-note,.notice{font-size:11px;padding:11px 13px;line-height:1.9}.quiz-wrap{padding:13px 17px 0}.quiz-progress{margin-bottom:10px}.quiz-progress>span{font-size:12px}.quiz-progress>b{font-size:24px}.quiz-progress small{font-size:12px}.progress{height:5px;margin-bottom:18px}.question-panel{padding:25px 21px 23px;border-radius:19px}.question-emoji{width:49px;height:49px;font-size:27px;border-radius:15px;margin-bottom:20px}legend{font-size:21px;line-height:1.75}.question-help{font-size:11px;line-height:1.9;margin:13px 0 24px}.answers{gap:11px}.answer{padding:16px 14px;font-size:14px;gap:12px;border-radius:11px}.answer input{width:17px;height:17px}.question-actions{margin-top:27px;gap:12px}.question-actions .button{font-size:13px;padding:13px 19px;min-height:47px}.quiz-foot{font-size:10px;padding:13px 4px}.quiz-foot .text-button{font-size:11px}.report-cover{padding:28px 25px 38px;border-radius:20px 20px 10px 10px;margin-bottom:-13px}.cover-badge{font-size:10px;margin-bottom:14px}.report-cover h1{font-size:30px;line-height:1.5;margin-bottom:10px}.report-cover>p{font-size:12px;line-height:1.9;position:relative;z-index:1}.cover-spark{font-size:100px;right:17px;top:47px}.result-card{padding:24px 22px 21px;border-radius:17px;margin-bottom:16px}.result-card .card-title{margin-bottom:19px}.result-title{font-size:25px;line-height:1.65;letter-spacing:-.6px;margin-bottom:14px}.result-description{font-size:15px;line-height:1.95}.result-chips{gap:7px;margin-top:20px;margin-bottom:13px}.result-chips>span{font-size:11px;padding:5px 10px;gap:4px}.result-chips b{font-size:11px}.short-note{font-size:10px;line-height:1.95;margin-top:17px}.report-nav{top:8px;border-radius:11px;margin-bottom:18px}.report-nav>a{font-size:12px;padding:13px 5px}.report-card[id]{scroll-margin-top:78px}.card-intro{font-size:12px;line-height:1.95;margin:0 0 23px}.strength-header{gap:15px;margin-bottom:22px}.large-emoji{width:62px;height:62px;border-radius:18px;font-size:34px}.strength-header h3{font-size:21px;line-height:1.55;margin-bottom:6px}.strength-header p{font-size:10px}.strength-header p b{font-size:16px}.strength-header p span{margin-left:3px}.plain-highlight{padding:14px 15px;border-left-width:3px;font-size:15px;line-height:1.95;margin-bottom:20px}.meaning{font-size:15px;line-height:2}.strength-detail h4{font-size:15px;line-height:1.8;margin:23px 0 13px}.purple-list li{font-size:14px;line-height:2;padding-left:17px;margin:9px 0}.purple-list li:before{width:5px;height:5px;top:12px}.tags{gap:7px}.tag{font-size:12px;padding:5px 10px;line-height:1.9}.small-advice{padding:16px;margin-top:22px;border-radius:11px}.small-advice>b{font-size:13px}.small-advice>p{font-size:13px;line-height:2;margin-top:8px}.strength-detail+.strength-detail{padding-top:27px;margin-top:28px}.soft-note{font-size:12px;line-height:1.95}.chart-layout{grid-template-columns:1fr;gap:16px}.radar{max-width:350px}.radar text{font-size:13px}.radar .radar-value{font-size:11px}.scores{gap:19px;padding:0 1px 2px}.score-row>div:first-child{gap:8px}.score-row>div>span{font-size:19px}.score-row b{font-size:13px}.score-row strong{font-size:16px}.score-row small{font-size:10px}.bar{height:6px;margin-top:8px}.job-title{padding:16px;gap:11px}.job-title h3{font-size:18px;line-height:1.65}.job-title>span{width:28px;height:28px;font-size:15px;border-radius:7px}.job-body{padding:18px 16px}.job-body h4{font-size:13px;margin-bottom:8px}.job-body>p{font-size:14px;line-height:2;margin-bottom:20px}.job-more{padding-top:14px;margin-top:0}.job-more summary{font-size:12px;gap:12px}.job-more p{font-size:13px;line-height:2;margin-top:14px}.job-more .job-search{font-size:11px;line-height:1.95}.choose-job{font-size:11px;padding:10px 12px;line-height:1.6;margin-top:19px}.other-jobs{padding:0 14px;margin-top:19px}.other-jobs>summary{font-size:12px;padding:15px 0}.other-jobs>summary>span{font-size:10px}.other-job h3{font-size:14px}.other-job p{font-size:12px;line-height:2}.caution-item{padding:16px;margin-top:14px}.caution-item h3{font-size:14px;margin-bottom:9px}.caution-item p{font-size:13px;line-height:2}.chosen-direction{padding:15px 17px;margin-bottom:24px}.chosen-direction>span{font-size:10px}.chosen-direction>b{font-size:17px}.action-list>li{gap:13px;padding-bottom:27px}.action-list>li>span{width:27px;height:27px;font-size:12px}.action-list>li:not(:last-child):after{left:13px;top:37px}.action-list h3{font-size:15px;line-height:1.8;margin-bottom:9px}.action-list p{font-size:14px;line-height:2}.interest-grid{grid-template-columns:1fr;gap:12px}.interest-card{padding:17px 15px;gap:13px}.interest-card>span{font-size:24px}.interest-card h3{font-size:14px;line-height:1.7;margin-bottom:9px}.interest-card small{font-size:10px;margin-top:4px}.interest-card p{font-size:13px;line-height:2}.report-actions{gap:10px;padding-top:8px}.report-actions>.button{font-size:12px;padding:13px 18px;min-height:47px}.report-actions .text-button{font-size:11px}.sample-banner{padding:11px 13px;border-radius:10px;gap:11px;margin-bottom:16px}.sample-banner b{font-size:11px;line-height:1.9}.sample-banner .text-button{font-size:10px}.back-top{width:40px;height:40px;right:13px;bottom:19px;font-size:21px}.toast{font-size:12px;padding:10px 16px;max-width:85vw;white-space:normal}dialog{padding:24px 22px}dialog h2{font-size:20px;margin-bottom:15px}dialog p{font-size:12px;line-height:2}dialog h3{font-size:14px}dialog .source-links{font-size:10px}}
@media(max-width:360px){.home,.report{padding-left:12px;padding-right:12px}.home-hero h1{font-size:31px}.home-facts{font-size:9px;gap:9px}.home-card,.report-card{padding-left:17px;padding-right:17px}.dimension-tile{padding:16px 12px}.dimension-tile h3{font-size:14px}.dimension-tile p{font-size:11px}.card-title h2{font-size:18px}.title-icon{width:29px;height:29px;font-size:18px}.result-title{font-size:23px}.strength-header h3{font-size:19px}.large-emoji{width:54px;height:54px;font-size:30px}.strength-header p{font-size:9px}.strength-header p span{display:block;margin:3px 0 0}.job-title h3{font-size:17px}.job-body{padding-left:14px;padding-right:14px}.question-panel{padding-left:18px;padding-right:18px}legend{font-size:20px}.answer{font-size:13px}.quiz-progress>span{font-size:11px}.quiz-progress>b{font-size:22px}}
@media(prefers-reduced-motion:reduce){*,html{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{body{background:white;color:#252635}.header,.footer,.report-nav,.report-actions,.sample-banner,.back-top,.choose-job,.toast{display:none!important}.report{max-width:none;padding:0}.report-cover{border-radius:10px;padding:25px 27px 35px}.report-card{padding:22px;border:1px solid #e9e2f3;box-shadow:none;margin-bottom:17px}.result-card{margin-top:0;break-inside:avoid}.report-card .card-title h2{font-size:21px}.result-title{font-size:24px}.result-description{font-size:14px}.strength-detail{break-inside:avoid}.plain-highlight,.meaning{font-size:14px}.purple-list li{font-size:13px}.chart-layout{grid-template-columns:1fr 1fr;break-inside:avoid}.radar{max-width:310px}.job-card{break-inside:avoid}.job-body>p{font-size:13px}.jobs-grid{grid-template-columns:1fr}.interest-grid{grid-template-columns:1fr 1fr}.interest-card,.caution-item,.action-list>li{break-inside:avoid}.action-list p{font-size:13px}.page-note{font-size:9px}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

/* Keep the reading text darker than decorative labels. */
.result-description,.meaning,.purple-list li,.job-body>p,.action-list p{color:#686273}.card-intro,.dimension-tile p,.home-interest p,.includes small,.question-help{color:#81758e}.plain-highlight{color:#80639f}.tag{color:#8765a8}.small-advice>p,.caution-item p{color:#8b7952}.small-advice>b,.caution-item h3{color:#a28448}.job-more summary,.other-jobs>summary,.choose-job{color:#9067b6}.job-more p,.other-job p,.interest-card p{color:#8b779b}.score-row b{color:#887398}.action-list h3,.job-body h4{color:#514a5e}


/* Soft mobile test: one clear recommendation, illustrated icons, quiet report sections. */
:root{--purple:#8962c3;--deep:#7550ad;--pale:#f3edf9;--ink:#34313b;--muted:#8d8495;--line:#eee9f2}
body{background:#faf9f6;color:var(--ink);line-height:1.9}
.header{padding-top:23px;padding-bottom:22px;max-width:870px}.brand{font-size:19px;letter-spacing:.2px}.brand-mark{border:0;box-shadow:none;background:transparent;width:37px;height:37px}.brand-mark>.garden-icon{width:37px;height:37px;border-radius:12px}.brand small{display:none}.header .text-button{background:#f1edf4;border:0;color:#9c8eaa;padding:8px 14px}
.garden-icon{--icon-ink:#a18abd;--icon-bg:#f0eaf7;display:inline-grid;place-items:center;width:43px;height:43px;background:var(--icon-bg);color:var(--icon-ink);border-radius:13px;flex-shrink:0;vertical-align:middle;line-height:1}
.garden-icon svg{width:73%;height:73%;display:block;overflow:visible}.icon-expression{--icon-ink:#c99d7a;--icon-bg:#fcf0e4}.icon-analysis{--icon-ink:#86a99c;--icon-bg:#eaf3ed}.icon-people{--icon-ink:#ab92be;--icon-bg:#f1eaf6}.icon-execution{--icon-ink:#8b9fbb;--icon-bg:#edf1f7}.icon-visual{--icon-ink:#c49aaf;--icon-bg:#faedf3}.icon-practical{--icon-ink:#a3ad88;--icon-bg:#eff3e6}.icon-briefcase{--icon-ink:#ab8dc7;--icon-bg:#f1e9f8}.icon-advice{--icon-ink:#c2aa75;--icon-bg:#fbf5e7}.icon-nature{--icon-ink:#91ad9a;--icon-bg:#edf4ee}.icon-music{--icon-ink:#b6a0c4;--icon-bg:#f2ecf6}.icon-star{--icon-ink:#c4ac7c;--icon-bg:#fbf4e4}.icon-report{--icon-ink:#9f93bd;--icon-bg:#f1edf7}
.home{padding-top:0}.home-hero{background:#f1eaf9;border:0;border-radius:24px;text-align:center;padding:37px 25px 31px;box-shadow:none}.hero-pill{border:0;background:#ffffffb0;color:#aa90bc;padding:5px 12px;font-size:11px}.home-hero h1{font-size:39px;letter-spacing:-1.2px;line-height:1.5;font-weight:700;margin:0 0 18px}.home-hero h1 em{color:#8f6ab8}.home-hero>p{color:#a18eae;font-size:15px;line-height:1.9}.home-spark{opacity:.6;z-index:-1}.home-spark .garden-icon{width:79px;height:79px;background:#ffffff65;border-radius:23px}.spark-one{left:5%;top:103px;transform:rotate(-14deg)}.spark-two{right:5%;top:194px;transform:rotate(13deg)}.home-facts{gap:17px;font-size:10px;color:#b19ec0}.home-facts>span+span{border-left:1px solid #dfd1ea;padding-left:17px}.primary{background:#9370c8;box-shadow:none;border-radius:11px;color:#fff}.primary:hover:not(:disabled){background:#8660bc}.secondary{border-color:#e7deef;background:white;color:#a08bb2}.home-hero>.primary{border-radius:14px;width:265px;font-size:15px}.home-hero>.text-button{font-size:12px;color:#a68dbb;text-decoration:none;margin-top:15px}.hero-note{font-size:10px;color:#bba9c7}.home-card{box-shadow:none;border:1px solid #f1ecf4;padding:27px;border-radius:20px}.card-title{gap:13px;align-items:center;margin-bottom:24px}.card-title h2{font-size:21px;letter-spacing:-.4px;font-weight:650}.card-title>.garden-icon{width:37px;height:37px;border-radius:11px}.dimension-tile{background:#fff;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:16px 5px 20px}.dimension-grid{gap:8px 24px}.dimension-tile>.garden-icon{width:43px;height:43px;border-radius:13px}.dimension-tile h3{font-size:16px;margin:13px 0 7px}.dimension-tile p{color:#9c91a5;font-size:12px}.home-interest{border-top:0;background:#f7f5f9;border-radius:13px;padding:15px;margin-top:15px}.home-interest>.garden-icon{width:36px;height:36px;background:transparent}.home-interest p{font-size:12px;color:#a89bb2}.includes>div:not(.card-title){padding:16px 0}.includes>div>span:not(.title-icon){font-size:21px}.includes b{font-size:14px}.includes small{font-size:12px;color:#9d91a8}.page-note{color:#b4a7be;font-size:10px}
.report{background:white;border:1px solid #f1edf4;border-radius:24px;padding:26px 31px 16px;margin-top:0;max-width:820px}.report-cover{background:none;color:var(--ink);border-radius:0;padding:0 0 20px;margin:0;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-direction:row-reverse;border-bottom:0}.report-cover h1{font-size:19px;letter-spacing:0;line-height:1.7;font-weight:650;margin:0}.cover-badge{font-size:10px;border:0;background:#f7f4f9;color:#b09dbd;padding:4px 9px;margin:0;border-radius:7px;white-space:nowrap}.cover-spark{display:none}
.primary-career{display:grid;grid-template-columns:minmax(0,1fr) 135px;align-items:center;gap:22px;padding:28px 27px 19px;border-radius:20px;background:#f3edf9;position:relative;overflow:hidden;margin:0 0 25px}
.recommend-label{display:inline-block;font-size:11px;color:#a78bbf;background:#e8dcf3;border-radius:6px;padding:3px 8px;margin:0 0 11px;line-height:1.7}.primary-career-name{font-size:35px;line-height:1.5;letter-spacing:-.5px;color:#54435f;font-weight:700;margin:0 0 12px}.primary-daily{font-size:14px;line-height:1.9;color:#9c87aa;max-width:430px}.match-ring{width:135px;height:135px;position:relative;flex-shrink:0}.match-ring>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke-width:7}.ring-track{stroke:#e4d8ef}.ring-value{stroke:#a17ccb;stroke-linecap:round}.match-ring>div{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.match-ring strong{font-family:Georgia,'Times New Roman',serif;font-size:40px;line-height:1.2;font-weight:400;color:#9471b6;letter-spacing:-1px}.match-ring strong small{font-size:17px;margin-left:2px}.match-ring>div>span{font-size:9px;color:#b09ac3;margin-top:7px;letter-spacing:.2px}.primary-reason{grid-column:1/-1;background:#ffffff9c;border-radius:12px;padding:15px;display:flex;align-items:flex-start;gap:12px}.primary-reason>.garden-icon{width:30px;height:30px;background:transparent;border-radius:0}.primary-reason h3{font-size:12px;color:#9e87ae;line-height:1.8;margin:0 0 5px;font-weight:600}.primary-reason p{font-size:13px;line-height:1.9;color:#a38cae}.primary-tie{grid-column:1/-1;font-size:11px;color:#ad99ba;line-height:1.9;margin-top:-8px}.primary-bottom{grid-column:1/-1;border-top:1px solid #e7ddef;padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:-6px}.primary-bottom>span{font-size:9px;color:#b7a4c3}.primary-bottom .text-button{font-size:10px;color:#aa8ebf;padding:4px 0;white-space:nowrap}
.report-card{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;margin:0;padding:27px 0}.result-card{padding:4px 0 25px;border-bottom:0}.result-card .card-title{margin-bottom:13px}.result-card .card-title>.garden-icon{width:31px;height:31px}.result-card .card-title h2{font-size:15px;color:#ae9abb;font-weight:500}.result-title{font-size:23px;letter-spacing:-.4px;line-height:1.65;margin-bottom:12px;color:#514b59;font-weight:650}.result-description{font-size:15px;color:#8e8298;line-height:1.95}.result-chips{gap:8px 15px;margin:16px 0 0}.result-chips>span{padding:0;border:0;background:none;border-radius:0;font-size:11px;color:#ad97bb;gap:6px}.result-chips>span>.garden-icon{width:24px;height:24px;border-radius:7px}.result-chips>span>b{color:#a58abb;font-size:11px;margin-left:0}.result-card>.short-note{display:none}.report-nav{top:8px;background:#f7f5f8;border:0;box-shadow:none;backdrop-filter:blur(10px);border-radius:10px;margin:0 0 0;padding:0}.report-nav>a{font-size:12px;color:#a894b7;padding:12px 8px}.report-nav>a+a{border:0}.report-nav>a:hover{background:#eee7f5}.card-intro{font-size:13px;line-height:1.95;color:#a598ae;margin-top:-7px;margin-bottom:24px}.strength-header{gap:14px;margin-bottom:19px}.large-emoji{width:61px;height:61px;background:none;border-radius:0;font-size:inherit}.large-emoji>.garden-icon{width:61px;height:61px;border-radius:18px}.strength-header h3{font-size:23px;margin-bottom:5px}.strength-header p{color:#b5a3c0;font-size:11px}.strength-header p b{color:#ae8cbd;font-size:16px}.plain-highlight{background:#f7f3fb;border:0;border-radius:10px;padding:15px 17px;color:#9e81b2;font-size:15px;font-weight:500}.meaning,.purple-list li{color:#8b7e96;font-size:15px;line-height:1.95}.strength-detail h4{font-size:14px;color:#776c80;margin-top:24px}.purple-list li{font-size:14px;padding-left:17px}.purple-list li:before{background:#cab8dc;width:5px;height:5px}.tag{background:#f7f4fa;color:#a58eb8;border:0;border-radius:7px;font-size:12px;padding:5px 10px}.small-advice{background:#faf7ef;border:0;border-radius:10px;padding:15px 17px}.small-advice>b{font-size:12px;color:#ad9a77}.small-advice p{font-size:13px;color:#aa9b81;line-height:1.95}.strength-detail+.strength-detail{margin-top:25px;padding-top:25px}.chart-layout{gap:25px}.score-row>div:first-child>span{width:auto;font-size:inherit}.score-row>div>.garden-icon{width:26px;height:26px;border-radius:8px}.score-row b{color:#a38eaf;font-size:12px}.score-row strong{font-size:16px;color:#aa89bf}.score-row small{font-size:10px;color:#c3b0d0}.bar{height:5px;background:#f3edf8;margin-top:7px}.bar>span{background:#bca0d5}.radar text{fill:#b19bc3}.radar .radar-value{fill:#c5b3d1}.short-note{color:#b5a3c0;font-size:10px;line-height:1.9}
.jobs-grid{gap:14px}.job-card{background:#fbf9fc;border:1px solid #f0eaf6;border-radius:15px;padding:19px;box-shadow:none}.job-card.selected{border-color:#d9c7e9;box-shadow:none;background:#faf6fd}.job-score-heading{display:flex;align-items:center;gap:12px}.job-score-heading>.garden-icon{width:44px;height:44px;border-radius:13px}.job-heading{flex:1;min-width:0}.job-heading h3{font-size:19px;line-height:1.7;letter-spacing:-.3px;margin:0}.job-rank{font-size:9px;color:#baa5c9;display:block;line-height:1.7;margin-bottom:3px}.job-percent{text-align:right;display:flex;flex-direction:column;align-items:flex-end}.job-percent b{font-family:Georgia,'Times New Roman',serif;font-size:27px;color:#b18bc8;line-height:1.25;font-weight:400;letter-spacing:-.8px}.job-percent b small{font-size:13px;margin-left:1px}.job-percent>span{font-size:8px;color:#c3acd2;white-space:nowrap;margin-top:5px}.job-meter{height:5px;background:#ede5f4;margin:16px 0 13px;border-radius:5px;overflow:hidden}.job-meter>span{height:100%;background:#b69bcf;display:block;border-radius:5px}.job-body{padding:0}.job-body>p{font-size:14px;line-height:1.95;color:#a08bae;margin:0 0 14px}.job-more{padding-top:12px;margin-top:0;border-top:1px solid #eee6f4}.job-more summary{font-size:11px;color:#b098c3}.job-more summary span{font-size:16px}.job-more p{font-size:13px;color:#aa93b8;line-height:1.95}.job-more .job-search{font-size:11px;color:#bda8c9}.choose-job{font-size:11px;color:#b096c2;background:#fff;border:1px solid #eadff2;border-radius:7px;padding:8px 12px;margin-top:16px}.choose-job.chosen{color:#a588bc;background:#efe5f7;border-color:#e3d3ee}.other-jobs{border:0;border-radius:0;background:none;padding:0;margin-top:19px}.other-jobs>summary{font-size:12px;color:#a88fb9;padding:13px 0;border-bottom:1px solid var(--line)}.other-jobs>summary>span{font-size:10px}.other-job{padding:17px 0}.other-job-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.other-job-heading>h3{font-size:15px;margin:0}.other-job-heading>b{font-family:Georgia,serif;font-size:20px;color:#b294c4;font-weight:400;white-space:nowrap}.other-job>p{font-size:13px;color:#aa97b5;margin:7px 0 0;line-height:1.95}.caution-item{background:#fbf8f0;border:0;border-radius:11px;padding:17px}.caution-item h3{display:flex;gap:10px;align-items:center;font-size:14px;color:#b09c74}.caution-item h3>.garden-icon{width:29px;height:29px;background:transparent;border-radius:0}.caution-item p{font-size:13px;color:#b1a184}.chosen-direction{background:#f6f1fa;border:0;border-radius:11px;padding:16px 18px}.chosen-direction b{font-size:18px;color:#ac8ebd}.chosen-direction span{font-size:10px;color:#bda7cd}.action-list h3{font-size:15px;color:#8c799b}.action-list p{font-size:14px;color:#a18baa;line-height:1.95}.action-list>li>span{color:#b49bca;background:#f2eaf9}.action-list>li:not(:last-child):after{background:#eee5f5}.interest-card{background:#f7f8f3;border:0;border-radius:12px;gap:12px;padding:17px}.interest-card>.garden-icon{width:33px;height:33px;border-radius:10px}.interest-card h3{font-size:14px}.interest-card small{color:#b3aa9c;font-size:10px}.interest-card p{font-size:13px;color:#aaa18e;line-height:1.95}.report-actions{padding-top:24px}.report-actions .button{font-size:13px}.report>.page-note{font-size:10px;margin-bottom:9px}.back-top{color:#b69bc9;border-color:#f0e8f6;box-shadow:none;width:40px;height:40px}.footer{max-width:820px;font-size:10px;color:#b3a5bc;margin-top:13px}.sample-banner{background:#faf5e9;border:0;color:#baa984;padding:12px 15px;border-radius:9px}.sample-banner b{font-size:11px}.sample-banner .text-button{color:#b59b73;font-size:10px}
.quiz-wrap{padding-top:9px}.question-panel{border:1px solid #f2edf5;border-radius:20px;box-shadow:none;padding:28px}.question-panel>.garden-icon{width:52px;height:52px;border-radius:16px;margin-bottom:22px}.quiz-progress>span{color:#b39ec1}.quiz-progress>b{color:#a88cc0;font-weight:500}.quiz-progress small{color:#c8b8d1}.progress{height:5px;background:#eee7f3}.progress>span{background:#b194cc}.answer{border-color:#eee7f5;color:#a490b1;border-radius:11px;font-size:15px;padding:15px 17px}.answer:has(input:checked){border-color:#c2a3de;background:#f9f3fd;color:#a280b9}.answer:hover{border-color:#d9c6e8;background:#fcf9fd}.answer input{accent-color:#ad89c7}.question-help{color:#b5a4c0;font-size:12px}legend{font-size:22px;font-weight:600;line-height:1.8}.quiz-foot{color:#bdadc7}.quiz-foot .text-button{color:#b49ac6}.toast{background:#b096c5;font-size:12px}
@media screen{.header{padding:19px 19px 17px}.brand{font-size:17px}.brand-mark,.brand-mark>.garden-icon{width:33px;height:33px}.header .text-button{font-size:10px;padding:7px 11px}.home{padding:0 15px}.home-hero{padding:29px 17px 28px;border-radius:20px}.home-hero h1{font-size:33px;line-height:1.5;letter-spacing:-1px;margin-bottom:17px}.home-hero>p{font-size:14px;line-height:1.95}.hero-pill{font-size:10px;margin-bottom:17px}.home-facts{gap:8px;font-size:9px;margin-top:21px;margin-bottom:22px}.home-facts>span+span{padding-left:8px}.home-spark .garden-icon{width:53px;height:53px;border-radius:16px}.spark-one{left:0;top:112px;opacity:.45}.spark-two{right:-3px;top:192px;opacity:.45}.home-hero>.primary{font-size:14px;width:240px;min-height:48px}.home-card{padding:22px 20px;border-radius:17px;margin-bottom:17px}.card-title{gap:11px;margin-bottom:22px}.card-title h2{font-size:19px;line-height:1.6}.card-title>.garden-icon{width:33px;height:33px;border-radius:10px}.dimension-grid{gap:5px 20px}.dimension-tile{padding:15px 0 18px}.dimension-tile h3{font-size:14px;margin-top:12px;margin-bottom:7px}.dimension-tile p{font-size:12px;line-height:1.95}.dimension-tile>.garden-icon{width:40px;height:40px;border-radius:12px}.home-interest{gap:11px;padding:13px;margin-top:14px}.home-interest p{font-size:11px;line-height:1.95}.home-interest>.garden-icon{width:30px;height:30px}.includes .card-title h2{font-size:17px}.includes b{font-size:13px}.includes small{font-size:12px;line-height:1.95}.report{padding:19px 18px 12px;border-radius:20px;margin:0 13px;max-width:none}.report-cover{padding:0 0 18px;gap:12px}.report-cover h1{font-size:16px;line-height:1.7}.cover-badge{font-size:9px;padding:4px 7px}.primary-career{grid-template-columns:minmax(0,1fr) 100px;gap:18px 13px;padding:22px 19px 16px;border-radius:17px;margin-bottom:24px}.recommend-label{font-size:10px;padding:3px 7px;margin-bottom:11px}.primary-career-name{font-size:28px;letter-spacing:-.6px;line-height:1.55;margin-bottom:10px}.primary-daily{font-size:12px;line-height:1.95;color:#9b85a9}.match-ring{height:100px;width:100px}.match-ring>svg{stroke-width:6}.match-ring strong{font-size:30px}.match-ring strong small{font-size:12px}.match-ring>div>span{font-size:8px;margin-top:5px}.primary-reason{gap:8px;padding:13px 12px;border-radius:10px}.primary-reason>.garden-icon{width:25px;height:25px}.primary-reason h3{font-size:11px;line-height:1.8;margin-bottom:5px}.primary-reason p{font-size:12px;line-height:1.95}.primary-tie{font-size:10px;line-height:1.95;margin-top:-4px}.primary-bottom{padding-top:12px;display:block;margin-top:-4px}.primary-bottom>span{font-size:9px;display:block}.primary-bottom .text-button{font-size:10px;margin-top:5px}.result-card{padding:0 1px 23px}.result-card .card-title{margin-bottom:12px;gap:9px}.result-card .card-title>.garden-icon{width:27px;height:27px;border-radius:8px}.result-card .card-title h2{font-size:13px}.result-title{font-size:21px;line-height:1.65;letter-spacing:-.3px;margin-bottom:11px}.result-description{font-size:15px;line-height:1.95}.result-chips{gap:8px 11px;margin-top:15px}.result-chips>span{font-size:10px;gap:5px}.result-chips>span>.garden-icon{width:22px;height:22px;border-radius:6px}.result-chips>span>b{font-size:10px}.report-nav{top:8px;border-radius:9px}.report-nav>a{font-size:11px;padding:12px 6px}.report-card{padding:26px 0;margin-bottom:0;border-radius:0}.card-intro{font-size:12px;line-height:1.95;margin-top:-5px;margin-bottom:22px}.strength-header{gap:12px;margin-bottom:20px}.large-emoji,.large-emoji>.garden-icon{height:55px;width:55px;border-radius:16px}.strength-header h3{font-size:20px;line-height:1.6;margin-bottom:5px}.strength-header p{font-size:10px}.strength-header p b{font-size:15px}.plain-highlight{padding:14px 15px;font-size:15px;line-height:1.95;border-radius:10px}.meaning{font-size:15px;line-height:1.95}.strength-detail h4{font-size:14px;line-height:1.9;margin-top:23px}.purple-list li{font-size:14px;line-height:1.95}.tags{gap:7px}.tag{font-size:12px;padding:5px 9px;line-height:1.8}.small-advice{padding:15px;margin-top:22px}.small-advice>b{font-size:12px}.small-advice p{font-size:13px;line-height:1.95}.chart-layout{gap:18px}.radar{max-width:330px}.scores{gap:19px}.score-row>div>.garden-icon{width:25px;height:25px;border-radius:7px}.score-row b{font-size:12px}.score-row strong{font-size:16px}.score-row small{font-size:10px}.bar{height:5px}.jobs-grid{gap:13px}.job-card{padding:17px 15px;border-radius:13px}.job-score-heading{gap:10px}.job-score-heading>.garden-icon{width:39px;height:39px;border-radius:11px}.job-heading h3{font-size:18px;line-height:1.7;letter-spacing:-.3px}.job-rank{font-size:8px;margin-bottom:2px}.job-percent b{font-size:25px}.job-percent b small{font-size:12px}.job-percent>span{font-size:7px;margin-top:4px}.job-meter{height:5px;margin-top:15px;margin-bottom:14px}.job-body>p{font-size:14px;line-height:1.95;margin-bottom:14px}.job-more summary{font-size:11px;line-height:1.8}.job-more p{font-size:13px;line-height:1.95}.job-more .job-search{font-size:11px}.choose-job{font-size:11px;padding:8px 11px;margin-top:15px}.other-job-heading h3{font-size:14px}.other-job-heading>b{font-size:19px}.other-job>p{font-size:12px;line-height:1.95}.short-note{font-size:10px;line-height:1.95}.caution-item{padding:15px}.caution-item h3{font-size:13px;gap:9px}.caution-item p{font-size:13px;line-height:1.95}.chosen-direction{padding:15px 16px}.chosen-direction>b{font-size:17px}.action-list h3{font-size:14px;line-height:1.8}.action-list p{font-size:14px;line-height:1.95}.interest-card{padding:16px 15px;gap:11px}.interest-card>.garden-icon{height:31px;width:31px;border-radius:9px}.interest-card h3{font-size:14px}.interest-card p{font-size:13px;line-height:1.95}.report-actions{padding-top:23px;gap:9px}.report-actions>.button{font-size:12px;padding:12px 17px;min-height:46px}.report>.page-note{font-size:9px;line-height:1.95}.sample-banner{padding:11px 12px;border-radius:8px;gap:10px;margin-bottom:18px}.sample-banner b{font-size:10px;line-height:1.9}.sample-banner .text-button{font-size:9px}.quiz-wrap{padding:8px 17px 0}.question-panel{padding:25px 21px 23px;border-radius:18px}.question-panel>.garden-icon{width:47px;height:47px;border-radius:14px;margin-bottom:21px}legend{font-size:21px;line-height:1.8}.question-help{font-size:11px;line-height:1.95;margin:12px 0 23px}.answer{font-size:14px;padding:16px 14px;gap:12px}.answer input{width:17px;height:17px}.question-actions .button{font-size:13px;padding:12px 19px;min-height:46px}.footer{padding:16px 20px 22px;align-items:center;font-size:9px}.back-top{right:10px;bottom:18px;width:37px;height:37px;font-size:20px}}
@media(max-width:360px){.report{margin-left:10px;margin-right:10px;padding-left:15px;padding-right:15px}.home-hero h1{font-size:29px}.home-facts{font-size:8px;gap:7px}.home-facts>span+span{padding-left:7px}.primary-career{grid-template-columns:minmax(0,1fr) 84px;gap:15px 9px;padding:19px 16px 15px}.match-ring{width:84px;height:84px}.match-ring strong{font-size:27px}.match-ring>div>span{font-size:7px}.primary-career-name{font-size:26px}.primary-daily{font-size:11px}.primary-reason p{font-size:11px}.result-title{font-size:20px}.job-card{padding-left:13px;padding-right:13px}.job-heading h3{font-size:17px}.job-score-heading{gap:8px}.job-score-heading>.garden-icon{width:33px;height:33px;border-radius:9px}.job-percent b{font-size:23px}.card-title h2{font-size:18px}.card-title>.garden-icon{width:30px;height:30px}.large-emoji,.large-emoji>.garden-icon{width:49px;height:49px}.strength-header h3{font-size:18px}.strength-header p{font-size:9px}.strength-header p span{display:block;margin-left:0}.result-chips>span{font-size:9px}.question-panel{padding-left:18px;padding-right:18px}}
/* Main reading text keeps contrast; the pastel colors belong to the illustrations. */
.primary-daily,.primary-reason p{color:#8d779c}.result-description,.meaning,.purple-list li,.job-body>p,.action-list p{color:#706476}.card-intro,.dimension-tile p,.includes small,.question-help{color:#95839f}.job-more p,.other-job p{color:#9b84aa}.small-advice p,.caution-item p{color:#a18f6b}.interest-card p{color:#9d927e}.answer{color:#8b789b}
@media print{body{background:white}.report{border:0;border-radius:0;padding:0}.primary-career{break-inside:avoid;grid-template-columns:1fr 125px;border-radius:10px;padding:25px}.match-ring{width:125px;height:125px}.report-cover h1{font-size:18px}.primary-career-name{font-size:30px}.report-card{padding:23px 0;border:0;border-bottom:1px solid #ece5f2;border-radius:0}.job-card{break-inside:avoid;background:#faf8fc;border:1px solid #eee8f4}.job-heading h3{font-size:18px}.job-percent b{font-size:25px}.primary-bottom,.choose-job{display:none!important}.garden-icon{print-color-adjust:exact}.chart-layout{grid-template-columns:1fr 1fr}.interest-grid{grid-template-columns:1fr 1fr}.result-title{font-size:22px}}

.primary-daily{grid-column:1/-1;max-width:none;font-size:14px;line-height:1.95;color:#7d6b89;margin-top:-3px}.primary-reason p{color:#8e789c}
@media(max-width:360px){.primary-daily{font-size:13px}}


@font-face{font-family:'Garden Sans';src:url('assets/garden-sans.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:'Garden Hand';src:url('assets/garden-hand.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
:root{--paper:#f5efdf;--ink:#294959;--purple:#315a70;--deep:#25485d;--pale:#f0e9d7;--line:#ddd3bc;--body-font:'Garden Sans','Microsoft YaHei',sans-serif;--display-font:'Garden Hand',serif}
body{background:var(--paper);font-family:var(--body-font);color:var(--ink);line-height:1.9;font-size:15px}
button,input{font-family:var(--body-font)}h1,h2,h3,h4{font-family:var(--display-font);font-weight:400}a,button,input{ -webkit-tap-highlight-color:transparent}
.header{max-width:1190px;margin:auto;padding:26px 30px 23px;border-bottom:1px solid #d9cdb3}.brand{font-family:var(--display-font);font-size:28px;font-weight:400;gap:12px;letter-spacing:1px;color:#244658}.brand-mark{font-family:Georgia,serif;font-size:18px;font-weight:400;width:32px;height:34px;border:1px solid #315569;border-radius:2px;background:none;transform:rotate(-6deg);color:#315569;box-shadow:none}.header .text-button{font-size:12px;line-height:1.8;background:none;border:0;border-bottom:1px solid #82949b;border-radius:0;padding:4px 0;color:#526b77}.footer{max-width:1130px;margin:29px auto 0;padding:22px 0 25px;border-top:1px solid #d9cdb3;flex-direction:row;align-items:center;color:#8b897a;font-size:10px}
.primary{background:#31586b;color:#fffdf4;box-shadow:3px 3px 0 #d5c6a5;border:1px solid #24495e;border-radius:3px;min-height:49px;font-size:15px;font-weight:500;letter-spacing:.3px}.primary:hover:not(:disabled){background:#254b61;transform:translateY(-1px)}.secondary{border:1px solid #a5adb0;border-radius:3px;background:#fffdf6;color:#526b77;box-shadow:none}.text-button{color:#667f8a}.page-note{font-size:11px;color:#8c8b7b}.notice,.update-note{background:#eee5ce;border:1px dashed #c6b897;border-radius:0;color:#7f816e;font-size:11px;padding:9px 13px;margin:15px 0 0}
.field-home{max-width:1190px;margin:0 auto;padding:0 30px}.field-poster{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.35fr);grid-template-rows:auto auto;column-gap:38px;padding:44px 0 36px;align-items:center}.field-copy{grid-column:1;grid-row:1;align-self:end;padding:10px 0 0}.field-kicker{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:2px;color:#9b8b64;margin-bottom:20px}.field-kicker:before{content:'';width:28px;height:1px;background:#bba170;display:inline-block}.field-copy h1{font-family:var(--display-font);font-weight:400;color:#284c60;font-size:45px;line-height:1.5;letter-spacing:-1.5px;margin:0 0 22px}.field-lead{font-size:14px;line-height:2;color:#6b797a;margin:0}.field-art{grid-column:2;grid-row:1/3;min-width:0;align-self:center;margin:0;transform:rotate(-1deg)}.field-art img{width:100%;height:auto;display:block;border:1px solid #c5b68e;box-shadow:9px 10px 0 #e7ddc4;border-radius:1px;aspect-ratio:3/2;object-fit:cover}.field-art figcaption{font-family:var(--display-font);font-size:12px;letter-spacing:1.2px;color:#8a8d76;margin:19px 0 0;text-align:center}.field-entry{grid-column:1;grid-row:2;align-self:start;margin-top:27px;padding-bottom:17px}.field-actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap}.field-actions>.primary{min-width:210px;justify-content:space-between;padding:13px 22px;font-size:14px}.field-example{background:none;border:0;border-bottom:1px solid #7d9197;color:#607b86;border-radius:0;padding:4px 0;font-size:12px;white-space:nowrap}.field-example:hover{color:#294959;border-color:#294959}.field-meta{font-size:11px;color:#8d8f7c;margin-top:18px;letter-spacing:.2px}.field-saved{font-size:11px;color:#7f8e78;margin:5px 0 0}.field-reading{border-top:3px double #c9bb9d;display:grid;grid-template-columns:1fr 1fr;gap:90px;padding:32px 0 26px}.field-label{font-size:10px;letter-spacing:2px;color:#a38d5e;margin-bottom:13px}.field-reading h2{font-family:var(--display-font);color:#35566a;font-size:29px;font-weight:400;line-height:1.6;letter-spacing:.5px;margin-bottom:24px}.field-report-note ol{list-style:none;margin:0;padding:0;counter-reset:report-note}.field-report-note li{counter-increment:report-note;border-top:1px solid #d9ceb5;padding:14px 0 15px 29px;position:relative}.field-report-note li:before{content:counter(report-note,decimal-leading-zero);font-family:Georgia,serif;font-size:14px;position:absolute;left:0;top:16px;color:#b39a62}.field-report-note b{display:block;color:#526b76;font-size:13px;line-height:1.8;font-weight:500}.field-report-note li>span{display:block;font-size:12px;color:#839080;line-height:1.9;margin-top:5px}.field-question-note dl{padding:0;margin:0}.field-question-note dl>div{display:flex;align-items:center;gap:22px;border-top:1px solid #d9ceb5;padding:10px 0}.field-question-note dt{font-family:var(--display-font);font-size:17px;line-height:1.7;color:#61796c;min-width:38px}.field-question-note dd{font-size:12px;color:#839080;margin:0;line-height:1.9}.field-footnote{display:grid;grid-template-columns:90px 1fr;gap:20px;background:#eee7d4;border:1px solid #dfd3b8;margin-top:14px;padding:20px 22px;border-radius:0}.field-footnote>b{font-family:var(--display-font);font-size:17px;color:#928259;font-weight:400}.field-footnote p{font-size:12px;line-height:2;color:#8b8c77;margin:0;max-width:850px}
/* The questionnaire and report share the same type and paper materials. */
.quiz-wrap{padding-top:27px;max-width:650px}.quiz-progress>span{color:#7f8e79;font-size:12px}.quiz-progress>b{font-family:var(--display-font);color:#496d7b;font-size:25px}.quiz-progress small{color:#949f91}.progress{height:4px;background:#e7dfca;border-radius:0}.progress>span{background:#8a9c78}.question-panel{background:#fffdf6;border:1px solid #d8ccb0;border-radius:4px;padding:29px 31px;box-shadow:5px 5px 0 #e5dbc2}.question-panel>.garden-icon{background:#eee9d9;color:#7c8d75;border-radius:3px;width:43px;height:43px;margin-bottom:22px}legend{font-family:var(--display-font);font-size:25px;color:#355868;line-height:1.8;font-weight:400}.question-help{font-size:12px;color:#8c947f;line-height:1.9}.answer{background:transparent;border:1px solid #ded7c5;border-radius:3px;color:#60747c;padding:15px 17px;font-size:14px}.answer:hover{background:#f6f2e8;border-color:#b4bdac}.answer:has(input:checked){background:#edf1e6;border-color:#9baa89;color:#4d6e5b}.answer input{accent-color:#6f8968}.question-actions .button{font-size:13px}.quiz-foot,.quiz-foot .text-button{color:#8e987f;font-size:11px}
.report{margin-top:24px;border:1px solid #ded4bd;border-top:3px solid #456478;background:#fffdf7;border-radius:2px;padding:27px 29px 15px;box-shadow:5px 5px 0 #e9dfc9}.report-cover{padding-bottom:23px}.report-cover h1{font-family:var(--display-font);font-size:23px;font-weight:400;color:#385a6d}.cover-badge{font-size:10px;color:#8f947f;background:#f0ecdf;border-radius:2px}.primary-career{background:#f0ead9;border:1px solid #e5dbc2;border-radius:4px;padding:25px 24px 17px}.recommend-label{background:#e5dbbc;border-radius:2px;font-size:10px;color:#9f8750}.primary-career-name{font-family:var(--display-font);font-size:36px;color:#3d5f70;font-weight:400;letter-spacing:0}.primary-daily{font-size:14px;color:#7a867c}.ring-track{stroke:#e5dcc4}.ring-value{stroke:#c2a15d}.match-ring strong{font-family:var(--display-font);font-size:40px;color:#aa8d4e}.match-ring>div>span{color:#a99b74}.primary-reason{background:#fffdf67a;border-radius:3px;padding:14px}.primary-reason h3{font-family:var(--body-font);font-size:11px;font-weight:500;color:#9c8f65}.primary-reason p{color:#7a867c;font-size:13px}.primary-tie{color:#989779}.primary-bottom{border-color:#dcd2b8}.primary-bottom>span{color:#9b9b82}.primary-bottom .text-button{color:#84947d}.result-title{font-family:var(--display-font);font-size:27px;color:#3e6173;font-weight:400;letter-spacing:0}.result-description{font-size:15px;color:#697e82}.result-card .card-title h2{font-family:var(--body-font);color:#a29877;font-size:12px}.result-chips>span{color:#89927b}.result-chips>span>b{color:#b39554}.report-nav{background:#eee9db;border:0;border-radius:2px}.report-nav>a{color:#8a947d;font-size:12px}.report-nav>a:hover{background:#e5dfcf;color:#4f6e71}.report-card{border-color:#ddd5c1}.card-title h2{font-family:var(--display-font);color:#3e6173;font-size:25px;font-weight:400}.card-title>.garden-icon{border-radius:3px;width:33px;height:33px;background:#f1ecd9;color:#9b956c}.card-intro{font-size:13px;color:#89947f}.garden-icon{border-radius:4px;background:#f0eddf;color:#86977b}.large-emoji>.garden-icon{background:#eeead8;color:#9a966e;border-radius:4px;width:55px;height:55px}.strength-header h3{font-family:var(--display-font);color:#4b6a75;font-size:25px;font-weight:400}.strength-header p{color:#a4a58b}.strength-header p b{color:#b19a66}.plain-highlight{background:#f3f0e6;border-left:2px solid #bfb18e;border-radius:0;font-size:15px;color:#8d8e73}.meaning,.purple-list li{font-size:15px;line-height:2;color:#748686}.strength-detail h4{font-family:var(--body-font);font-weight:500;color:#6f8584;font-size:13px}.purple-list li:before{background:#afba99}.tag{background:#eff0e6;border-radius:2px;font-size:12px;color:#8c9a7c}.small-advice,.caution-item{border:0;background:#f4f0e2;border-radius:2px}.small-advice>b,.caution-item h3{font-family:var(--body-font);font-size:12px;color:#aa9767}.small-advice p,.caution-item p{font-size:13px;color:#96967c;line-height:2}.chart-layout .radar{filter:sepia(.35) hue-rotate(80deg) saturate(.6)}.score-row b{color:#839581}.score-row strong{font-family:var(--display-font);font-size:19px;color:#b09b65}.score-row small{color:#b6b296}.bar,.job-meter{background:#e8e5d8;border-radius:0}.bar>span,.job-meter>span{background:#abb894;border-radius:0}.job-card{background:#f9f7ee;border:1px solid #e5decb;border-radius:3px;padding:19px}.job-card.selected{border-color:#aebd9d;background:#f3f4e8}.job-heading h3{font-family:var(--display-font);font-size:23px;color:#456978;font-weight:400}.job-rank{font-size:9px;color:#a8a582}.job-percent b{font-family:var(--display-font);font-size:30px;color:#b19a62}.job-percent>span{color:#b7ad87}.job-score-heading>.garden-icon{background:#edead9;border-radius:3px;color:#9b9d77}.job-body>p{color:#7f9188;font-size:14px;line-height:2}.job-more{border-color:#dedcc9}.job-more summary{color:#8f9d80;font-size:11px}.job-more p,.other-job p{color:#899981;font-size:13px;line-height:2}.choose-job{border-color:#d7deca;background:#fffdf7;border-radius:2px;color:#8c9e7b;font-size:11px}.choose-job.chosen{color:#7b926c;background:#e9efdf;border-color:#cbd8bd}.other-job-heading h3{font-family:var(--display-font);font-size:19px;color:#587582}.other-job-heading>b{font-family:var(--display-font);color:#b19b69;font-size:23px}.other-jobs>summary{border-color:#ddd5c1;color:#8b9b7a}.short-note{color:#a3a68c;font-size:10px}.chosen-direction{background:#eeeedf;border-radius:2px}.chosen-direction>b{font-family:var(--display-font);font-size:23px;color:#8b9b79}.chosen-direction>span{color:#a5ac90}.action-list h3{font-family:var(--display-font);font-size:19px;color:#648179;font-weight:400}.action-list p{font-size:14px;color:#879882;line-height:2}.action-list>li>span{background:#eef0df;color:#a3b08b;border-radius:3px;font-family:var(--display-font);font-size:15px}.interest-card{background:#f2f3e8;border-radius:3px}.interest-card h3{font-family:var(--display-font);font-size:18px;color:#829477}.interest-card p{font-size:13px;line-height:2;color:#949d7e}.report>.page-note{color:#a4a78f}.sample-banner{border-radius:2px;background:#f4efdc;color:#b4a474}.sample-banner .text-button{color:#b2a076}.back-top{background:#fffdf4;border:1px solid #dfd5bd;border-radius:2px;color:#9ba17e}.toast{background:#7e9274;border-radius:3px;font-size:12px}dialog{background:#fffdf4;border:1px solid #d7ccb0;border-radius:3px;box-shadow:0 20px 70px #3e53351c}dialog h2{font-family:var(--display-font);font-size:26px;font-weight:400;color:#496c76}dialog h3{font-family:var(--body-font);color:#8b987d;font-size:13px;font-weight:500}dialog p{color:#81917e;font-size:13px;line-height:2}.source-links{color:#9da17d}
@media screen{.field-copy h1{font-size:38px}.field-poster{column-gap:26px;padding-top:35px;padding-bottom:30px}.field-lead{font-size:13px}.field-actions{gap:17px}.field-actions>.primary{min-width:180px;font-size:13px;padding:12px 18px}.field-example{font-size:11px}.field-meta,.field-saved{font-size:10px}.field-reading{gap:60px}.footer{margin-left:30px;margin-right:30px}}
@media screen{.header{padding:19px 21px 17px;margin:0;border-bottom-color:#d8ccb1}.brand{font-size:25px;gap:10px;letter-spacing:.5px}.brand-mark{width:27px;height:29px;font-size:16px;border-radius:1px}.header .text-button{font-size:10px;padding:3px 0}.field-home{padding:0 21px}.field-poster{display:flex;flex-direction:column;align-items:stretch;padding:25px 0 26px;gap:0}.field-copy{padding:0;align-self:stretch}.field-kicker{font-size:10px;letter-spacing:1.5px;margin-bottom:12px;gap:8px}.field-kicker:before{width:21px}.field-copy h1{font-size:34px;line-height:1.5;letter-spacing:-1px;margin-bottom:14px}.field-lead{font-size:13px;line-height:1.95}.field-art{margin:23px 2px 0 0;transform:rotate(-.8deg)}.field-art img{box-shadow:5px 6px 0 #e7dcc1}.field-art figcaption{font-size:10px;letter-spacing:.6px;margin-top:13px}.field-entry{align-self:stretch;padding:0;margin-top:23px}.field-actions{gap:18px;flex-wrap:nowrap}.field-actions>.primary{font-size:13px;min-width:0;flex:1;padding:12px 17px;min-height:47px;border-radius:2px}.field-example{font-size:11px;padding:5px 0}.field-meta{font-size:10px;margin-top:15px;letter-spacing:0}.field-saved{font-size:10px;margin-top:5px}.field-reading{grid-template-columns:1fr;gap:27px;padding:26px 0 20px}.field-label{font-size:9px;letter-spacing:1.5px;margin-bottom:10px}.field-reading h2{font-size:26px;line-height:1.5;letter-spacing:.3px;margin-bottom:20px}.field-report-note li{padding:14px 0 14px 29px}.field-report-note li:before{font-size:14px;top:15px}.field-report-note b{font-size:13px;line-height:1.8}.field-report-note li>span{font-size:12px;line-height:1.95}.field-question-note{border-top:1px solid #cabd9f;padding-top:25px}.field-question-note dl>div{padding:10px 0;gap:25px}.field-question-note dt{font-size:17px;min-width:35px}.field-question-note dd{font-size:12px}.field-footnote{grid-template-columns:1fr;gap:8px;margin-top:5px;padding:16px 18px}.field-footnote>b{font-size:16px}.field-footnote p{font-size:11px;line-height:2}.footer{padding:17px 0 24px;margin:25px 21px 0;font-size:9px;flex-direction:column;gap:5px}.notice,.update-note{font-size:10px;margin-top:14px}.quiz-wrap{padding-top:22px;padding-left:20px;padding-right:20px}.quiz-progress>span{font-size:11px}.quiz-progress>b{font-size:24px}.quiz-progress small{font-size:12px}.question-panel{padding:25px 20px;border-radius:3px;box-shadow:4px 4px 0 #e5dbc2}.question-panel>.garden-icon{width:39px;height:39px;border-radius:3px;margin-bottom:21px}legend{font-family:var(--display-font);font-size:23px;line-height:1.8;font-weight:400}.question-help{font-size:11px;line-height:1.95}.answer{font-size:14px;padding:16px 14px;line-height:1.7}.question-actions .button{font-size:12px;padding:12px 18px}.quiz-foot{font-size:10px}.report{margin:20px 12px 0;padding:20px 18px 12px;border-radius:2px}.report-cover h1{font-size:20px;line-height:1.7}.cover-badge{font-size:9px;white-space:nowrap;border-radius:1px}.primary-career{border-radius:3px;padding:22px 18px 17px;grid-template-columns:1fr 97px}.primary-career-name{font-size:31px;line-height:1.5;font-weight:400;letter-spacing:0}.recommend-label{font-size:9px;border-radius:1px}.match-ring{width:97px;height:97px}.match-ring strong{font-family:var(--display-font);font-size:33px}.match-ring strong small{font-size:13px}.primary-daily{font-size:14px;line-height:1.95}.primary-reason{padding:13px 11px;border-radius:2px}.primary-reason h3{font-size:11px}.primary-reason p{font-size:12px;line-height:1.95}.primary-bottom>span{font-size:9px}.primary-tie{font-size:10px}.result-title{font-size:25px;line-height:1.65}.result-description{font-size:15px;line-height:1.95}.card-title h2{font-size:24px;line-height:1.6;font-weight:400}.card-intro{font-size:12px;line-height:1.95}.strength-header h3{font-size:23px;font-weight:400}.strength-header p{font-size:10px}.large-emoji,.large-emoji>.garden-icon{width:49px;height:49px;border-radius:3px}.plain-highlight{font-size:15px;line-height:1.95;border-radius:0}.meaning,.purple-list li{font-size:15px;line-height:1.95}.strength-detail h4{font-size:13px;font-weight:500}.tag{font-size:12px;border-radius:2px}.small-advice{padding:15px;border-radius:2px}.small-advice p,.caution-item p{font-size:13px;line-height:1.95}.job-card{border-radius:2px;padding:17px 14px}.job-heading h3{font-size:22px;line-height:1.65;font-weight:400}.job-percent b{font-size:29px}.job-percent>span{font-size:7px}.job-body>p{font-size:14px;line-height:1.95}.job-more p{font-size:13px;line-height:1.95}.choose-job{border-radius:2px;font-size:11px}.chosen-direction{border-radius:2px}.chosen-direction>b{font-size:22px}.action-list h3{font-size:18px;line-height:1.7;font-weight:400}.action-list p{font-size:14px;line-height:1.95}.interest-card h3{font-size:18px}.interest-card p{font-size:13px;line-height:1.95}.report-actions>.button{font-size:12px;border-radius:2px}.back-top{right:10px;border-radius:2px}.sample-banner{border-radius:2px}dialog{padding:25px 22px;border-radius:3px}dialog h2{font-size:24px;font-weight:400}dialog p{font-size:12px;line-height:2}}
@media(max-width:360px){.field-home{padding-left:18px;padding-right:18px}.header{padding-left:18px;padding-right:18px}.field-copy h1{font-size:30px;line-height:1.5;letter-spacing:-1.2px}.field-lead{font-size:12px}.field-actions{gap:14px}.field-actions>.primary{font-size:12px;padding:12px 14px}.field-example{font-size:10px}.field-reading h2{font-size:25px}.report{margin-left:9px;margin-right:9px;padding-left:15px;padding-right:15px}.primary-career{grid-template-columns:1fr 82px;padding:19px 15px;gap:16px 9px}.primary-career-name{font-size:28px}.match-ring{width:82px;height:82px}.match-ring strong{font-size:29px}.primary-daily{font-size:13px}.job-heading h3{font-size:20px}.job-percent b{font-size:26px}.card-title h2{font-size:22px}.strength-header h3{font-size:21px}}
/* Keep paper and plants soft; keep all reading text legible. */
.result-description,.meaning,.purple-list li,.job-body>p,.action-list p{color:#62777d}.primary-daily,.primary-reason p{color:#6e8077}.field-lead{color:#657b7e}.field-footnote p{color:#7c8775}
@media print{body{background:white}.header,.footer{display:none!important}.report{margin:0;border:0;box-shadow:none;padding:0}.primary-career{border-radius:2px;break-inside:avoid}.report-card{border-bottom:1px solid #d8d2c0}.report h1,.report h2,.report h3{font-family:var(--display-font)}.field-home{max-width:none}.field-poster{padding-top:0}.field-art img{box-shadow:none}.field-reading{break-inside:avoid}}

/* Reading sizes are independent from the small printed annotations. */
.field-lead{font-size:16px;color:#5f7880}.field-report-note b{font-size:15px;color:#486b79}.field-report-note li>span,.field-question-note dd{font-size:14px;color:#708779}.field-footnote p{font-size:13px;color:#778472}.field-art figcaption{font-size:12px;color:#879177}
@media screen{.field-lead{font-size:14px;line-height:2}.field-report-note b{font-size:14px}.field-report-note li>span,.field-question-note dd{font-size:13px}.field-footnote p{font-size:12px;line-height:2}.field-art figcaption{font-size:10px}}

/* First release: a phone-sized reading surface, including on desktop. */
@media screen {
  html { background:#e2dfd5; scroll-padding-top:62px; }
  body { width:100%; max-width:480px; margin:0 auto; min-height:100vh; min-height:100dvh; box-shadow:0 0 45px #55523a12; }
  .header { padding:14px 20px 12px; }
  .header .text-button { min-height:44px; padding:8px 0 8px 10px; border-bottom:0; font-size:12px; }
  .brand { font-size:25px; }
  .brand-mark { width:27px; height:29px; font-size:16px; }
  #app { min-height:calc(100dvh - 170px); }
  .field-home { padding:0 22px; }
  .field-poster { padding:22px 0 24px; }
  .field-kicker { margin-bottom:10px; }
  .field-copy h1 { font-size:clamp(29px,8.2vw,36px); line-height:1.45; margin-bottom:12px; letter-spacing:-1px; }
  .field-lead { font-size:14px; line-height:1.9; }
  .field-art { margin-top:19px; }
  .field-entry { margin-top:21px; }
  .field-actions { flex-direction:column; align-items:stretch; gap:8px; }
  .field-actions>.primary { width:100%; min-height:54px; flex:auto; font-size:16px; padding:13px 20px; }
  .field-example { align-self:center; min-height:44px; font-size:13px; padding:10px 8px; border:0; text-decoration:underline; text-underline-offset:5px; }
  .field-meta,.field-saved { text-align:center; font-size:11px; margin-top:7px; }
  .field-reading { display:grid; grid-template-columns:1fr; gap:28px; }
  .field-footnote { display:block; }
  .field-footnote p { margin-top:8px; }
  .footer { margin:23px 22px 0; padding-bottom:max(22px,env(safe-area-inset-bottom)); }
  .quiz-wrap { padding:17px 18px 0; }
  .quiz-wrap.page-in { animation:none; }
  .question-panel { padding:23px 19px 22px; box-shadow:3px 3px 0 #e5dbc2; }
  .question-panel>.garden-icon { margin-bottom:16px; }
  legend { font-size:23px; line-height:1.7; }
  .question-help { margin-bottom:20px; font-size:12px; }
  .answer { min-height:55px; padding:14px; font-size:15px; }
  .answers { gap:10px; }
  .question-actions { position:fixed; z-index:10; left:50%; transform:translateX(-50%); bottom:0; width:100%; max-width:480px; margin:0; padding:12px 18px max(12px,env(safe-area-inset-bottom)); border-top:1px solid #d8ccb0; background:#f5efdf; box-shadow:0 -7px 20px #f5efdfdc; gap:12px; }
  .question-actions .button { min-height:50px; font-size:15px; padding:12px 17px; }
  .question-actions #previous { flex:1; }
  .question-actions #next { flex:2; }
  body[data-view="quiz"] { padding-bottom:calc(84px + env(safe-area-inset-bottom)); }
  .quiz-foot .text-button { min-height:44px; font-size:12px; }
  .report { margin:16px 10px 0; padding:20px 18px 12px; max-width:none; box-shadow:3px 3px 0 #e9dfc9; }
  .report-cover { align-items:flex-start; flex-direction:column; gap:8px; }
  .report-cover h1 { font-size:24px; }
  .cover-badge { font-size:10px; }
  .primary-career { grid-template-columns:minmax(0,1fr) 97px; gap:18px 10px; padding:20px 16px 16px; }
  .primary-career-name { font-size:32px; }
  .primary-daily { font-size:15px; color:#62777d; }
  .primary-reason p { font-size:14px; color:#62777d; }
  .primary-bottom { display:block; }
  .primary-bottom .text-button { min-height:44px; font-size:12px; }
  .primary-bottom>span,.primary-tie { font-size:11px; }
  .report-nav { top:0; border-radius:0; background:#eee9dbf5; }
  .report-nav>a { min-height:48px; display:flex; justify-content:center; align-items:center; font-size:13px; padding:10px 4px; }
  .report-card[id] { scroll-margin-top:62px; }
  .chart-layout,.jobs-grid,.interest-grid { grid-template-columns:1fr; }
  .card-intro { font-size:13px; }
  .choose-job { width:100%; min-height:46px; font-size:13px; padding:10px 12px; }
  .job-more summary,.other-jobs>summary { min-height:44px; align-content:center; font-size:13px; }
  .job-more p,.other-job>p { font-size:14px; }
  .other-jobs>summary { gap:8px; }
  .other-jobs>summary>span { font-size:11px; }
  .job-percent>span { font-size:9px; }
  .report-actions { display:grid; grid-template-columns:1fr; gap:10px; }
  .report-actions>.button { min-height:50px; font-size:14px; }
  .report-actions>.text-button { min-height:44px; font-size:13px; }
  .back-top { width:44px; height:44px; right:max(12px,calc((100vw - 480px)/2 + 12px)); bottom:max(16px,env(safe-area-inset-bottom)); }
  .sample-banner { flex-direction:column; align-items:flex-start; gap:0; }
  .sample-banner .text-button { min-height:44px; font-size:12px; padding-left:0; }
  dialog { width:calc(100% - 32px); max-width:448px; max-height:calc(100dvh - 40px); }
  dialog .text-button { min-height:44px; font-size:13px; }
  .source-links a { display:inline-flex; align-items:center; min-height:44px; }
  .toast { width:max-content; max-width:min(420px,calc(100vw - 36px)); }
}
@media screen and (max-width:360px) {
  .field-home { padding:0 18px; }
  .report { padding-left:14px; padding-right:14px; }
  .primary-career { grid-template-columns:minmax(0,1fr) 82px; padding:18px 13px; }
  .primary-career-name { font-size:28px; }
  legend { font-size:21px; }
}