:root{--ink:#263438;--muted:#718083;--line:#dce2e3;--bg:#eef2f2;--primary:#718879;--dark:#263438;--card:#fffdf8;--sand:#f3eadc;--bluegray:#dfe8eb;--shadow:0 20px 60px rgba(70,88,88,.10)}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:'Noto Sans SC',system-ui,sans-serif;color:var(--ink)}button{font:inherit;cursor:pointer;border:0}.app-shell{min-height:100vh}.page{min-height:100vh;padding:28px max(20px,calc((100vw - 1040px)/2)) 48px}.topbar{display:flex;justify-content:space-between;align-items:center;max-width:1040px;margin:auto}.brand{font-weight:800;letter-spacing:.06em}.brand span{color:var(--primary)}.eyebrow{font-size:12px;letter-spacing:.16em;color:var(--primary);font-weight:800;text-transform:uppercase}.hero{max-width:1040px;margin:9vh auto 0;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.hero h1{font-size:clamp(40px,6vw,72px);line-height:1.08;margin:18px 0;color:#263438;letter-spacing:-.05em}.hero h1 em{color:var(--primary);font-style:normal}.hero p{color:var(--muted);line-height:1.9;font-size:16px;max-width:520px}.primary{background:var(--primary);color:#fff;padding:15px 27px;border-radius:14px;font-weight:700;box-shadow:0 10px 24px rgba(113,136,121,.28);margin-top:18px}.primary:hover{transform:translateY(-1px);filter:brightness(1.04)}.outline{background:transparent;color:var(--muted);padding:12px 18px}.hero-card,.question-card,.report-card{background:var(--card);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.hero-card{padding:30px;position:relative;overflow:hidden}.hero-card:before{content:'';position:absolute;width:220px;height:220px;border-radius:50%;background:var(--sand);right:-70px;top:-70px}.orbit{height:300px;display:grid;place-items:center;position:relative}.orbit:before,.orbit:after{content:'';position:absolute;border:1px solid #cbd8d5;border-radius:50%}.orbit:before{width:230px;height:230px}.orbit:after{width:150px;height:150px}.orb-core{width:92px;height:92px;border-radius:30px;background:var(--primary);color:#fff;display:grid;place-items:center;z-index:1;font-size:30px;box-shadow:0 20px 40px rgba(113,136,121,.30)}.orb-dot{position:absolute;width:42px;height:42px;border-radius:50%;background:var(--card);border:1px solid #cbd8d5;display:grid;place-items:center;font-size:18px;z-index:2}.d1{top:26px}.d2{right:50px;top:98px}.d3{right:70px;bottom:30px}.d4{left:45px;bottom:38px}.d5{left:35px;top:91px}.feature-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.feature{font-size:13px;color:var(--muted);background:var(--bluegray);border-radius:10px;padding:8px 10px}.test-wrap{max-width:760px;margin:8vh auto 0}.progress-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:13px;margin-bottom:9px}.progress{height:7px;background:#dfe5e5;border-radius:9px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,#718879,#9aada2);border-radius:9px;transition:width .3s}.question-card{padding:clamp(25px,5vw,52px);margin-top:26px}.q-label{color:var(--primary);font-size:14px;font-weight:700}.question-card h2{font-size:clamp(22px,4vw,32px);line-height:1.5;margin:18px 0 30px}.options{display:grid;gap:13px}.option{display:flex;align-items:center;gap:14px;text-align:left;width:100%;padding:17px 18px;border:1px solid var(--line);background:#fffdf8;border-radius:14px;color:var(--ink);transition:.2s}.option:hover{border-color:#aabbb1;background:#f5f8f5}.option.selected{border-color:var(--primary);background:#edf3ee;box-shadow:0 0 0 3px rgba(113,136,121,.12)}.letter{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--bluegray);color:var(--muted);font-weight:700}.selected .letter{background:var(--primary);color:#fff}.nav{display:flex;justify-content:space-between;margin-top:28px;align-items:center}.nav .primary{margin:0}.back{color:var(--muted);background:transparent;padding:14px 0}.hint{color:#aa7850;font-size:13px;margin-top:14px}.report-page{background:linear-gradient(180deg,var(--sand) 0,#f1f4f4 390px);padding-top:26px}.report-head{max-width:1040px;margin:9vh auto 34px}.report-head h1{font-size:clamp(34px,6vw,58px);margin:12px 0}.report-head p{color:var(--muted);line-height:1.8}.report-grid{max-width:1040px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:20px}.report-card{padding:28px}.report-card.full{grid-column:1/-1}.report-card h2{font-size:20px;margin:0 0 20px}.type-card{background:#536b64;color:#fff;border:0}.type-card p{color:#dfe8e3}.type-tag{display:inline-block;color:#f5e8d5;background:#6e8279;padding:7px 12px;border-radius:20px;font-size:13px}.radar-wrap{display:flex;align-items:center;gap:25px}.radar{width:min(100%,330px);height:auto}.legend{display:grid;gap:8px;font-size:12px;color:var(--muted)}.legend b{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.score-list{display:grid;gap:12px}.score-item{display:grid;grid-template-columns:95px 1fr 42px;gap:10px;align-items:center;font-size:13px}.bar{height:8px;background:#e5ebec;border-radius:8px;overflow:hidden}.bar i{height:100%;display:block;border-radius:8px;background:var(--primary)}.insight{padding:16px;background:#f7f5ee;border-radius:14px;margin-bottom:12px}.insight strong{display:block;margin-bottom:5px}.insight p{margin:0;color:var(--muted);line-height:1.7;font-size:14px}.career-list{display:grid;gap:12px}.career{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:13px;padding:15px;border:1px solid var(--line);border-radius:14px}.rank{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:var(--bluegray);color:var(--primary);font-weight:800}.career h3{font-size:15px;margin:0 0 4px}.career small{color:var(--muted)}.match{font-weight:800;color:var(--primary);font-size:18px}.quote{font-size:18px;line-height:1.9;margin:0;color:#3a494c}.footer-actions{text-align:center;margin:30px 0}.footer-actions .primary{margin:0}.notice{color:var(--muted);font-size:13px}.fade{animation:fade .35s ease}@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:760px){.page{padding-top:20px}.hero{display:block;margin-top:8vh}.hero-card{margin-top:38px}.report-grid{grid-template-columns:1fr}.report-card.full{grid-column:auto}.radar-wrap{display:block}.legend{grid-template-columns:repeat(2,1fr);margin-top:12px}.score-item{grid-template-columns:83px 1fr 38px}.report-head{margin-top:8vh}.career{grid-template-columns:30px 1fr auto}.match{font-size:16px}.question-card{padding:24px}.topbar{padding:0 2px}}
:root{--ink:#263438;--muted:#718083;--line:#dce2e3;--bg:#eef2f2;--primary:#718879;--dark:#263438;--card:#fffdf8;--sand:#f3eadc;--bluegray:#dfe8eb;--shadow:0 20px 60px rgba(70,88,88,.10)}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:'Noto Sans SC',system-ui,sans-serif;color:var(--ink)}button{font:inherit;cursor:pointer;border:0}.app-shell{min-height:100vh}.page{min-height:100vh;padding:28px max(20px,calc((100vw - 1040px)/2)) 48px}.topbar{display:flex;justify-content:space-between;align-items:center;max-width:1040px;margin:auto}.brand{font-weight:800;letter-spacing:.06em}.brand span{color:var(--primary)}.eyebrow{font-size:12px;letter-spacing:.16em;color:var(--primary);font-weight:800;text-transform:uppercase}.hero{max-width:1040px;margin:9vh auto 0;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.hero h1{font-size:clamp(40px,6vw,72px);line-height:1.08;margin:18px 0;color:#263438;letter-spacing:-.05em}.hero h1 em{color:var(--primary);font-style:normal}.hero p{color:var(--muted);line-height:1.9;font-size:16px;max-width:520px}.primary{background:var(--primary);color:#fff;padding:15px 27px;border-radius:14px;font-weight:700;box-shadow:0 10px 24px rgba(113,136,121,.28);margin-top:18px}.primary:hover{transform:translateY(-1px);filter:brightness(1.04)}.outline{background:transparent;color:var(--muted);padding:12px 18px}.hero-card,.question-card,.report-card{background:var(--card);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.hero-card{padding:30px;position:relative;overflow:hidden}.hero-card:before{content:'';position:absolute;width:220px;height:220px;border-radius:50%;background:var(--sand);right:-70px;top:-70px}.orbit{height:300px;display:grid;place-items:center;position:relative}.orbit:before,.orbit:after{content:'';position:absolute;border:1px solid #cbd8d5;border-radius:50%}.orbit:before{width:230px;height:230px}.orbit:after{width:150px;height:150px}.orb-core{width:92px;height:92px;border-radius:30px;background:var(--primary);color:#fff;display:grid;place-items:center;z-index:1;font-size:30px;box-shadow:0 20px 40px rgba(113,136,121,.30)}.orb-dot{position:absolute;width:42px;height:42px;border-radius:50%;background:var(--card);border:1px solid #cbd8d5;display:grid;place-items:center;font-size:18px;z-index:2}.d1{top:26px}.d2{right:50px;top:98px}.d3{right:70px;bottom:30px}.d4{left:45px;bottom:38px}.d5{left:35px;top:91px}.feature-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.feature{font-size:13px;color:var(--muted);background:var(--bluegray);border-radius:10px;padding:8px 10px}.test-wrap{max-width:760px;margin:8vh auto 0}.progress-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:13px;margin-bottom:9px}.progress{height:7px;background:#dfe5e5;border-radius:9px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,#718879,#9aada2);border-radius:9px;transition:width .3s}.question-card{padding:clamp(25px,5vw,52px);margin-top:26px}.q-label{color:var(--primary);font-size:14px;font-weight:700}.question-card h2{font-size:clamp(22px,4vw,32px);line-height:1.5;margin:18px 0 30px}.options{display:grid;gap:13px}.option{display:flex;align-items:center;gap:14px;text-align:left;width:100%;padding:17px 18px;border:1px solid var(--line);background:#fffdf8;border-radius:14px;color:var(--ink);transition:.2s}.option:hover{border-color:#aabbb1;background:#f5f8f5}.option.selected{border-color:var(--primary);background:#edf3ee;box-shadow:0 0 0 3px rgba(113,136,121,.12)}.letter{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--bluegray);color:var(--muted);font-weight:700}.selected .letter{background:var(--primary);color:#fff}.nav{display:flex;justify-content:space-between;margin-top:28px;align-items:center}.nav .primary{margin:0}.back{color:var(--muted);background:transparent;padding:14px 0}.hint{color:#aa7850;font-size:13px;margin-top:14px}.report-page{background:linear-gradient(180deg,var(--sand) 0,#f1f4f4 390px);padding-top:26px}.report-head{max-width:1040px;margin:9vh auto 34px}.report-head h1{font-size:clamp(34px,6vw,58px);margin:12px 0}.report-head p{color:var(--muted);line-height:1.8}.report-grid{max-width:1040px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:20px}.report-card{padding:28px}.report-card.full{grid-column:1/-1}.report-card h2{font-size:20px;margin:0 0 20px}.type-card{background:#536b64;color:#fff;border:0}.type-card p{color:#dfe8e3}.type-tag{display:inline-block;color:#f5e8d5;background:#6e8279;padding:7px 12px;border-radius:20px;font-size:13px}.radar-wrap{display:flex;align-items:center;gap:25px}.radar{width:min(100%,330px);height:auto}.legend{display:grid;gap:8px;font-size:12px;color:var(--muted)}.legend b{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.score-list{display:grid;gap:12px}.score-item{display:grid;grid-template-columns:95px 1fr 42px;gap:10px;align-items:center;font-size:13px}.bar{height:8px;background:#e5ebec;border-radius:8px;overflow:hidden}.bar i{height:100%;display:block;border-radius:8px;background:var(--primary)}.insight{padding:16px;background:#f7f5ee;border-radius:14px;margin-bottom:12px}.insight strong{display:block;margin-bottom:5px}.insight p{margin:0;color:var(--muted);line-height:1.7;font-size:14px}.career-list{display:grid;gap:12px}.career{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:13px;padding:15px;border:1px solid var(--line);border-radius:14px}.rank{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:var(--bluegray);color:var(--primary);font-weight:800}.career h3{font-size:15px;margin:0 0 4px}.career small{color:var(--muted)}.match{font-weight:800;color:var(--primary);font-size:18px}.quote{font-size:18px;line-height:1.9;margin:0;color:#3a494c}.footer-actions{text-align:center;margin:30px 0}.footer-actions .primary{margin:0}.notice{color:var(--muted);font-size:13px}.encouragement-card{background:#f4ecdf;border-color:#e8d9c2}.fade{animation:fade .35s ease}@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:760px){.page{padding-top:20px}.hero{display:block;margin-top:8vh}.hero-card{margin-top:38px}.report-grid{grid-template-columns:1fr}.report-card.full{grid-column:auto}.radar-wrap{display:block}.legend{grid-template-columns:repeat(2,1fr);margin-top:12px}.score-item{grid-template-columns:83px 1fr 38px}.report-head{margin-top:8vh}.career{grid-template-columns:30px 1fr auto}.match{font-size:16px}.question-card{padding:24px}.topbar{padding:0 2px}}
:root{--mobile-gutter:clamp(16px,5vw,28px)}html{width:100%;overflow-x:hidden}body{width:100%;min-width:0;overflow-x:hidden}.page{width:100%;padding-left:max(var(--mobile-gutter),env(safe-area-inset-left));padding-right:max(var(--mobile-gutter),env(safe-area-inset-right))}.hero,.report-head,.report-grid,.topbar{width:100%;min-width:0}.hero h1,.question-card h2,.report-head h1{overflow-wrap:anywhere}.option,.primary,.back{min-height:48px}.option{touch-action:manipulation}.report-card,.question-card,.hero-card{min-width:0;overflow:hidden}@media(max-width:760px){.page{padding-top:max(18px,env(safe-area-inset-top));padding-bottom:max(32px,env(safe-area-inset-bottom))}.topbar{gap:12px}.topbar .notice{max-width:55%;text-align:right}.hero{display:flex;flex-direction:column;gap:28px;margin-top:12vh}.hero>div{width:100%}.hero h1{font-size:clamp(38px,13vw,58px)}.hero p{font-size:15px}.hero-card{width:100%;padding:22px}.orbit{height:min(72vw,290px)}.test-wrap{width:100%;margin-top:7vh}.progress-meta{gap:12px}.progress-meta strong{white-space:nowrap}.question-card{margin-top:20px;padding:clamp(20px,6vw,30px);border-radius:20px}.question-card h2{font-size:clamp(21px,6vw,28px);margin-bottom:24px}.option{padding:14px 13px;line-height:1.55}.nav{gap:18px}.nav .primary{padding-left:18px;padding-right:18px;white-space:nowrap}.report-head{margin-top:8vh;margin-bottom:26px}.report-head h1{font-size:clamp(34px,11vw,52px)}.report-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.report-card,.report-card.full{grid-column:auto;width:100%;padding:22px;border-radius:20px}.radar-wrap{display:flex;flex-direction:column;align-items:center;gap:12px}.radar{width:min(100%,310px)}.legend{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.score-item{grid-template-columns:minmax(78px, .8fr) minmax(0,1fr) 32px}.career{grid-template-columns:30px minmax(0,1fr) auto;gap:10px}.career small{display:block;line-height:1.5}.match{font-size:16px}.quote{font-size:16px;line-height:1.8}.footer-actions{margin-bottom:0}}
@media(min-width:761px){.hero{min-height:560px}}
@media(max-width:360px){.page{padding-left:14px;padding-right:14px}.topbar .notice{font-size:11px}.nav .primary{padding-left:13px;padding-right:13px;font-size:14px}.career{padding:12px 10px}.career h3{font-size:14px}.career small{font-size:11px}.match{font-size:14px}}
:root{--ink:#33363F;--muted:#8B8F9C;--line:#E6E7EC;--bg:#F7F7FA;--primary:#596A9A;--dark:#2F3A5F;--card:#FFFFFF;--sand:#F7F7FA;--bluegray:#EEF0F6;--shadow:0 20px 60px rgba(47,58,95,.08)}body{color:var(--ink);background:var(--bg)}.brand span,.eyebrow,.q-label{color:var(--primary)}.hero h1,.report-head h1{color:#2F3A5F}.primary{background:#596A9A;box-shadow:0 10px 24px rgba(89,106,154,.28)}.hero-card,.question-card,.report-card{background:#FFFFFF;border-color:#E6E7EC}.hero-card:before{background:#EEEAF5}.orbit:before,.orbit:after{border-color:#D8D8E7}.orb-core{background:#596A9A;box-shadow:0 20px 40px rgba(89,106,154,.30)}.orb-dot{background:#FFFFFF;border-color:#D8D8E7}.feature{background:#EEF0F6}.progress{background:#E6E7EC}.progress i{background:linear-gradient(90deg,#596A9A,#8A78B5)}.option{background:#FFFFFF;border-color:#E6E7EC}.option:hover{border-color:#B8ADCF;background:#F7F5FB}.option.selected{border-color:#8A78B5;background:#F1EEF8;box-shadow:0 0 0 3px rgba(138,120,181,.12)}.letter{background:#EEF0F6}.selected .letter{background:#8A78B5}.report-page{background:linear-gradient(180deg,#F0EEF7 0,#F7F7FA 390px)}.type-card{background:#2F3A5F;border-color:#2F3A5F}.type-card p{color:#DDE1EF}.type-tag{color:#E6DDF3;background:#596A9A}.bar{background:#EEF0F6}.bar i{background:#8A78B5!important}.insight{background:#F7F5FB}.rank{background:#EEF0F6;color:#596A9A}.match{color:#596A9A}.encouragement-card{background:#F2EEF8;border-color:#DED3EC}.hint{color:#8A78B5}.notice,.hero p,.report-head p,.career small{color:#8B8F9C}
:root{--ink:#243746;--muted:#637A83;--line:#C9D9DD;--bg:#DCE5E7;--primary:#5F8792;--dark:#243746;--card:#FFFFFF;--sand:#DCE5E7;--bluegray:#EDF3F4;--shadow:0 20px 60px rgba(36,55,70,.12)}body{color:#243746;background:#DCE5E7}.brand span,.eyebrow,.q-label{color:#5F8792}.hero h1,.report-head h1{color:#243746}.primary{background:#5F8792;box-shadow:0 10px 24px rgba(95,135,146,.30)}.hero-card,.question-card,.report-card{background:#FFFFFF;border-color:#C9D9DD}.hero-card:before{background:#DCE5E7}.orbit:before,.orbit:after{border-color:#B9CDD1}.orb-core{background:#5F8792;box-shadow:0 20px 40px rgba(95,135,146,.32)}.orb-dot{background:#FFFFFF;border-color:#B9CDD1}.feature{background:#EDF3F4}.progress{background:#C9D9DD}.progress i{background:linear-gradient(90deg,#5F8792,#243746)}.option{background:#FFFFFF;border-color:#C9D9DD}.option:hover{border-color:#8EAEB5;background:#F2F7F7}.option.selected{border-color:#5F8792;background:#EAF2F3;box-shadow:0 0 0 3px rgba(95,135,146,.14)}.letter{background:#EDF3F4}.selected .letter{background:#5F8792}.report-page{background:linear-gradient(180deg,#DCE5E7 0,#F1F5F6 390px)}.type-card{background:#243746;border-color:#243746}.type-card p{color:#DCE5E7}.type-tag{color:#DCE5E7;background:#5F8792}.bar{background:#EDF3F4}.bar i{background:#5F8792!important}.insight{background:#F1F6F6}.rank{background:#EDF3F4;color:#5F8792}.match{color:#5F8792}.encouragement-card{background:#E9F0F1;border-color:#C9D9DD}.hint{color:#5F8792}.notice,.hero p,.report-head p,.career small{color:#637A83}
:root{--shadow:0 8px 24px rgba(36,55,70,.06)}.simple-hero{display:block;max-width:680px;margin:14vh auto 0}.simple-hero .feature-row{margin-top:22px}.simple-hero .feature{background:transparent;padding:0;color:#637A83}.hero-card,.question-card,.report-card{border-radius:16px;box-shadow:var(--shadow)}.primary{border-radius:10px;box-shadow:none}.eyebrow{letter-spacing:.08em}.report-page{background:#F7F7FA}.type-card{border-radius:16px}.type-tag,.rank{border-radius:8px}.option{border-radius:10px}.insight{border-radius:10px}
:root{--shadow:0 8px 24px rgba(36,55,70,.06)}.type-card p+p,.insight p+p,.quote+p{margin-top:12px}.type-card p,.report-card .quote{line-height:1.9}
:root{--shadow:0 8px 24px rgba(36,55,70,.06)}.plans-card{background:#fff}.plan-item{padding:18px 0;border-bottom:1px solid #E6E7EC}.plan-item:last-child{border-bottom:0;padding-bottom:0}.plan-item h3{margin:0 0 14px;color:#243746;font-size:18px}.plan-item p{margin:10px 0;color:#637A83;line-height:1.8;font-size:14px}.plan-item strong{color:#243746}.week-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.week{padding:13px;background:#EDF3F4;border-radius:10px;min-height:104px}.week strong{display:block;color:#5F8792;margin-bottom:8px;font-size:13px}.week span{display:block;color:#637A83;font-size:12px;line-height:1.65}@media(max-width:760px){.week-grid{grid-template-columns:1fr 1fr}.week{min-height:0}.plan-item{padding:16px 0}}
:root{--shadow:0 8px 24px rgba(36,55,70,.06)}.plans-card{overflow:visible}.plan-item{padding:20px 0}.plan-item h3{font-size:20px;margin-bottom:18px}.plan-item p{font-size:15px;line-height:1.9}.week-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.week{min-height:132px;padding:16px;background:#F3F7F7;border:1px solid #DCE5E7}.week strong{font-size:14px;margin-bottom:10px}.week span{font-size:14px;line-height:1.8}@media(max-width:760px){.week-grid{grid-template-columns:minmax(0,1fr);gap:10px}.week{min-height:0;padding:15px}.week span{font-size:13px;line-height:1.8}}
:root{--shadow:0 8px 24px rgba(36,55,70,.06)}.week-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:20px 0}.week{min-height:0;padding:18px 20px;background:#F3F7F7;border:1px solid #DCE5E7;border-left:4px solid #5F8792;border-radius:10px}.week strong{display:block;color:#243746;font-size:15px;margin-bottom:6px}.week em{display:block;font-style:normal;color:#5F8792;font-size:14px;font-weight:600;margin-bottom:10px}.week p{white-space:pre-line;margin:0;color:#637A83;font-size:14px;line-height:1.9}.plan-item p strong{display:block;margin-bottom:4px;color:#243746}.plan-item>p{margin:14px 0}.plan-item>p:last-child{padding-top:14px;border-top:1px solid #E6E7EC}@media(max-width:760px){.week-grid{grid-template-columns:minmax(0,1fr);gap:10px}.week{padding:16px}.week p{font-size:13px;line-height:1.9}}
:root{--shadow:0 8px 24px rgba(36,55,70,.06)}.next-step-card,.present-card{padding-left:clamp(24px,6vw,48px);padding-right:clamp(24px,6vw,48px)}.next-step-card>h2,.present-card>h2{max-width:760px;margin-left:auto;margin-right:auto}.next-step-card>.quote,.present-card>.quote{max-width:760px;margin-left:auto;margin-right:auto;font-size:17px;line-height:2.05;letter-spacing:.015em;color:#425B66}.next-step-card>.quote:first-of-type{padding:16px 20px;background:#F1F6F6;border-left:3px solid #5F8792;border-radius:0 10px 10px 0}.next-step-card>.quote+ .quote,.present-card>.quote+ .quote{margin-top:20px}.present-card{background:#FBFCFC}.present-card>.quote:first-of-type{font-size:18px;color:#243746;font-weight:600}.present-card>.quote+ .quote{padding-top:4px}.next-step-card:after,.present-card:after{content:'';display:block;max-width:760px;margin:22px auto 0;border-bottom:1px solid #E6E7EC}@media(max-width:760px){.next-step-card>.quote,.present-card>.quote{font-size:15px;line-height:1.95}.present-card>.quote:first-of-type{font-size:16px}}
:root{--ink:#2B3A55;--muted:#758096;--line:#E2DED5;--bg:#F4F0E8;--primary:#7A8CA8;--dark:#2B3A55;--card:#FFFEFA;--sand:#F4F0E8;--bluegray:#EEF0F3;--shadow:0 8px 24px rgba(43,58,85,.07)}body{color:#2B3A55;background:#F4F0E8}.brand span,.eyebrow,.q-label{color:#7A8CA8}.hero h1,.report-head h1{color:#2B3A55}.primary{background:#7A8CA8;box-shadow:0 10px 24px rgba(122,140,168,.24)}.hero-card,.question-card,.report-card{background:#FFFEFA;border-color:#E2DED5}.hero-card:before{background:#EDE8DE}.orbit:before,.orbit:after{border-color:#D8D4CC}.orb-core{background:#7A8CA8;box-shadow:0 20px 40px rgba(122,140,168,.26)}.orb-dot{background:#FFFEFA;border-color:#D8D4CC}.feature{background:#EEF0F3}.progress{background:#E2DED5}.progress i{background:#7A8CA8}.option{background:#FFFEFA;border-color:#E2DED5}.option:hover{border-color:#AEB8C8;background:#F7F5F0}.option.selected{border-color:#7A8CA8;background:#F0F2F5;box-shadow:0 0 0 3px rgba(122,140,168,.13)}.letter{background:#EEF0F3}.selected .letter{background:#7A8CA8}.report-page{background:#F4F0E8}.type-card{background:#2B3A55;border-color:#2B3A55}.type-card p{color:#E8E9EC}.type-tag{color:#F4F0E8;background:#7A8CA8}.bar{background:#EEF0F3}.bar i{background:#7A8CA8!important}.insight{background:#F3F0EA}.rank{background:#EEF0F3;color:#7A8CA8}.match{color:#60728F}.encouragement-card{background:#F0ECE4;border-color:#E2DED5}.hint{color:#7A8CA8}.notice,.hero p,.report-head p,.career small{color:#758096}.plans-card{background:#FFFEFA}.plan-item{border-color:#E2DED5}.plan-item h3,.plan-item strong{color:#2B3A55}.plan-item p,.week p{color:#758096}.week{background:#F5F3EE;border-color:#E2DED5;border-left-color:#7A8CA8}.week strong{color:#2B3A55}.week em{color:#7A8CA8}.next-step-card>.quote:first-of-type{background:#F0F2F5;border-left-color:#7A8CA8}.next-step-card>.quote,.present-card>.quote{color:#53647C}.present-card{background:#FFFEFA}.present-card>.quote:first-of-type{color:#2B3A55}.next-step-card:after,.present-card:after{border-color:#E2DED5}
:root{--pixel-grid:rgba(43,58,85,.055)}body{background-color:#F4F0E8;background-image:linear-gradient(var(--pixel-grid) 1px,transparent 1px),linear-gradient(90deg,var(--pixel-grid) 1px,transparent 1px);background-size:24px 24px}.page{position:relative;overflow:hidden}.page:before{content:'';position:absolute;inset:0 0 auto;height:7px;background:#2B3A55;box-shadow:0 5px 0 #7A8CA8;pointer-events:none}.topbar{position:relative;z-index:1;padding-top:8px}.brand{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;letter-spacing:.02em;color:#2B3A55}.brand:before{content:'// ';color:#7A8CA8}.topbar .notice{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;border:1px solid #D4D0C8;padding:6px 8px;background:#FFFEFA}.simple-hero{position:relative;margin-top:12vh;padding:36px 0 44px}.simple-hero:after{content:'01';position:absolute;right:5%;top:-42px;color:#E2DED5;font:900 150px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-.12em;z-index:-1}.eyebrow{display:inline-block;padding:6px 9px;border-left:4px solid #7A8CA8;background:#EEF0F3;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;letter-spacing:.06em}.hero h1{font-size:clamp(42px,7vw,76px);line-height:1.02;letter-spacing:-.08em;margin:22px 0 20px;max-width:680px}.hero h1 em{display:inline-block;position:relative}.hero h1 em:after{content:'';position:absolute;left:3px;right:0;bottom:-9px;height:5px;background:#7A8CA8}.hero p{max-width:530px;font-size:15px;line-height:2}.primary{position:relative;border-radius:3px;padding:15px 28px;margin-top:20px;box-shadow:5px 5px 0 #2B3A55;font-size:15px;letter-spacing:.04em}.primary:after{content:' ↗';font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.primary:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 #2B3A55}.feature-row{gap:0;margin-top:29px}.feature{border-radius:0;border-left:1px solid #D4D0C8;background:#FFFEFA;padding:7px 12px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.feature:last-child{border-right:1px solid #D4D0C8}.hero-card{border-radius:3px;box-shadow:6px 6px 0 #D8D4CC}.hero-card:before{width:120px;height:120px;border-radius:0;right:-36px;top:-36px;transform:rotate(45deg)}.orbit{height:300px}.orbit:before,.orbit:after{border-radius:0;transform:rotate(45deg);border-style:dashed}.orb-core{border-radius:3px;box-shadow:6px 6px 0 #2B3A55}.orb-dot{border-radius:3px}.test-wrap{position:relative}.question-card,.report-card{border-radius:3px}.option{border-radius:3px}.option:hover{transform:translateX(3px)}.report-card h2{letter-spacing:-.03em}.type-card{box-shadow:6px 6px 0 #7A8CA8}.type-tag,.rank{border-radius:3px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.career{border-radius:3px}.week{border-radius:3px}.insight{border-radius:3px}
@media(max-width:760px){body{background-size:18px 18px}.page{padding-left:18px;padding-right:18px}.topbar{padding-top:6px}.simple-hero{margin-top:10vh;padding-top:28px}.simple-hero:after{right:-8px;top:-24px;font-size:100px}.hero h1{font-size:clamp(38px,13vw,58px);letter-spacing:-.09em}.hero p{font-size:14px;line-height:1.9}.primary{width:auto}.feature-row{display:flex;flex-wrap:wrap}.feature{margin-bottom:5px}.hero-card{margin-top:34px}.orb-core{width:84px;height:84px}.orbit{height:260px}}
:root{--reading-width:760px}.next-step-card,.present-card{padding-top:34px;padding-bottom:38px}.next-step-card>h2,.present-card>h2{width:min(100%,var(--reading-width));font-size:22px;line-height:1.45;margin-bottom:24px}.next-step-card>.quote,.present-card>.quote{width:min(100%,var(--reading-width));font-size:16px;line-height:2.05;letter-spacing:0;color:#53647C;text-align:left}.next-step-card>.quote:first-of-type{padding:18px 22px;margin-bottom:24px;background:#F0F2F5;border-left:3px solid #7A8CA8;border-radius:0 8px 8px 0}.next-step-card>.quote+ .quote,.present-card>.quote+ .quote{margin-top:22px}.next-step-card>.quote:nth-of-type(2){padding-left:2px}.next-step-card>.quote:nth-of-type(3){padding:16px 18px;background:#F8F6F1;border:1px solid #E2DED5;border-radius:8px;color:#65738A}.present-card>.quote:first-of-type{font-size:17px;line-height:1.95;color:#2B3A55}.present-card>.quote+ .quote{padding-top:0}.present-card>.quote:last-of-type{color:#68758A}@media(max-width:760px){.next-step-card,.present-card{padding-top:26px;padding-bottom:30px}.next-step-card>h2,.present-card>h2{font-size:20px;margin-bottom:20px}.next-step-card>.quote,.present-card>.quote{font-size:15px;line-height:2}.next-step-card>.quote:first-of-type{padding:15px 16px;margin-bottom:20px}.next-step-card>.quote+ .quote,.present-card>.quote+ .quote{margin-top:18px}.next-step-card>.quote:nth-of-type(3){padding:14px 15px}.present-card>.quote:first-of-type{font-size:16px}}
.next-step-weeks{width:min(100%,var(--reading-width));padding:0!important;background:transparent!important;border:0!important}.week-step-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}.week-step{display:grid;grid-template-columns:42px minmax(0,1fr);gap:13px;align-items:start;padding:17px 16px;background:#F8F6F1;border:1px solid #E2DED5;border-radius:8px;text-align:left}.week-step-index{display:grid;place-items:center;width:34px;height:34px;background:#2B3A55;color:#FFFEFA;border-radius:3px;font:700 12px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.week-step strong{display:block;margin:1px 0 3px;color:#2B3A55;font-size:15px;line-height:1.4}.week-step small{display:block;margin-bottom:8px;color:#7A8CA8;font-size:12px;font-weight:700;letter-spacing:.08em}.week-step p{margin:0;color:#68758A;font-size:14px;line-height:1.8}@media(max-width:760px){.week-step-list{grid-template-columns:1fr;gap:10px}.week-step{grid-template-columns:38px minmax(0,1fr);padding:14px}.week-step-index{width:31px;height:31px}.week-step p{font-size:13px;line-height:1.8}}
.plans-card .plan-item{max-width:900px;margin:0 auto;padding:8px 0 4px}.plans-card .plan-item h3{display:flex;align-items:center;gap:12px;margin:0 0 24px;padding-bottom:17px;border-bottom:1px solid #E2DED5;font-size:22px}.plans-card .plan-item h3:before{content:'TOP 1';display:inline-grid;place-items:center;width:48px;height:26px;background:#2B3A55;color:#FFFEFA;border-radius:3px;font:700 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.03em}.plans-card .plan-item>p{margin:0 0 19px;padding:14px 16px;background:#F8F6F1;border-left:3px solid #D4D0C8;border-radius:0 7px 7px 0;color:#68758A;line-height:1.85}.plans-card .plan-item>p strong{display:block;margin-bottom:5px;color:#2B3A55;font-size:13px;letter-spacing:.06em}.plans-card .week-grid{position:relative;display:grid;grid-template-columns:1fr;gap:12px;margin:25px 0 23px;padding-left:18px}.plans-card .week-grid:before{content:'';position:absolute;left:4px;top:8px;bottom:8px;border-left:2px solid #D4D0C8}.plans-card .week{position:relative;padding:17px 20px;background:#FFFEFA;border:1px solid #E2DED5;border-radius:7px;box-shadow:3px 3px 0 #F0ECE4}.plans-card .week:before{content:'';position:absolute;left:-24px;top:21px;width:10px;height:10px;background:#7A8CA8;border:3px solid #F4F0E8;border-radius:50%;box-shadow:0 0 0 1px #7A8CA8}.plans-card .week strong{font-size:15px}.plans-card .week em{margin-bottom:9px}.plans-card .week p{line-height:1.9}.plans-card .plan-item>p:last-child{margin-top:22px;background:#F0ECE4;border-left-color:#7A8CA8}@media(max-width:760px){.plans-card .plan-item h3{font-size:20px}.plans-card .week-grid{padding-left:14px}.plans-card .week{padding:15px}.plans-card .week:before{left:-20px}}