@import url('/fonts/fonts.css');
:root{--ink:#173d46;--muted:#56676b;--paper:#fffdf7;--line:#bdc7c6;--accent:#edb94e;--bg:#f0efe9}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font:17px/1.75 'Noto Sans SC',system-ui,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #bf6722;outline-offset:4px}a{color:inherit}h1,h2,h3,h4,p{margin-top:0}h1{font-size:clamp(36px,5.6vw,72px);line-height:1.2;letter-spacing:-.035em}h2{font-size:28px;line-height:1.4}h3{font-size:22px}h4{margin:24px 0 8px}em{font-style:normal;background:linear-gradient(transparent 65%,var(--accent) 0)}small,.fine{font-size:14px;color:var(--muted)}.fine{line-height:1.8}.masthead{max-width:1180px;margin:auto;padding:26px 30px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:750}.brand-symbol{font-size:30px;background:var(--ink);color:var(--accent);width:52px;text-align:center;border-radius:50%}.brand small{display:block;font-size:10px;letter-spacing:.16em}main{max-width:1120px;margin:0 auto;padding:48px 24px 70px}.eyebrow{font-size:12px;letter-spacing:.13em;font-weight:700;margin-bottom:24px}.intro{font-size:23px;line-height:1.7}.hero{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.specs{display:flex;flex-wrap:wrap;gap:8px}.specs span{border:1px solid var(--line);border-radius:30px;padding:5px 12px;font-size:12px}.desk-map{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:#dfe6e4;padding:22px;border:1px solid var(--line);border-radius:22px}.map-heading{grid-column:span 2;font-weight:700;display:flex;justify-content:space-between;align-items:center}.map-heading span{font-size:9px;letter-spacing:.1em}.task-note{min-height:205px;border:1px solid #abb8b6;padding:18px;position:relative;box-shadow:3px 4px 0 #173d4610;border-radius:2px 18px 2px 2px}.task-note b{font-size:23px;display:block;margin:14px 0 6px}.task-note p{font-size:14px;max-width:140px}.note-mark{position:absolute;right:14px;bottom:5px;font-size:34px}.tone-0{background:#f6edc7}.tone-1{background:#e3ede8}.tone-2{background:#e1e8f0}.tone-3{background:#f0e2da}.desk-map>.fine{grid-column:span 2;margin:0}.entry{margin-top:45px;background:var(--ink);color:white;border-radius:16px;padding:30px;display:flex;align-items:center;gap:24px;justify-content:space-between;flex-wrap:wrap}.entry p{margin-bottom:8px}.entry .secondary{color:var(--ink);background:#fffdf7}.entry .error{flex-basis:100%;color:#ffdeb5}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:50px 0 30px}.benefits>div{padding-top:18px;border-top:3px solid var(--ink)}.benefits span{font-size:12px}.benefits h3{margin:15px 0}.benefits p{font-size:16px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:13px 24px;border-radius:8px;font-weight:700;border:1px solid var(--ink);text-decoration:none}.primary{background:var(--ink);color:#fff}.secondary{background:transparent;color:var(--ink)}.quiet{background:none;border:0;color:var(--ink);padding:10px;font-size:14px}.wide{width:100%}.welcome{max-width:670px;margin:auto;background:var(--paper);border:1px solid var(--line);padding:36px;border-top:8px solid var(--accent)}.welcome h1{font-size:46px}.quota{display:flex;justify-content:space-between;gap:12px;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:15px}.agreement{display:flex;align-items:flex-start;gap:12px;font-size:14px;margin:24px 0}.agreement input{flex-shrink:0;width:20px;height:20px;accent-color:var(--ink)}#start{font-size:21px;min-height:62px;background:var(--accent);color:var(--ink);border:0}.welcome>.fine{margin:15px 0 0}.records{max-width:670px;margin:36px auto}.folio-title{display:flex;justify-content:space-between;align-items:center}.history-list{list-style:none;padding:0}.history-list button{display:flex;justify-content:space-between;width:100%;text-align:left;padding:18px;background:var(--paper);border:1px solid var(--line);border-bottom:0;color:var(--ink)}.history-list li:last-child button{border-bottom:1px solid var(--line)}.history-list small{display:block}.quiz-head{display:flex;justify-content:space-between;align-items:center;font-size:14px;max-width:760px;margin:auto}.progress{height:5px;background:#d7dfdc;max-width:760px;margin:12px auto 30px}.progress span{display:block;background:var(--ink);height:100%;transition:width .2s}.question-card{max-width:760px;margin:auto;background:var(--paper);padding:34px;border:1px solid var(--line);border-left:6px solid var(--accent)}.page-number{font-size:13px;color:var(--muted);margin-bottom:18px}.question{font-size:29px;line-height:1.65;letter-spacing:0;outline:none}.options{display:grid;gap:10px;margin:28px 0}.option{display:flex;text-align:left;gap:15px;align-items:center;min-height:52px;padding:12px 18px;border:1px solid #aebebb;border-radius:6px;background:transparent;color:var(--ink)}.dot{width:17px;height:17px;border:1px solid var(--ink);border-radius:50%;flex-shrink:0}.option[aria-pressed=true]{background:var(--ink);color:white}.option[aria-pressed=true] .dot{background:var(--accent);border-color:var(--accent)}.option.na{font-size:14px;border-style:dashed}.quiz-nav{display:flex;justify-content:space-between;gap:14px}.save-state{text-align:center}.index-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:20px}.index-grid button{padding:14px;border:1px solid var(--line);background:#fff}.index-grid .answered{background:var(--ink);color:white}.index-grid .current{outline:3px solid var(--accent)}.result-top{display:flex;justify-content:space-between;max-width:830px;margin:auto auto 20px}.report{max-width:830px;margin:auto;background:var(--paper);border:1px solid var(--line);overflow-wrap:anywhere}.report-cover{padding:46px;background:#e4eae6;border-top:10px solid var(--accent)}.report-cover h1{font-size:42px;margin:22px 0}.cover-symbol{display:block;font-size:75px;line-height:1.1;color:#53756c}.report-cover p{max-width:620px}.boundary-note{padding:18px;background:#f7edcc;border:1px solid #d8bb67;font-size:15px}.chapter{padding:32px 42px;border-bottom:1px solid var(--line)}.chapter-label{font-size:11px;letter-spacing:.15em;margin-bottom:13px;color:var(--muted)}.dimension-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dimension{padding:20px;border-radius:4px}.dimension h3{margin:10px 0}.dimension strong{font-size:16px}.dimension p{font-size:15px;margin-top:14px;margin-bottom:0}.clue{padding:22px;border-left:3px solid #6c9287;background:#f1f4ee;margin-top:20px}.quoted-question{font-weight:600;margin-top:12px}.answer-label{font-size:14px;color:#587067;display:block;margin-bottom:12px}.profile-section+.profile-section{border-top:1px solid var(--line);margin-top:36px;padding-top:30px}.next-sentence{padding:20px;background:#f6edc7}.next-sentence p{margin:0}.report-foot{padding:32px 42px}.source-list{font-size:13px;color:var(--muted)}.end-mark{padding-top:26px;margin-top:28px;border-top:1px solid var(--line);font-size:13px;text-align:center}.toolbar,.result-extras{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:25px auto}.share-paper{max-width:630px}.share-paper blockquote{font-size:27px;margin:35px 0 0;border-left:4px solid var(--accent);padding-left:22px}.card-export{position:fixed;left:-10000px;top:0;width:630px}.site-footer{border-top:1px solid var(--line);padding:30px;text-align:center;display:flex;gap:16px;flex-direction:column;align-items:center}.site-footer small{font-size:12px}.loading{padding:60px;text-align:center}dialog{width:min(620px,calc(100% - 28px));max-height:90dvh;border:1px solid var(--line);border-radius:12px;padding:30px;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#132e37a0}.close-x{float:right;background:none;border:0;font-size:28px;color:var(--ink)}.modal-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.image-scroll{max-height:45vh;overflow:auto;border:1px solid var(--line)}.image-preview{display:block;width:100%}#share-link{width:100%;padding:12px}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:15px 22px;border-radius:10px;max-width:92vw;z-index:99}.error{color:#9b321e}
@media(max-width:700px){body{font-size:16px}.masthead{padding:18px}.brand-symbol{width:40px;font-size:24px}.brand{font-size:16px}.masthead .quiet{font-size:12px}main{padding:30px 18px 45px}.hero{grid-template-columns:1fr;gap:28px}.hero h1{font-size:48px}.intro{font-size:20px}.desk-map{padding:15px;gap:10px}.task-note{padding:13px;min-height:185px}.task-note b{font-size:20px}.task-note p{font-size:13px}.entry{padding:24px}.entry h2{font-size:23px}.benefits{grid-template-columns:1fr;gap:20px}.benefits h3{font-size:22px}.welcome{padding:24px 20px}.welcome h1{font-size:39px}.agreement{margin:18px 0}.records h2{font-size:23px}.question-card{padding:22px 18px}.question{font-size:24px;line-height:1.6}.question-card>.fine{font-size:13px}.options{margin-top:20px}.quiz-nav .primary{padding:12px 18px}.report-cover{padding:28px 22px}.report-cover h1{font-size:33px}.chapter,.report-foot{padding:26px 22px}.chapter h2{font-size:24px}.dimension-list{grid-template-columns:1fr}.dimension{padding:18px}.clue{padding:18px}.toolbar{flex-direction:column}.share-paper blockquote{font-size:24px}.quota{font-size:13px}.result-top{font-size:14px}.folio-title h2{margin:0}dialog{padding:22px}}