@import url('/base.css');
:root{--ink:#243e50;--muted:#627582;--paper:#fffdf7;--blue:#eaf0f3;--line:#c8d4db;--orange:#f5d2b4;--accent:#244d63;color:var(--ink);background:var(--blue);font-family:'Noto Sans SC',sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.48;cursor:default}a{color:inherit;text-underline-offset:4px}h1,h2,h3,p{overflow-wrap:anywhere}h1{font-size:clamp(36px,6vw,66px);line-height:1.35;letter-spacing:-.035em;margin:20px 0}h2{font-size:26px;line-height:1.5}h3{font-size:19px;line-height:1.6}p{line-height:1.95}small,.fine{font-size:13px;line-height:1.85;color:var(--muted)}.masthead{max-width:1100px;margin:auto;padding:24px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:23px;font-weight:700}.brand small{display:block;font-size:9px;letter-spacing:2px}.brand-symbol{display:grid;place-items:center;width:45px;height:42px;border-radius:15px 15px 15px 3px;background:var(--ink);color:var(--orange);font-size:45px}main{max-width:1000px;margin:auto;padding:28px 24px 60px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;padding:20px 0 55px}.hero h1 span,.welcome h1 span{background:linear-gradient(transparent 60%,var(--orange) 60%)}.intro{font-size:18px}.specs,.quota{display:flex;gap:16px;flex-wrap:wrap;font-size:14px}.specs span{border-top:1px solid var(--ink);padding-top:10px}.conversation-art{background:#dce7eb;border-radius:40px;padding:32px 22px}.conversation-art>small{display:block;text-align:center}.bubble{max-width:85%;padding:20px 24px;font-size:22px;line-height:1.7;margin-top:26px;box-shadow:0 5px 0 #c8d5dc}.incoming{background:var(--paper);border-radius:22px 22px 22px 3px}.outgoing{background:var(--orange);margin-left:auto;border-radius:22px 22px 3px 22px}.under-words{text-align:center;margin-top:35px}.under-words span{display:block;font-size:12px;margin-bottom:10px}.entry{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:28px;display:flex;gap:24px;align-items:center;justify-content:space-between}.entry h2{margin:8px 0}.field-section{margin-top:48px}.concerns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.concerns>div{padding:22px;border-bottom:1px solid #aabecb}.concerns span{font-size:12px;color:var(--muted)}.primary,.secondary,.quiet{border-radius:12px;padding:15px 22px;font-weight:600;line-height:1.5;min-height:48px}.primary{background:var(--ink);color:white;border:2px solid var(--ink);box-shadow:0 4px 0 #b8cbd5}.secondary{background:var(--paper);border:1px solid var(--ink);color:var(--ink)}.quiet{background:transparent;border:1px solid var(--line);color:var(--ink)}.wide{width:100%}.error{color:#943d26;background:#fff0e7;padding:12px;border-radius:8px}.loading{text-align:center;padding:70px 10px}.welcome{max-width:650px;margin:auto;background:var(--paper);border:1px solid var(--line);padding:32px;border-radius:28px}.welcome h1{font-size:42px}.welcome h1 span{display:inline-block}.verified{color:#2b6752}.quota{justify-content:space-between;background:var(--blue);padding:15px;border-radius:12px}.agreement{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.8;margin:22px 0}.agreement input{width:20px;height:20px;flex-shrink:0;accent-color:var(--ink)}#start{font-size:22px;padding:18px}.records{max-width:650px;margin:32px auto}.folio-title{display:flex;align-items:center;justify-content:space-between}.history-list{list-style:none;padding:0}.history-list button{display:flex;justify-content:space-between;gap:12px;width:100%;padding:18px 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);text-align:left}.history-list small{display:block;margin-top:8px}.quiz-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.progress{height:6px;background:#cbd8df;border-radius:5px;margin:18px 0}.progress>span,.progress>div{display:block;height:100%;background:var(--ink);border-radius:5px}.question-card{max-width:680px;margin:auto;background:var(--paper);border:1px solid var(--line);border-radius:25px;padding:30px}.page-number{font-size:12px;letter-spacing:2px;color:var(--muted)}.question{font-size:24px;line-height:1.7;margin:20px 0 28px}.options{display:grid;gap:10px}.option{display:flex;align-items:center;gap:14px;text-align:left;background:#f3f6f7;border:1px solid var(--line);padding:16px;border-radius:12px;color:var(--ink);font-size:16px;line-height:1.6}.option[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:white}.dot{width:18px;height:18px;flex-shrink:0;border:1px solid currentColor;border-radius:50%}.option[aria-pressed=true] .dot{background:var(--orange);border:4px solid var(--ink);outline:1px solid var(--orange)}.option.na{background:transparent;font-size:14px}.option.na[aria-pressed=true]{background:var(--ink)}.quiz-nav{display:flex;gap:12px;margin-top:24px;justify-content:space-between}.quiz-nav>*{flex:1}.save-state{text-align:center;font-size:12px;color:var(--muted)}.index-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.index-grid button{padding:12px;background:var(--paper);border:1px solid var(--line);border-radius:8px}.index-grid .answered{background:var(--blue)}.index-grid .current{outline:2px solid var(--ink)}.result-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.report{background:var(--paper);border:1px solid var(--line);border-radius:22px;overflow:hidden;max-width:740px;margin:auto}.report-cover{padding:38px}.report-cover h1{font-size:42px}.cover-caption{margin-top:30px;font-size:15px}.report-summary{font-size:18px}.report blockquote{margin:24px 0;padding:22px;background:var(--orange);border-radius:18px 18px 18px 3px;line-height:1.9;font-size:21px}.boundary-note{font-size:13px;color:var(--muted)}.chapter{padding:32px 38px;border-top:1px solid var(--line)}.chapter-label{display:flex;gap:16px;align-items:center}.chapter-label>span{font-size:25px;color:#7793a2}.chapter-label small{letter-spacing:1px;font-size:10px}.dimension-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dimension{background:var(--blue);padding:20px;border-radius:15px}.dimension-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.dimension-top h3{margin:0;font-size:17px}.dimension-top strong{white-space:nowrap;font-size:22px}.meter{height:6px;background:#c4d1d8;margin:16px 0 8px;border-radius:5px}.meter span{height:100%;display:block;background:#426d83;border-radius:5px}.dimension p{font-size:14px}.clue{margin:24px 0;padding:20px 0;border-bottom:1px dashed var(--line)}.quoted-question{font-size:17px}.answer-label{display:inline-block;background:var(--blue);padding:8px 12px;border-radius:8px;font-size:13px}.reading{font-size:15px}.pair{padding:18px;border-left:3px solid #e4b390;background:#fbf1e5;margin:16px 0}.next-sentence{background:var(--blue);border-radius:18px 18px 3px 18px;padding:20px;font-size:18px}.report-foot{padding:30px 38px;background:#f0f2ec;border-top:1px solid var(--line);font-size:13px}.source-list{font-size:11px;line-height:1.9}.end-mark{text-align:center;border-top:1px solid var(--line);padding-top:20px;margin-top:30px}.share-paper{text-align:center}.share-emblem{font-size:100px;line-height:1.2;color:#98afbc}.share-paper .report-cover{padding:40px}.share-paper blockquote{text-align:left}.toolbar{display:flex;flex-wrap:wrap;gap:12px;margin:22px auto;max-width:740px}.toolbar>*{flex:1 1 200px}.result-extras{max-width:740px;margin:24px auto}.site-footer{max-width:1000px;margin:auto;padding:25px;text-align:center;border-top:1px solid var(--line)}.site-footer small{display:block;margin-top:12px}dialog{border:1px solid var(--line);border-radius:20px;padding:24px;background:var(--paper);color:var(--ink);width:min(720px,calc(100% - 24px));max-height:90dvh;overflow:auto}dialog::backdrop{background:#243e5088}.close-x{float:right;background:transparent;border:0;font-size:24px;padding:8px}.modal-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.modal-actions>*{flex:1 1 150px}.image-scroll{max-height:55vh;overflow:auto}.image-preview{width:100%;height:auto;display:block}#share-link{width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;overflow-wrap:anywhere}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;max-width:90%;padding:14px 22px;border-radius:12px;z-index:100}.card-export{position:absolute;left:-10000px;top:0;width:600px}.card-export .report{width:600px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #d08c55;outline-offset:3px}[hidden]{display:none!important}
@media(max-width:600px){.masthead{padding:18px}.brand{font-size:20px}main{padding:16px 16px 40px}.hero{grid-template-columns:1fr;gap:20px;padding-top:0}.hero h1{font-size:44px}.conversation-art{padding:24px 20px}.bubble{font-size:21px}.entry{display:block;padding:22px}.entry button{width:100%;margin-top:12px}.concerns{gap:8px}.concerns>div{padding:15px 8px}.concerns h3{font-size:17px}.welcome{padding:22px 20px}.welcome h1{font-size:34px;margin:18px 0}.welcome .intro{font-size:15px}.welcome .eyebrow{font-size:11px;letter-spacing:1px}.quota{font-size:12px;padding:12px;gap:8px}.question-card{padding:24px 18px}.question{font-size:21px}.quiz-nav{gap:8px}.quiz-nav button{padding:14px 10px;font-size:14px}.report-cover,.chapter{padding:26px 22px}.report-cover h1{font-size:33px}.report-summary{font-size:16px}.report h2{font-size:23px}.report blockquote{font-size:19px;padding:18px}.dimension-list{grid-template-columns:1fr}.report-foot{padding:24px 22px}.result-top{flex-wrap:wrap}.toolbar{gap:10px}.toolbar>*{flex-basis:140px;font-size:14px;padding:13px 10px}.share-paper .report-cover{padding:28px 22px}.card-export .report-cover{padding:40px}.card-export h1{font-size:42px}.card-export p{font-size:18px}}