@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700&family=Noto+Serif+KR:wght@400;500;600;700&display=swap');
:root{--paper:#f7f5ef;--white:#fffefa;--ink:#253630;--muted:#727a72;--green:#174b43;--green-soft:#e6ece5;--red:#943d31;--line:#dedfd4;--gold:#b99357;--serif:'Noto Serif KR',serif;--sans:'Noto Sans KR',sans-serif;color:var(--ink);font-family:var(--sans);font-synthesis:none;background:var(--paper)}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #b99357;outline-offset:4px}button{border:0}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}p{line-height:1.8}h1,h2,h3{word-break:keep-all}h1{font-family:var(--serif);font-size:clamp(2.3rem,4.3vw,3.65rem);font-weight:600;line-height:1.48;letter-spacing:-.065em}h2{font-family:var(--serif);font-size:1.9rem;font-weight:600;line-height:1.6;letter-spacing:-.045em}h3{font-size:1.12rem;line-height:1.6}.muted{color:var(--muted)}.eyebrow{font-size:.78rem;letter-spacing:.14em;color:var(--green);font-weight:600;display:flex;align-items:center;gap:12px}.eyebrow:before{content:'';width:24px;height:1px;background:var(--green)}.site-header{max-width:1200px;margin:auto;padding:27px 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:28px}.brand{display:flex;align-items:center;gap:13px;white-space:nowrap;font-family:var(--serif);font-size:1.65rem;font-weight:700;letter-spacing:.06em}.seal{display:grid;place-items:center;background:var(--red);color:var(--white);font-family:serif;width:38px;height:42px;font-size:1.8rem;border-radius:3px 5px 2px 3px;transform:rotate(-3deg)}.brand small{font-family:var(--sans);display:block;font-size:.68rem;font-weight:400;letter-spacing:.05em;color:var(--muted);margin-top:1px}.site-header nav{display:flex;gap:27px;align-items:center;font-size:.9rem}.site-header nav a{color:var(--muted);padding:10px 0;white-space:nowrap}.site-header nav a.active{color:var(--green);font-weight:700}.beta{font-size:.62rem;color:var(--red);margin-left:5px;vertical-align:super;font-weight:600}.site-footer{max-width:1128px;margin:70px auto 0;border-top:1px solid var(--line);padding:25px 0 34px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:.78rem;color:var(--muted)}.site-footer>span{font-family:var(--serif);color:var(--green);font-size:1rem}.site-footer p{font-size:.78rem}.site-footer a{text-decoration:underline;text-underline-offset:4px}main{min-height:65vh;outline:none}.page{max-width:1128px;margin:auto;padding:42px 0 0}.narrow{max-width:760px}.intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;min-height:560px}.intro .eyebrow{margin-bottom:25px}.intro h1 em{font-style:normal;color:var(--green)}.intro p{font-size:1rem;color:var(--muted);margin:21px 0 25px}.meta-row{display:flex;gap:13px;align-items:center;color:var(--muted);font-size:.84rem;margin:23px 0}.meta-row span+span:before{content:'·';margin-right:13px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:13px 24px;border-radius:6px;font-weight:500;font-size:.95rem;transition:background .2s,transform .2s}.btn:hover{transform:translateY(-1px)}.primary{background:var(--green);color:white}.primary:hover{background:#103c35}.secondary{background:transparent;border:1px solid var(--line);color:var(--ink)}.secondary:hover{background:var(--green-soft)}.link-btn{background:none;color:var(--muted);font-size:.88rem;padding:12px}.button-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.intro .button-row{margin:5px 0 17px}.fine-print{font-size:.76rem!important;color:var(--muted);line-height:1.7}.art-stage{position:relative;padding:38px 14px 35px;min-height:435px;isolation:isolate;display:flex;align-items:center;justify-content:center}.art-stage:before{content:'';position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:32px 32px;opacity:.4;mask-image:radial-gradient(ellipse,black 20%,transparent 72%);z-index:-1}.sample-card{border:1px solid #d4d7c9;background:var(--white);border-radius:8px;padding:12px;box-shadow:0 14px 30px #25363012;width:200px;transform:rotate(-9deg);position:relative;z-index:1;flex-shrink:0}.sample-card:nth-child(2){transform:translateY(-25px) rotate(2deg);z-index:3;margin-left:-53px}.sample-card:nth-child(3){transform:translateY(15px) rotate(11deg);z-index:2;margin-left:-53px}.portrait-wrap{background:#eeede4;aspect-ratio:4/5;overflow:hidden;position:relative;border-radius:3px}.portrait-wrap img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}.portrait-letter{height:100%;display:grid;place-items:center;font-family:var(--serif);font-size:4.8rem;letter-spacing:-.1em;color:#33574a}.portrait-label{position:absolute;top:12px;right:10px;writing-mode:vertical-rl;letter-spacing:.25em;color:#496053;font-family:var(--serif);font-size:.78rem}.sample-card .card-bottom{padding:14px 5px 6px;display:flex;justify-content:space-between;align-items:center}.card-bottom strong{font-family:var(--serif);font-size:1.15rem}.card-bottom span{color:var(--green);font-size:.88rem}.stage-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;color:var(--muted);font-size:.77rem}.section-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:28px 0 22px}.section-head h2{font-size:1.35rem}.section-head a{font-size:.85rem;color:var(--green)}.section-rule{border-top:1px solid var(--line);padding-top:13px;margin-top:25px}.mini-roster{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.mini-card{text-align:center;background:none;padding:0}.mini-card .portrait-wrap{aspect-ratio:1.25;filter:saturate(.85);border:1px solid var(--line)}.mini-card .portrait-wrap img{object-position:center 30%}.mini-card strong{display:block;font-family:var(--serif);margin:10px 0 3px;font-weight:600;font-size:1rem}.mini-card small{font-size:.73rem;color:var(--muted)}.mini-card:hover .portrait-wrap{border-color:var(--green)}.skip-link{position:absolute;left:20px;top:-70px;z-index:100;background:var(--white);padding:12px}.skip-link:focus{top:10px}#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;max-width:calc(100% - 32px);padding:13px 20px;border-radius:8px;font-size:.85rem;opacity:0;pointer-events:none;transition:opacity .2s;z-index:50}#toast.show{opacity:1}.page-heading{margin-bottom:30px}.page-heading .eyebrow{margin-bottom:15px}.page-heading h1{font-size:2.2rem}.page-heading p{margin-top:13px;color:var(--muted);font-size:.95rem}.back{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:.85rem;background:transparent;padding:10px 0;margin-bottom:15px}.panel{background:var(--white);border:1px solid var(--line);border-radius:9px;padding:28px}.tag{display:inline-flex;align-items:center;background:var(--green-soft);color:var(--green);font-size:.75rem;border-radius:3px;padding:4px 8px}.empty-state{text-align:center;padding:65px 25px}.empty-state p{margin:15px 0 25px;color:var(--muted)}
@media(min-width:1600px){.intro{min-height:620px}}@media(max-width:1199px){.page{margin:0 36px}.page.narrow{margin:0 auto;padding-left:28px;padding-right:28px}.site-footer{margin-left:36px;margin-right:36px}.intro{gap:25px}.sample-card{width:175px}.sample-card:nth-child(2),.sample-card:nth-child(3){margin-left:-50px}}@media(max-width:800px){.site-header{padding:20px 24px;flex-wrap:wrap;gap:17px}.site-header nav{gap:23px;font-size:.83rem}.brand{font-size:1.4rem}.page{margin:0 24px;padding-top:30px}.intro{gap:15px}.sample-card{width:146px;padding:8px}.sample-card:nth-child(2),.sample-card:nth-child(3){margin-left:-55px}.art-stage{min-height:355px}.card-bottom strong{font-size:1rem}.mini-roster{grid-template-columns:repeat(3,1fr);gap:23px 14px}.site-footer{margin-left:24px;margin-right:24px;flex-wrap:wrap}.site-footer p{display:none}}@media(max-width:600px){.site-header{padding:17px 20px 10px;gap:12px}.site-header nav{width:100%;justify-content:space-between;gap:8px;font-size:.8rem}.brand small{display:inline;margin-left:12px;letter-spacing:0}.seal{width:29px;height:33px;font-size:1.5rem}.brand{font-size:1.2rem}.page{margin:0 20px;padding-top:27px}.intro{grid-template-columns:1fr;gap:3px;min-height:0}.intro-copy{text-align:center}.intro .eyebrow{justify-content:center;font-size:.71rem;margin:5px 0 15px}.intro h1{font-size:2.4rem;line-height:1.4}.intro p{margin:16px 0;font-size:.9rem}.intro .meta-row,.intro .button-row{justify-content:center}.intro .fine-print{display:none}.intro .button-row .primary{min-width:200px}.art-stage{min-height:330px;padding:25px 0 40px}.sample-card{width:157px}.sample-card:nth-child(2),.sample-card:nth-child(3){margin-left:-54px}.section-head h2{font-size:1.2rem}.stage-caption{bottom:10px}.section-rule{margin-top:10px}.page.narrow{padding:25px 20px 0}.panel{padding:22px 18px}.page-heading h1{font-size:1.9rem}.page-heading p{font-size:.88rem}.site-footer{margin-top:48px}.btn{font-size:.88rem;min-height:48px}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.small{font-size:.8rem}.text-center{text-align:center}.portrait-wrap img{object-position:center top}.stage-caption>span{display:block;font-size:.7rem;margin-top:4px;color:#777c74}.quiz-page{padding-top:20px}.quiz-top{display:flex;justify-content:space-between;align-items:center;margin:12px 0 18px}.question-count{font-size:1.4rem;font-weight:600;color:var(--green)}.question-count span{font-size:.85rem;font-weight:400;color:var(--muted)}.progress-track{height:4px;background:var(--line);border-radius:5px;overflow:hidden}.progress-track>span{display:block;height:100%;background:var(--green);transition:width .2s}.domain-steps{display:flex;gap:24px;margin:17px 0 37px;color:#8a9088;font-size:.78rem}.domain-steps .current{color:var(--green);font-weight:600}.question-context{font-size:.83rem;color:var(--muted);margin-bottom:17px}.question-panel h1{font-size:1.85rem;line-height:1.7;min-height:100px;max-width:660px}.answers{border:0;padding:0;margin:27px 0 14px;display:grid;gap:10px}.answer-option{display:flex;align-items:center;gap:17px;padding:15px 20px;min-height:61px;background:var(--white);border:1px solid var(--line);border-radius:6px;cursor:pointer;font-size:.95rem;position:relative;transition:background .15s,border .15s}.answer-option:hover{border-color:#9fae9e}.answer-option input{position:absolute;opacity:0}.answer-option:has(input:focus-visible){outline:3px solid var(--gold);outline-offset:3px}.answer-option.selected{background:var(--green-soft);border-color:var(--green);color:var(--green)}.answer-number{color:var(--muted);font-size:.83rem;width:18px}.radio-visual{width:19px;height:19px;border:1px solid #b4bcb0;border-radius:50%;margin-left:auto;display:grid;place-items:center}.selected .radio-visual{border-color:var(--green);background:var(--green)}.selected .radio-visual:after{content:'';width:6px;height:6px;background:white;border-radius:50%}.skip-answer{display:block;margin:auto;background:none;color:var(--muted);font-size:.82rem;min-height:44px;padding:8px 20px;text-decoration:underline;text-underline-offset:5px}.skip-answer.chosen{color:var(--green);font-weight:600}.quiz-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:27px 0}.quiz-bottom p{font-size:.76rem;color:var(--muted);text-align:center;line-height:1.6}.result-header{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:16px 0 35px}.result-header h1{font-size:2.2rem;max-width:750px;margin-top:17px}.result-header p{font-size:.9rem;color:var(--muted);margin-top:16px}.result-stamp{font-family:var(--serif);writing-mode:vertical-rl;letter-spacing:.25em;border:2px solid var(--red);color:var(--red);padding:12px 8px;font-size:1.4rem;transform:rotate(5deg);flex-shrink:0}.result-overview{display:grid;grid-template-columns:.87fr 1.13fr;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--white)}.result-portrait{position:relative;background:#ecebe1;border-right:1px solid var(--line)}.result-portrait .portrait-wrap{aspect-ratio:1.03;border-radius:0}.result-portrait .portrait-wrap img{object-fit:contain}.result-portrait .portrait-label{font-size:1.05rem;top:30px;right:25px}.portrait-caption{padding:10px 30px 26px;text-align:center}.portrait-caption>span{font-size:.74rem;color:var(--muted);letter-spacing:.1em}.portrait-caption>strong{display:block;font:600 2.3rem var(--serif);margin:8px 0}.portrait-caption>p{font-size:.85rem;color:var(--muted)}.result-mix{padding:39px 42px;align-self:center}.mix-bars{margin:27px 0 24px}.mix-row{margin-bottom:25px}.mix-name{display:flex;align-items:baseline;gap:12px;margin-bottom:11px}.mix-rank{font-size:.72rem;color:var(--muted)}.mix-name a{font-family:var(--serif);font-weight:600;font-size:1.15rem}.mix-name small{font-size:.75rem;color:var(--muted)}.mix-name strong{font-size:1.8rem;font-weight:600;margin-left:auto;color:var(--green);font-variant-numeric:tabular-nums}.mix-name strong span{font-size:.9rem;margin-left:3px;font-weight:400}.mix-track{height:6px;background:#ebede5;border-radius:8px;overflow:hidden}.mix-track>span{display:block;height:100%;border-radius:8px}.result-quote{font-family:var(--serif);font-size:1.05rem;margin:17px 0}.result-mix .button-row{margin-top:26px;gap:10px}.result-mix .btn{padding:12px 17px;font-size:.87rem}.result-section{margin-top:42px}.match-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.match-card{background:var(--white);border:1px solid var(--line);border-radius:8px;padding:23px}.match-card-head{display:flex;align-items:center;gap:13px;margin-bottom:20px}.match-card-head .portrait-wrap{width:66px;height:66px;aspect-ratio:1;flex-shrink:0;border-radius:50%;border:1px solid var(--line)}.match-card h3{font-family:var(--serif);font-size:1.2rem}.match-card h3 span{font-family:var(--sans);font-size:.9rem;color:var(--green);font-weight:500;margin-left:5px}.match-card p,.match-card li{font-size:.85rem;line-height:1.9}.match-card ul{padding-left:19px;margin:17px 0}.match-card li+li{margin-top:5px}.match-watch{border-top:1px solid var(--line);padding-top:13px;color:var(--muted)}.match-watch span{display:block;font-size:.74rem;color:var(--red);margin-bottom:4px}.match-card>a{display:inline-block;color:var(--green);font-size:.78rem;margin-top:16px}.result-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.result-detail-grid h2{font-size:1.4rem}.axis-list{display:grid;gap:24px;margin:24px 0 10px}.axis-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.axis-heading strong{font-weight:500;font-size:.9rem}.axis-heading>span{font-size:.74rem;color:var(--green);text-align:right}.axis-endpoints{display:flex;justify-content:space-between;color:var(--muted);font-size:.73rem;margin-bottom:8px;gap:15px}.axis-track{height:8px;background:linear-gradient(90deg,#e7e1d3,#e5e9df,#c8d7c9);position:relative;border-radius:8px}.axis-dot{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--green);border:2px solid var(--white);top:-3px;transform:translateX(-50%);box-shadow:0 0 0 1px #174b4340}.axis-center{position:absolute;left:50%;height:8px;border-left:1px solid #adb8a7}.axis-track.unknown{background:repeating-linear-gradient(90deg,#e0e3da 0,#e0e3da 5px,transparent 5px,transparent 10px)}.tabs{display:flex;border-bottom:1px solid var(--line);gap:10px;margin:18px 0 24px}.tabs button{background:none;color:var(--muted);padding:12px 9px;font-size:.85rem;border-bottom:2px solid transparent;min-height:44px}.tabs button[aria-selected=true]{border-color:var(--green);color:var(--green);font-weight:600}.domain-symbol{font-family:var(--serif);font-size:3rem;color:#bcc8b8;display:block;margin-bottom:10px}.domain-panel h3{font-family:var(--serif);font-size:1.25rem;margin-bottom:13px}.domain-panel #domain-content>div>p{font-size:.9rem;color:var(--muted)}.conversation-tip{background:var(--green-soft);padding:17px 19px;border-left:2px solid var(--green);margin:22px 0}.conversation-tip>span{font-size:.75rem;color:var(--green)}.conversation-tip>p{font-family:var(--serif);font-size:1rem;margin-top:8px;line-height:1.9}.response-reminder p{font-size:.8rem;padding:10px 0;border-bottom:1px solid var(--line)}.response-reminder strong{display:block;font-size:.74rem;color:var(--green);font-weight:500}.domain-panel .fine-print{margin-top:23px}.evidence-details{margin-top:25px;border:1px solid var(--line);border-radius:7px;background:var(--white)}summary{cursor:pointer;font-size:.9rem;padding:18px 20px;line-height:1.8}summary span{font-size:.75rem;color:var(--muted);margin-left:18px}.answer-evidence{padding:0 25px 20px;display:grid;grid-template-columns:1fr 1fr;gap:25px}.answer-evidence h3{font-size:.95rem;margin-top:15px}.answer-evidence h3 small{color:var(--muted);font-size:.74rem;font-weight:400;margin-left:8px}.answer-evidence p{font-size:.8rem;border-bottom:1px solid var(--line);padding:10px 0}.answer-evidence p>span{display:block;color:var(--green);font-size:.73rem}.result-end{display:flex;align-items:center;justify-content:center;gap:17px;flex-wrap:wrap;margin:42px 0 23px}.shared-note{margin-top:18px}.roster-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.roster-card{background:var(--white);border:1px solid var(--line);padding:10px;border-radius:7px;transition:transform .2s,border .2s}.roster-card:hover{transform:translateY(-4px);border-color:#9fae9e}.roster-card .portrait-wrap{aspect-ratio:1}.roster-copy{padding:17px 12px 13px}.roster-copy h2{font-size:1.45rem;margin:4px 0}.roster-copy p{font-size:.8rem;color:var(--muted);margin-bottom:12px}.roster-note{text-align:center;margin-top:25px}.character-detail{display:grid;grid-template-columns:.8fr 1.2fr;gap:58px;align-items:start;margin-top:15px}.character-art .portrait-wrap{aspect-ratio:1;border:1px solid var(--line)}.character-art>span{display:block;margin-top:12px;text-align:center}.character-body h1{margin:15px 0 20px}.character-body h1>span{display:block;font-size:1.2rem;color:var(--muted);margin-top:8px;letter-spacing:-.02em}.character-intro{font-size:1rem}.character-strength{margin:25px 0}.character-strength h3{font-size:1rem}.character-strength li{font-size:.92rem;line-height:1.9}.character-strength p{font-size:.88rem;color:var(--muted)}.character-strength p strong{color:var(--red);font-weight:500}.domain-mini>div{display:grid;grid-template-columns:65px 1fr;gap:13px;border-top:1px solid var(--line);padding:14px 0}.domain-mini span{font-size:.79rem;color:var(--green);padding-top:3px}.domain-mini p{font-size:.88rem}.character-body>.btn{margin-top:23px}.character-axes .axis-list{grid-template-columns:1fr 1fr;gap:28px 55px}.chat-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.chat-input-panel .section-head{margin:0 0 23px}.chat-input-panel h2{font-size:1.25rem}.text-button{padding:8px 0;background:none;font-size:.78rem;color:var(--green);text-decoration:underline;text-underline-offset:4px;min-height:40px}.input-label{display:block;font-size:.78rem;color:var(--muted);margin-bottom:10px}textarea{display:block;width:100%;resize:vertical;min-height:335px;max-height:700px;border:1px solid var(--line);border-radius:5px;background:var(--paper);padding:17px;color:var(--ink);font-size:.9rem;line-height:1.9}textarea::placeholder{color:#949c90}.input-meta{display:flex;justify-content:space-between;gap:13px;font-size:.7rem;color:var(--muted);margin:10px 0}.privacy-note{display:flex;align-items:start;gap:13px;background:var(--green-soft);padding:15px;border-radius:5px;margin:23px 0}.privacy-note>span{color:var(--green);font-size:1.2rem}.privacy-note p{font-size:.75rem;line-height:1.9;color:#56674f}.privacy-note strong{font-weight:500;color:var(--green)}.chat-input-panel .button-row{gap:7px}.chat-input-panel .btn{font-size:.83rem;padding:12px 17px}.error-message{font-size:.84rem;color:var(--red);margin-top:13px}.format-help{border-top:1px solid var(--line);margin-top:21px}.format-help summary{font-size:.76rem;padding:15px 0}.format-help p{font-size:.78rem;color:var(--muted);margin-bottom:12px}.chat-empty{text-align:center;padding:28px 25px 42px}.empty-hanja{font-family:var(--serif);font-size:5rem;color:#cbd1c0;display:block;line-height:1.3;margin-bottom:20px}.chat-empty h2{font-size:1.65rem}.chat-empty p{font-size:.86rem;color:var(--muted);margin:20px 0}.empty-example{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:21px 10px;margin:28px 0;font-family:var(--serif);font-size:.95rem}.empty-example small{display:block;font-family:var(--sans);font-size:.75rem;color:var(--green);margin-top:10px}.chat-empty .btn{font-size:.85rem}.chat-report-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px;font-size:.86rem}.anonymous-toggle{display:flex;align-items:center;gap:7px;font-size:.76rem;color:var(--muted)}.anonymous-toggle input{accent-color:var(--green);width:16px;height:16px}.speaker-tabs{display:flex;gap:8px;margin:0 0 18px;flex-wrap:wrap}.speaker-tabs button{background:var(--white);border:1px solid var(--line);border-radius:5px;padding:10px 14px;font-size:.85rem;min-height:44px;word-break:break-all}.speaker-tabs button span{margin-left:9px;color:var(--muted);font-size:.74rem}.speaker-tabs button[aria-selected=true]{color:var(--green);border-color:var(--green);background:var(--green-soft)}.speaker-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.speaker-heading .eyebrow{font-size:.67rem;letter-spacing:.03em}.speaker-heading h2{font-size:1.65rem;margin-top:12px}.chat-match{display:flex;gap:17px;align-items:center;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:14px}.chat-match .portrait-wrap{width:78px;height:88px;aspect-ratio:auto;flex-shrink:0}.chat-match h3{font-family:var(--serif);font-size:1.1rem;margin:7px 0}.chat-match p{font-size:.8rem;color:var(--muted)}.insufficient{background:#f0eee6;padding:16px;border-radius:5px;margin:16px 0}.insufficient strong{font-size:.85rem;font-weight:500}.insufficient p,.insufficient>span{font-size:.74rem;color:var(--muted);line-height:1.8;margin-top:8px;display:block}.cue-list{display:grid;gap:23px}.cue-item>div{display:flex;justify-content:space-between;gap:13px;font-size:.85rem}.cue-item>div>span{font-size:.75rem;color:var(--green);text-align:right}.cue-item>div>strong{font-weight:500}.cue-item blockquote{border-left:2px solid #cdd7c4;margin:12px 0 0;padding:2px 0 2px 13px;font-size:.83rem;line-height:1.9;overflow-wrap:anywhere}.cue-item cite{display:block;font-style:normal;color:var(--muted);font-size:.7rem;margin-top:5px}.chat-context{border-top:1px solid var(--line);padding-top:17px;margin-top:25px}.no-cues p{font-size:.88rem;margin-bottom:9px}.method-section{margin:35px 0;padding-bottom:30px;border-bottom:1px solid var(--line)}.method-section h2{font-size:1.4rem;margin-bottom:18px}.method-section>p{font-size:.94rem;margin:15px 0;color:#586257}.framework-list{margin:25px 0;display:grid;gap:12px}.framework-list article{background:var(--white);border:1px solid var(--line);border-radius:7px;padding:20px}.framework-list article>div{display:flex;align-items:center;justify-content:space-between;gap:15px}.framework-list h3{font-size:1rem}.framework-list article>div>span{font-size:.78rem;color:var(--muted)}.framework-list p{font-size:.85rem;margin:12px 0}.framework-list a{font-size:.75rem;color:var(--green);text-decoration:underline;text-underline-offset:4px}.method-axes{margin:25px 0;display:grid;grid-template-columns:1fr 1fr;gap:15px}.method-axes>div{padding:17px;background:var(--green-soft);border-radius:5px}.method-axes strong{display:block;font-size:.9rem;font-weight:500}.method-axes span{display:block;font-size:.8rem;color:var(--green);margin:8px 0}.method-axes p{font-size:.75rem;color:var(--muted)}.method-section ol{padding-left:23px}.method-section li{padding-left:4px;margin:13px 0;font-size:.9rem;line-height:1.9}
@media(max-width:1050px){.result-mix{padding:30px 27px}.match-cards{gap:13px}.match-card{padding:19px}.chat-layout{gap:20px}.chat-input-panel,.speaker-report{padding:22px}.roster-grid{gap:18px}.character-detail{gap:33px}.mix-name{gap:9px}.mix-name small{display:none}}@media(max-width:800px){.match-cards{grid-template-columns:1fr}.match-card{padding:24px}.match-card-head{margin-bottom:13px}.match-card p{font-size:.9rem}.result-detail-grid{gap:17px}.chat-layout{grid-template-columns:1fr}.chat-empty{padding:40px 25px}.roster-grid{grid-template-columns:repeat(3,1fr)}.character-detail{grid-template-columns:.7fr 1fr;gap:27px}.character-body .character-intro{font-size:.9rem}.character-strength li{font-size:.85rem}.result-header h1{font-size:1.8rem}.result-overview{grid-template-columns:.8fr 1.2fr}.result-portrait .portrait-wrap{aspect-ratio:.85}.result-portrait{display:flex;flex-direction:column;justify-content:center}.portrait-caption{padding:15px 10px 25px}.portrait-caption>strong{font-size:1.9rem}.result-mix .button-row .btn{flex:1}.result-mix .button-row{flex-wrap:wrap}.result-mix{padding:25px}.result-mix .btn{font-size:.76rem;padding:12px}.result-quote{font-size:.9rem}.speaker-report{padding:27px}}
@media(max-width:600px){.question-panel h1{font-size:1.5rem;min-height:104px;line-height:1.7}.question-context{font-size:.78rem;min-height:42px}.domain-steps{gap:0;justify-content:space-between;font-size:.67rem;margin-bottom:28px}.question-count{font-size:1.2rem}.answers{margin-top:22px;gap:9px}.answer-option{min-height:59px;font-size:.9rem;padding:14px 16px}.quiz-bottom{gap:10px}.quiz-bottom p{font-size:.68rem}.quiz-bottom .btn{padding:12px 15px;font-size:.8rem}.result-header{gap:12px;margin:10px 0 25px}.result-header h1{font-size:1.65rem;margin-top:14px}.result-header p{font-size:.78rem}.result-stamp{font-size:1.05rem;padding:8px 5px}.result-overview{grid-template-columns:1fr}.result-portrait{border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;align-items:center}.result-portrait .portrait-wrap{aspect-ratio:1;border-radius:0}.portrait-caption{padding:15px 10px}.portrait-caption>span{font-size:.65rem}.portrait-caption>strong{font-size:1.65rem}.portrait-caption>p{font-size:.72rem;word-break:keep-all}.result-portrait .portrait-label{font-size:.72rem;top:17px;right:10px}.result-mix{padding:24px}.mix-bars{margin:18px 0 20px}.mix-row{margin-bottom:18px}.mix-name strong{font-size:1.5rem}.mix-name a{font-size:1.1rem}.mix-name small{display:inline;font-size:.68rem}.result-quote{font-size:1rem}.result-mix .btn{font-size:.85rem;padding:12px 15px}.result-section{margin-top:32px}.result-detail-grid{grid-template-columns:1fr}.section-head>.small{font-size:.7rem}.match-card{padding:23px}.answer-evidence{grid-template-columns:1fr;gap:10px;padding:0 18px 20px}.evidence-details summary{font-size:.8rem;padding:15px}.evidence-details summary>span{display:none}.result-end{gap:7px}.result-end .btn{font-size:.8rem}.roster-grid{grid-template-columns:repeat(2,1fr);gap:14px}.roster-card{padding:7px}.roster-copy{padding:13px 6px 10px}.roster-copy h2{font-size:1.25rem}.roster-copy p{font-size:.72rem;word-break:keep-all;min-height:38px;line-height:1.7;margin:4px 0 8px}.roster-copy .tag{font-size:.67rem}.character-detail{grid-template-columns:1fr;gap:30px}.character-art{max-width:360px;margin:auto}.character-body h1{font-size:2.35rem}.character-body .character-intro{font-size:1rem}.character-body h1>span{font-size:1.15rem}.character-axes .axis-list{grid-template-columns:1fr;gap:23px}.chat-input-panel,.speaker-report{padding:22px 18px}.chat-input-panel h2{font-size:1.1rem}.input-meta{font-size:.65rem;flex-wrap:wrap}textarea{font-size:1rem;min-height:300px;padding:13px}.chat-report-top{font-size:.8rem}.privacy-note{padding:13px;gap:9px}.privacy-note p{font-size:.73rem}.chat-input-panel .button-row{gap:10px}.chat-input-panel .button-row .btn{font-size:.82rem;flex:1}.chat-input-panel .button-row .link-btn{font-size:.76rem;padding:12px 5px}.speaker-report .eyebrow{font-size:.64rem}.speaker-heading{gap:10px}.speaker-heading .tag{font-size:.65rem}.cue-item>div{flex-wrap:wrap;gap:4px}.cue-item blockquote{font-size:.8rem}.method-section h2{font-size:1.23rem}.framework-list article>div{display:block}.framework-list article>div>span{display:block;margin-top:7px}.method-axes{grid-template-columns:1fr}.method-section>p{font-size:.88rem}.axis-heading>span{font-size:.71rem}.site-footer a{font-size:.72rem}}
@media(max-width:360px){.domain-steps{font-size:.61rem}.site-header nav{font-size:.74rem}.beta{display:none}.sample-card{width:145px}.intro h1{font-size:2.1rem}.mini-card small{font-size:.67rem}.result-mix{padding:19px}.mix-name small{display:none}.quiz-bottom p{display:none}.quiz-bottom .btn{flex:1}}
.site-header nav{flex-wrap:wrap}.intro-copy,.art-stage,.result-mix,.result-portrait,.chat-input-panel,.chat-results,.domain-panel,.character-body{min-width:0}.question-panel .answer-option{font-size:1rem}.axis-heading{flex-wrap:wrap}.speaker-heading{flex-wrap:wrap}
@media(max-width:600px){.art-stage{min-height:350px;padding-top:28px;padding-bottom:68px}.sample-card{width:clamp(110px,34vw,155px)}.sample-card:nth-child(2),.sample-card:nth-child(3){margin-left:-49px}.stage-caption{bottom:9px}.site-header nav a{min-height:44px;display:flex;align-items:center}.domain-steps{flex-wrap:wrap;gap:8px}.quiz-bottom{flex-wrap:wrap}}
@media(min-width:601px) and (max-width:900px){.intro{grid-template-columns:1fr;gap:8px;min-height:0}.intro-copy{text-align:center}.intro .eyebrow,.intro .meta-row,.intro .button-row{justify-content:center}.art-stage{width:100%;max-width:560px;margin-inline:auto}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* v2 extends the original paper, ink and portrait language. */
.quiz-guide{margin:18px 0 25px;color:var(--muted);font-size:.9rem}.tradeoff-options{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0 30px}.tradeoff-options>div{padding:18px;border:1px solid var(--line);border-radius:6px;background:var(--white)}.tradeoff-options>div>span{font-family:var(--serif);color:var(--green);font-weight:700;font-size:1.3rem}.tradeoff-options p{font-size:1rem;line-height:1.75;margin-top:6px;word-break:keep-all;overflow-wrap:anywhere}.three-options{grid-template-columns:1fr}.three-options>div{display:flex;align-items:baseline;gap:18px}.channel-field{border:0;padding:0;margin:0 0 26px;min-width:0}.channel-field legend{font-weight:700;font-size:1rem;color:var(--green);padding:0}.channel-field>p{font-size:.9rem;color:var(--muted);margin:7px 0 13px}.choice-scale{display:grid;grid-template-columns:repeat(var(--choice-count),minmax(0,1fr));gap:8px}.scale-option{position:relative;display:flex;align-items:center;justify-content:center;min-height:64px;border:1px solid var(--line);border-radius:5px;background:var(--white);padding:9px;text-align:center;cursor:pointer;font-size:.9rem}.scale-option input{position:absolute;opacity:0;width:1px;height:1px}.scale-option:has(input:focus-visible){outline:3px solid var(--gold);outline-offset:3px}.scale-option.selected{border-color:var(--green);background:var(--green-soft);color:var(--green);font-weight:700}.scale-option:hover{border-color:var(--green)}.channel-field .skip-answer{font-size:.875rem;margin-top:8px}.v2-result .result-mix h2{font-size:1.6rem;margin:15px 0}.v2-result .result-mix>p{margin:14px 0;font-size:1rem}.v2-tabs{flex-wrap:wrap;gap:8px;margin-bottom:28px}.v2-tabs button{padding:12px 17px;font-size:.95rem;min-height:48px;flex:none}.trait-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px;margin-top:26px}.trait-card{padding:18px 0;border-top:1px solid var(--line);min-width:0}.trait-card .axis-heading strong{font-size:1rem}.trait-card .axis-heading span{font-size:.875rem}.trait-card .axis-endpoints{font-size:.875rem;gap:15px}.trait-status{font-size:.875rem;color:var(--muted);margin-top:12px}.trait-status>span{display:block;font-size:.8125rem}.trait-range{position:absolute;top:0;height:100%;background:#a9bca9;opacity:.65}.axis-track{position:relative}.domain-match{display:flex;gap:22px;align-items:center;margin-bottom:22px}.domain-match .portrait-wrap{width:112px;flex-shrink:0;aspect-ratio:1}.domain-match h3{font-family:var(--serif);font-size:1.8rem;margin:9px 0}.domain-match h3 small{display:block;font-family:var(--sans);font-weight:400;font-size:.9rem;color:var(--muted)}.domain-match p{font-size:.875rem;color:var(--muted)}.reason-block h4{font-size:.95rem;margin:20px 0 8px;color:var(--green)}.reason-block h4:nth-of-type(2){color:var(--red)}.reason-block ul{padding-left:19px;margin:0}.reason-block li{font-size:1rem;line-height:1.8;margin:8px 0;word-break:keep-all;overflow-wrap:anywhere}.conflict-distribution{margin-top:14px;display:grid;gap:12px}.conflict-distribution>div{display:grid;grid-template-columns:1fr auto;gap:7px;font-size:.875rem}.conflict-distribution .mix-track{grid-column:1/-1;height:5px}.conflict-distribution .mix-track span{background:var(--green)}.switch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.switch-card{padding:24px;background:var(--white);border:1px solid var(--line);border-radius:7px;min-width:0}.switch-card h3{font-size:1.1rem;margin:15px 0;line-height:1.8}.v2-result .fine-print{font-size:.875rem!important}.adaptation-list{padding:0 24px 24px;display:grid;gap:16px}.adaptation-list>p{padding-top:15px;border-top:1px solid var(--line);font-size:.95rem}.cost-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:22px}.cost-grid h3{font-size:1rem;color:var(--red);margin-bottom:10px}.cost-grid p{font-size:1rem}.overall-summary{max-width:760px}.overall-summary .mix-bars{margin-top:0}.overall-summary>p{font-size:.95rem;margin-top:15px}.overall-cards{margin-top:23px}.overall-cards .match-card .reason-block li{font-size:.95rem}.result-actions{margin:25px 0 17px}.source-links{margin-top:20px;display:flex;gap:14px;flex-wrap:wrap;font-size:.9rem;color:var(--green);text-decoration:underline}.domain-prototypes{display:grid;gap:20px;margin-top:22px}.domain-prototypes p{font-size:.95rem}.method-page a:not(.btn):not(.back){text-decoration:underline;text-underline-offset:4px}.intro .fine-print{display:block}.intro .meta-row{flex-wrap:wrap}.question-panel h1{min-height:0}.v2-result [id$='heading']{scroll-margin-top:25px}.v2-result .match-card-head .portrait-wrap{aspect-ratio:1}.v2-result .result-portrait img{object-fit:contain}.character-art .portrait-wrap{aspect-ratio:1}.character-art .portrait-wrap img{object-fit:contain}
@media(max-width:800px){.cost-grid{grid-template-columns:1fr}.v2-result .result-overview{grid-template-columns:1fr 1.2fr}.trait-grid{gap:15px 20px}.switch-grid{grid-template-columns:1fr}}
@media(max-width:600px){.tradeoff-options{gap:10px;grid-template-columns:1fr}.tradeoff-options>div{display:flex;gap:13px;align-items:baseline;padding:15px}.tradeoff-options p{margin:0;font-size:1rem}.choice-scale{gap:5px}.scale-option{padding:8px 3px;min-height:62px;font-size:.875rem}.channel-field>p{font-size:.9rem}.quiz-guide{font-size:.875rem}.trait-grid{grid-template-columns:1fr}.v2-result .result-overview{grid-template-columns:1fr}.v2-tabs button{flex:1 0 calc(33.333% - 8px);padding:11px 6px;font-size:.9rem}.domain-match{gap:15px;align-items:flex-start}.domain-match .portrait-wrap{width:85px}.domain-match h3{font-size:1.5rem}.domain-match .tag{font-size:.8125rem}.domain-match p{font-size:.8125rem}.switch-card{padding:21px}.adaptation-list{padding:0 18px 20px}.v2-result .result-mix h2{font-size:1.4rem}.quiz-bottom .btn{min-width:105px}.intro .meta-row{font-size:.8rem;gap:8px}.intro .meta-row span+span:before{margin-right:8px}}
/* Language controls and room for natural English and Japanese copy. */
.site-header{flex-wrap:wrap;column-gap:22px}.site-header nav{margin-left:auto;gap:20px}.language-control{flex:none}.language-control select{min-height:42px;max-width:120px;padding:8px 27px 8px 11px;border:1px solid var(--line);border-radius:5px;color:var(--green);background:var(--white);font-size:.82rem}.brand small{white-space:normal;max-width:240px}.empty-mark{font-family:var(--serif);font-size:5rem;color:#cbd1c0;display:block;line-height:1.3;margin-bottom:20px}.btn{text-align:center;overflow-wrap:anywhere}.tabs button,.tag{overflow-wrap:anywhere}.result-stamp{display:none}.portrait-label{display:none}.domain-mini>div{grid-template-columns:minmax(65px,auto) 1fr}.site-footer>span{white-space:nowrap}.site-footer p{min-width:0}.mix-name{flex-wrap:wrap}.mix-name a{overflow-wrap:anywhere}.mix-name strong{white-space:nowrap}.art-stage .card-bottom strong{font-size:clamp(.78rem,1.2vw,1.1rem);line-height:1.4}.art-stage .card-bottom{gap:5px}.art-stage .card-bottom span{flex:none}
html[lang="en"] h1,html[lang="en"] h2,html[lang="en"] h3{word-break:normal;letter-spacing:-.035em}html[lang="en"] .eyebrow{letter-spacing:.04em}html[lang="en"] .intro h1{font-size:clamp(2rem,3.8vw,3.3rem)}html[lang="en"] .intro p{max-width:40em}html[lang="en"] .trait-card .axis-endpoints{font-size:.8rem}html[lang="ja"]{--sans:'Hiragino Kaku Gothic ProN','Yu Gothic','Noto Sans JP',sans-serif;--serif:'Hiragino Mincho ProN','Yu Mincho','Noto Serif JP',serif}html[lang="ja"] h1,html[lang="ja"] h2,html[lang="ja"] h3,html[lang="ja"] .reason-block li,html[lang="ja"] .tradeoff-options p{word-break:normal;overflow-wrap:anywhere}
@media(max-width:1050px){.site-header{column-gap:18px}.site-header nav{order:3;width:100%;justify-content:center;gap:25px}.language-control{margin-left:auto}.brand small{max-width:none}}@media(max-width:600px){.site-header{padding:17px 20px 10px;gap:12px}.site-header nav{justify-content:space-between;gap:6px;margin:0;font-size:.78rem}.site-header nav a{white-space:normal;text-align:center;justify-content:center;line-height:1.4;flex:1;min-width:0}.brand small{display:block;margin-left:0;max-width:185px;font-size:.6rem}.language-control select{font-size:.75rem;min-height:40px;max-width:105px}.brand{gap:9px;font-size:1.13rem}.seal{font-family:sans-serif;font-weight:600}.art-stage .card-bottom strong{font-size:.85rem}.art-stage .card-bottom span{font-size:.75rem}.domain-mini>div{grid-template-columns:85px 1fr}.section-head{align-items:flex-start;flex-wrap:wrap}.quiz-bottom .btn{max-width:100%}.choice-scale .scale-option{line-height:1.45}.v2-tabs button{min-width:0;line-height:1.45}.meta-row span+span:before{display:none}.intro .meta-row{column-gap:13px;row-gap:7px}.result-mix .button-row .btn{flex-basis:100%}.site-footer{align-items:flex-start}.site-footer>a{max-width:65%;text-align:right}html[lang="en"] .choice-scale{gap:4px}html[lang="en"] .scale-option{font-size:.76rem}html[lang="en"] .v2-tabs button{font-size:.8rem}html[lang="en"] .mini-card small{font-size:.67rem}html[lang="en"] .intro .eyebrow{font-size:.67rem}html[lang="en"] .intro h1{font-size:2.1rem}html[lang="en"] .stage-caption{font-size:.7rem}html[lang="ja"] .intro h1{font-size:2.1rem}}