:root{--ink:#253c35;--muted:#63746c;--paper:#f8f6f0;--line:#dedfd5;--accent:#cf5b40;--serif:Georgia,serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;line-height:1.8}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #d85d35;outline-offset:5px}header{max-width:1200px;margin:auto;padding:26px 40px;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line)}header a{display:flex}header img{object-fit:contain}header>span{font-size:13px;font-weight:700;letter-spacing:.07em}header .header-note{margin-left:auto;font-size:10px;letter-spacing:.18em;color:var(--muted)}main{max-width:1120px;margin:0 auto;min-height:65vh;padding:52px 32px 64px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(32px,4.2vw,54px);line-height:1.55;letter-spacing:.035em;font-weight:800;margin-bottom:22px}h2{line-height:1.6;font-size:28px}h3{font-size:18px}p{font-size:15px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.2em;display:flex;align-items:center;gap:12px}.eyebrow:before{content:"";height:8px;width:8px;background:var(--accent);border-radius:50%}.lead{color:var(--muted);line-height:2.1}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center;padding:35px 0}.hero-copy{max-width:560px}.hero em{font-style:normal;color:var(--accent)}.hero-art{height:430px;position:relative;display:grid;place-items:center;background:#e7ebdf;border-radius:48% 48% 42% 42%;overflow:hidden}.orbit{width:280px;height:280px;border:1px solid #c3cbb9;border-radius:50%;position:relative;transform:rotate(-15deg)}.orbit:before{content:"";position:absolute;inset:40px;border:1px dashed #bac5b1;border-radius:50%}.piece{position:absolute;width:110px;height:110px;box-shadow:12px 15px 0 #253c3512;transform:rotate(15deg)}.piece.red{background:#d97660;top:-25px;left:20px;border-radius:28px 28px 6px 28px}.piece.blue{background:#6589b2;right:-32px;top:65px;border-radius:50%}.piece.green{background:#68937b;bottom:-20px;right:30px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.piece.yellow{background:#e7bf5c;left:-35px;bottom:30px;border-radius:10px 50px 10px 50px}.piece:after{content:"?";display:grid;place-items:center;height:100%;font-family:var(--serif);font-size:48px;color:#fff9}.art-caption{position:absolute;bottom:28px;font-size:10px;letter-spacing:.24em}.badge-row{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.badge{font-size:12px;padding:5px 12px;border:1px solid var(--line);border-radius:30px}.primary,.secondary,.text-button{border:0;border-radius:12px;padding:16px 23px;font-weight:700;font-size:15px;transition:background .15s,transform .15s}.primary{background:var(--ink);color:white}.primary:hover{background:#3f5b50;transform:translateY(-1px)}.secondary{background:#fff;border:1px solid var(--line)}.secondary:hover{background:#eef0e8}.text-button{background:transparent;padding:8px 0;font-size:13px;color:var(--muted);text-decoration:underline;text-underline-offset:5px}.wide{width:100%}.cta{min-width:260px;text-align:left;display:flex;justify-content:space-between;gap:32px}.small{font-size:12px;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid var(--line);margin-top:45px;padding-top:28px}.step{display:flex;gap:16px;align-items:start}.step b{font-family:var(--serif);font-size:27px;font-weight:400;color:#8c9a87}.step strong{font-size:14px}.step p{font-size:12px;color:var(--muted);margin:3px 0}.quiz-shell{max-width:730px;margin:auto}.quiz-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:12px}.quiz-count strong{font-family:var(--serif);font-size:32px;font-weight:400}.progress{height:5px;background:#e4e7dd;border-radius:8px;overflow:hidden;margin-bottom:34px}.progress>div{height:100%;background:#71937b;transition:width .25s}.question-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:36px 40px;box-shadow:0 15px 45px #253c3505}.question-card h1{font-size:clamp(21px,3vw,28px);line-height:1.85;letter-spacing:.015em;min-height:140px}.question-label{font-size:11px;letter-spacing:.16em;color:var(--muted);margin-bottom:20px}.answers{display:grid;grid-template-columns:1fr 1fr;gap:14px}.answer{padding:22px 18px;text-align:left;border-radius:16px;border:1px solid #b9c9bd;background:#edf3eb;min-height:132px;transition:.15s}.answer.no{background:#f8f4eb;border-color:#dcd1bb}.answer:hover{transform:translateY(-3px);box-shadow:0 8px 16px #253c3510}.answer strong{display:block;font-size:25px;letter-spacing:.07em;line-height:1.4}.answer span{display:block;font-size:12px;margin-top:10px}.answer.selected{outline:3px solid var(--ink)}.quiz-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:24px}.result-intro{text-align:center;margin-bottom:28px}.result-intro .eyebrow{justify-content:center}.result-intro h1{font-size:26px}.result-hero{background:var(--type-light);border-radius:30px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:35px 48px;position:relative;overflow:hidden;border:1px solid #253c350b}.type-number{font-family:var(--serif);font-size:15px;letter-spacing:.18em;color:var(--type)}.result-hero h2{font-size:40px;margin:8px 0;color:var(--type)}.type-en{font-size:11px;letter-spacing:.2em;color:var(--type);font-weight:800}.type-tag{font-size:18px;line-height:1.8;margin:22px 0 12px;font-weight:700}.character{display:block;width:100%;max-width:340px;aspect-ratio:1;object-fit:contain;margin:auto;animation:reveal .65s ease-out}.result-summary{max-width:650px;margin:32px auto;text-align:center}.result-summary h2{font-size:24px}.result-summary p{color:var(--muted)}.result-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:24px 0 45px}.section-label{font-family:var(--serif);font-size:13px;color:var(--muted);letter-spacing:.12em;display:block;margin-bottom:10px}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.detail-card{padding:30px;background:#fff;border:1px solid var(--line);border-radius:18px}.detail-card p{font-size:14px;margin-bottom:0;color:#53655d}.strengths{grid-column:1/-1}.chips{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;list-style:none;margin:0;padding:0}.chips li{background:var(--type-light);padding:12px;text-align:center;border-radius:9px;font-size:14px;color:var(--type);font-weight:600}.pair-card{display:flex;gap:18px;align-items:center}.pair-card img{width:100px;height:120px;object-fit:contain}.pair-card button{border:0;background:none;text-align:left;padding:0;color:var(--type);font-weight:700;text-decoration:underline}.talk{margin:30px 0;padding:30px;border:1px dashed #a6b6a3;border-radius:18px;text-align:center}.talk h3{margin:10px 0}.type-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}.type-nav button{background:white;border:1px solid var(--line);border-radius:15px;padding:12px 5px;font-size:12px}.type-nav img{display:block;width:100%;height:110px;object-fit:contain}.type-nav button.active{border:2px solid var(--ink)}.center{text-align:center}.balance-note{padding:16px;background:#eeeee5;border-radius:12px;font-size:13px;max-width:680px;margin:20px auto}.saved-image{display:block;width:100%;max-width:320px;margin:20px auto;border-radius:14px}.status{font-size:13px;text-align:center}.result-nav{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:24px}footer{max-width:1120px;border-top:1px solid var(--line);margin:auto;padding:30px 32px 45px;text-align:center;color:var(--muted)}footer>span{font-size:10px;letter-spacing:.2em;font-weight:700}footer p{font-size:12px;margin:8px 0}footer small{font-size:10px;line-height:1.9;display:block}dialog{border:1px solid var(--line);border-radius:20px;padding:30px;max-width:440px;width:calc(100% - 32px);color:var(--ink)}dialog::backdrop{background:#20352c77;backdrop-filter:blur(3px)}dialog h2{font-size:22px}.dialog-actions{display:flex;gap:10px;justify-content:flex-end}@keyframes reveal{from{opacity:0;transform:translateY(18px) scale(.95)}to{opacity:1;transform:none}}@media(max-width:700px){header{padding:18px 22px;gap:18px}header img{width:95px;height:30px}header>span{font-size:11px}header .header-note{display:none}main{padding:28px 20px 42px}.hero{grid-template-columns:1fr;gap:28px;padding:10px 0}.hero-copy{max-width:none}h1{font-size:32px}.hero-art{height:245px;max-width:400px;width:100%;margin:auto;grid-row:2;border-radius:100px 100px 65px 65px}.orbit{width:180px;height:180px}.piece{width:76px;height:76px}.piece.red{top:-10px;left:10px}.piece.blue{top:40px;right:-20px}.piece.green{bottom:0;right:15px}.piece.yellow{left:-22px;bottom:20px}.piece:after{font-size:34px}.art-caption{bottom:13px;font-size:8px}.cta{width:100%}.badge-row{margin:20px 0}.steps{gap:12px;margin-top:28px;padding-top:24px}.step{display:block}.step b{font-size:23px}.step strong{display:block;font-size:12px}.step p{font-size:10px}.question-card{padding:24px 20px;border-radius:20px}.question-card h1{min-height:180px;font-size:21px}.answers{gap:10px}.answer{padding:16px 12px;min-height:150px}.answer strong{font-size:22px}.answer span{font-size:11px}.quiz-bottom{align-items:start}.quiz-bottom .small{text-align:right;max-width:210px}.progress{margin-bottom:24px}.result-hero{padding:25px 22px;grid-template-columns:1fr;text-align:center}.result-hero h2{font-size:30px}.character{width:230px;grid-row:1}.type-tag{font-size:16px;margin-top:14px}.details-grid{grid-template-columns:1fr}.detail-card{padding:24px}.chips{grid-template-columns:1fr 1fr}.type-nav{grid-template-columns:1fr 1fr}.type-nav img{height:100px}.result-summary{text-align:left}.result-actions{flex-direction:column}.result-intro h1{font-size:22px}.talk{padding:22px 16px}footer{padding:25px 22px}.quiz-shell{margin-top:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.answer strong{display:flex;justify-content:space-between;align-items:center}.answer .answer-mark{font-size:20px;margin:0;font-weight:400}.tie-choice{background:#f4f5ee;padding:14px;border-radius:10px;font-size:16px}.question-card:has(.tie-choice) h1{min-height:0}
.site-title{font-size:clamp(35px,4.5vw,56px);line-height:1.35}.hero-tagline{font-weight:700;font-size:16px;line-height:1.9}.team-stage{position:relative;background:#e7ebdf;border-radius:32px;padding:30px 12px 16px;min-width:0}.stage-label{display:block;text-align:center;font-size:10px;letter-spacing:.2em;color:#657b65}.team-lineup{display:grid;grid-template-columns:repeat(4,1fr);gap:12px 0;margin-top:25px}.team-lineup img{width:100%;height:auto;aspect-ratio:160/200;object-fit:contain;filter:drop-shadow(0 10px 8px #253c3510)}.team-stage p{text-align:center;font-size:11px;margin:20px 0 0;color:#63746c}@media(max-width:700px){.site-title{font-size:37px}.hero-tagline{font-size:14px}.team-stage{padding-top:20px}.team-lineup{margin-top:20px;gap:7px 0}.hero{gap:28px}}
.quiz-bottom .text-button{white-space:nowrap;flex-shrink:0}.quiz-bottom .small{font-size:11px}.position-label{display:inline-block;font-size:12px;font-weight:700;color:var(--type);margin-bottom:10px}.organization-block{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.organization-block .detail-card{background:#eef1e8}@media(max-width:700px){.quiz-bottom{gap:12px}.quiz-bottom .text-button{font-size:11px}.organization-block{grid-template-columns:1fr}.quiz-bottom .small{font-size:10px}}
.industry-section{margin-top:30px;padding:32px;background:#fff;border:1px solid var(--line);border-radius:20px}.industry-section h2{font-size:25px;margin-bottom:8px}.industry-section label{display:block;font-size:12px;margin-top:20px;font-weight:700}.industry-section select{width:100%;max-width:380px;padding:13px 14px;margin:8px 0 24px;border:1px solid #b8c2b5;border-radius:10px;background:var(--paper);color:var(--ink);font:inherit;font-size:15px}.industry-scene{font-size:12px;color:var(--type);margin-bottom:8px}.industry-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 28px;margin:20px 0}.industry-grid h4{font-size:13px;margin:0 0 7px;color:var(--type)}.industry-grid p{font-size:14px;color:#53655d;margin:0}.industry-section select:focus-visible{outline:3px solid #d85d35;outline-offset:4px}@media(max-width:700px){.industry-section{padding:24px}.industry-section h2{font-size:22px}.industry-grid{grid-template-columns:1fr}}
header img{width:140px;height:34px;mix-blend-mode:multiply}@media(max-width:700px){header img{width:115px;height:28px}}
.purpose-page{max-width:780px;margin:auto}.purpose-page h1{font-size:clamp(29px,4vw,43px)}.purpose-page>p{line-height:2.1}.discussion-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:30px 0}.discussion-grid article{background:white;padding:26px;border:1px solid var(--line);border-radius:17px}.discussion-grid span{font-size:10px;letter-spacing:.08em;color:var(--muted)}.discussion-grid h3{font-size:17px;margin:12px 0}.discussion-grid p{font-size:13px;color:var(--muted);margin:0}.purpose-key{text-align:center;padding:30px 15px;background:#e9eddf;border-radius:18px;font-size:19px!important;margin:32px 0}.purpose-page h2{font-size:24px}.usage-list{border-top:1px solid var(--line);margin-top:30px;padding-top:30px}.usage-list ol{padding-left:24px}.usage-list li{padding-left:5px;margin-bottom:18px;font-size:15px}.usage-list p{font-size:13px;color:var(--muted);margin:5px 0}.industry-section input{display:block;width:100%;max-width:480px;padding:13px 14px;margin-top:8px;border:1px solid #b8c2b5;border-radius:10px;font:inherit;font-size:14px}.industry-section select{max-width:100%;margin-bottom:0}#job-count{margin:10px 0 24px}@media(max-width:700px){.discussion-grid{grid-template-columns:1fr}.discussion-grid article{padding:23px}.purpose-page h2{font-size:21px}.purpose-key{font-size:17px!important}}
@media(max-width:700px){.hero{display:flex;flex-direction:column;gap:0;align-items:stretch}.hero-copy{display:contents}.hero .eyebrow{order:0}.hero h1{order:1}.hero .hero-tagline{order:2}.hero .team-stage{order:3;margin:8px 0 25px}.hero .lead{order:4}.hero .badge-row{order:5;margin-top:6px}.hero .cta{order:6}.hero .hero-copy>.small{order:7}}

.purpose-page hr{border:0;border-top:1px solid var(--line);margin:38px 0}.discussion-grid article p+p{margin-top:12px}.discussion-grid article p strong{color:var(--ink)}.purpose-actions{margin-top:28px}.purpose-actions p:nth-child(odd){margin:26px 0 8px}.purpose-actions p:nth-child(even){margin:0;line-height:2}

.purpose-compact{max-width:720px}.purpose-compact>h1{font-size:clamp(29px,4vw,42px);line-height:1.5;margin:16px 0}.purpose-compact .purpose-intro{color:var(--muted);font-size:15px;line-height:1.9;margin-bottom:24px}.contribution-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contribution-cards article{padding:21px 24px;border:1px solid var(--line);border-radius:16px;background:#fff}.contribution-cards article:nth-child(1){border-top:3px solid #d97660}.contribution-cards article:nth-child(2){border-top:3px solid #d7b34e}.contribution-cards article:nth-child(3){border-top:3px solid #68937b}.contribution-cards article:nth-child(4){border-top:3px solid #6589b2}.contribution-cards span{font-size:10px;letter-spacing:.15em;color:var(--muted)}.contribution-cards h2{font-size:19px;margin:6px 0}.contribution-cards p{font-size:12px;margin:0;color:var(--muted)}.purpose-compact .purpose-message{font-size:13px;text-align:center;margin:20px 0}.purpose-compact .purpose-duration{font-size:11px;text-align:center;color:var(--muted);margin:10px 0 28px}.purpose-more{border-top:1px solid var(--line);padding-top:20px}.more-label{font-size:11px;color:var(--muted);letter-spacing:.08em;margin:0 0 12px}.purpose-more details{border-bottom:1px solid var(--line)}.purpose-more summary{list-style:none;padding:16px 2px;cursor:pointer;font-size:14px;font-weight:700;display:flex;justify-content:space-between;align-items:center;gap:12px}.purpose-more summary::-webkit-details-marker{display:none}.purpose-more summary:after{content:'＋';font-size:20px;font-weight:400}.purpose-more details[open]>summary:after{content:'−'}.disclosure-content{padding:10px 2px 22px}.disclosure-content p{font-size:14px;line-height:2}.disclosure-content h2{font-size:20px}.disclosure-content .discussion-grid{margin:22px 0}.disclosure-content .discussion-grid article{padding:20px}.disclosure-content .discussion-grid h3{font-size:15px}@media(max-width:700px){.contribution-cards{gap:10px}.contribution-cards article{padding:15px 12px}.contribution-cards h2{font-size:15px;letter-spacing:-.02em}.contribution-cards p{font-size:11px;line-height:1.7}.purpose-compact .purpose-intro{font-size:14px;margin-bottom:20px}.purpose-compact .purpose-message{font-size:11px;margin:17px 0}.purpose-compact .purpose-duration{font-size:10px}}

.character-entry h1{font-size:clamp(25px,5vw,36px);line-height:1.5}.character-entry .lead{margin:20px 0}.entry-prompt{margin:32px 0 20px;line-height:1.9}.character-entry .answer strong{font-size:18px;white-space:nowrap}@media(max-width:480px){.character-entry .answers{grid-template-columns:1fr}.character-entry .answer{text-align:center}}

.job-teaser{padding:24px;border-radius:20px;background:var(--type-light);margin:24px 0}.job-teaser p{font-weight:700;font-size:20px}.job-teaser .primary{width:100%}.job-open{margin:16px 0 4px}.job-empty{padding:28px 18px;text-align:center;border:2px dashed #c4cec7;border-radius:16px;background:#f8faf7;line-height:1.9}.job-result-title{padding-top:24px;border-top:1px solid #dce2dc;font-size:24px;line-height:1.6}.job-result-title small{font-size:16px}.industry-section{scroll-margin-top:24px}#job-dialog{width:min(620px,calc(100% - 24px));max-height:85dvh;padding:24px;box-sizing:border-box;border:0;border-radius:20px;overflow:auto}#job-dialog::backdrop{background:#182b25aa}.job-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.job-dialog-head h2{font-size:23px}#job-search{box-sizing:border-box;width:100%;padding:14px;font:inherit;border:1px solid #a9b8ae;border-radius:10px;margin-top:8px}.job-group h3{font-size:14px;color:#60736a;margin:24px 0 8px}.job-option{width:100%;display:flex;justify-content:space-between;gap:16px;text-align:left;background:white;border:1px solid #d4ddd6;border-radius:10px;padding:16px;margin:6px 0;font:inherit;cursor:pointer}.job-option:hover,.job-option[aria-pressed=true]{background:#edf4ed;border-color:#617f6d}.job-option:focus-visible{outline:3px solid #53765e;outline-offset:2px}@media(max-width:480px){#job-dialog{padding:18px}.job-dialog-head h2{font-size:20px}.job-teaser{padding:20px}.job-teaser .primary{font-size:14px}.job-open{width:100%}.job-result-title{font-size:21px}}

.save-finish{background:#edf2eb;padding:28px;border-radius:20px;margin:32px 0}.save-finish h2{font-size:24px}.save-finish>.text-button{margin-top:20px}#print-report{display:none}@media print{@page{size:A4;margin:15mm}body>*{display:none!important}body>#print-report{display:block!important;color:#172b22;background:white;font:10pt/1.6 sans-serif}#print-report header>img{width:42mm}#print-report h1{font-size:20pt}#print-report h2{font-size:23pt}#print-report h3{font-size:12pt;margin:8px 0}#print-report p{margin:4px 0}#print-report article{break-inside:avoid;margin-bottom:12px}#print-report .paper-hero{display:flex;justify-content:space-between;align-items:center}#print-report .paper-hero>img{width:38mm;height:38mm;object-fit:contain}#print-report footer{font-size:8pt;margin-top:15px}}

@media print{@page{size:A4;margin:0}#print-report .report-sheet{width:210mm;height:297mm;break-after:page;overflow:hidden}#print-report .report-sheet:last-child{break-after:auto}#print-report .report-sheet img{display:block;width:210mm;height:297mm}}

.audience-select{width:100%;padding:16px;font:inherit;border:1px solid #aebfb2;border-radius:12px;background:white}.character-entry button:disabled{opacity:.4;cursor:not-allowed}.audience-note{background:#eef2eb;padding:24px;border-radius:18px;margin:24px 0}.audience-note h2{font-size:22px}.audience-note p{line-height:1.9}

.save-finish .result-actions{display:flex;flex-direction:column;max-width:460px;margin:24px 0 12px}.save-finish>[data-action="save-character"]{display:block;width:100%;max-width:460px}.report-preview{max-width:100%;border-radius:0}

.role-tendencies{margin:24px 0;padding:30px;background:#fff;border:1px solid var(--line);border-radius:20px}.role-tendencies h2{font-size:24px;margin-bottom:24px}.role-bars{display:grid;gap:18px}.role-bar-row{display:grid;grid-template-columns:155px minmax(0,1fr) 52px;gap:18px;align-items:center}.role-bar-name,.role-bar-score{font-size:14px;font-weight:700}.role-bar-score{text-align:right}.role-bar-track{height:14px;border-radius:10px;background:#edf0eb;overflow:hidden}.role-bar-track>span{display:block;height:100%;border-radius:10px}.role-tendencies .small{margin:24px 0 0}@media(max-width:700px){.role-tendencies{padding:22px 18px}.role-tendencies h2{font-size:20px}.role-bar-row{grid-template-columns:118px minmax(0,1fr) 40px;gap:9px}.role-bar-name,.role-bar-score{font-size:12px}}

.save-finish>[data-action="save-character"]{margin-top:20px}

.download-preview:not(:empty){margin:28px 0;padding:24px;background:white;border:1px solid var(--line);border-radius:20px;scroll-margin-top:24px}.preview-actions{display:flex;flex-direction:column;gap:14px;max-width:460px;margin:24px auto}.preview-actions a{text-align:center;text-decoration:none}.download-preview>h2{font-size:24px}

footer .footer-company{margin-top:22px}footer .footer-company a{display:inline-block;padding:8px 12px;color:var(--ink);font-size:13px;text-underline-offset:4px}footer .footer-company .small{margin-left:6px;font-size:10px}
