@import url('/base.css');
:root{--paper:#f4f0e6;--sheet:#fffdf6;--ink:#292d28;--muted:#74756b;--red:#973c2e;--rule:#d8d1c2;--green:#4c6252}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.85 var(--font-sans);-webkit-text-size-adjust:100%}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #537c74;outline-offset:4px}a{color:inherit;text-underline-offset:4px}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-serif);font-weight:600;line-height:1.55}h1{font-size:36px}h2{font-size:24px}h3{font-size:19px}p+p{margin-top:14px}small,.fine{font-size:13px;color:var(--muted)}[hidden]{display:none!important}.masthead{max-width:860px;margin:auto;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--rule)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font:600 20px var(--font-serif)}.brand small{display:block;font:11px/1.8 var(--font-sans);margin-top:5px;letter-spacing:1px}.seal{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--red);box-shadow:inset 0 0 0 3px var(--paper),inset 0 0 0 4px var(--red);color:var(--red);line-height:1.15;text-align:center;padding:10px;font-family:var(--font-serif)}.seal.small{font-size:17px;width:40px;height:48px}.quiet{border:0;background:none;padding:8px 0;min-height:44px;font-size:14px;text-decoration:underline;text-underline-offset:5px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:12px 24px;border:1px solid var(--red);border-radius:4px;text-decoration:none;font-size:16px;line-height:1.6}.primary{background:var(--red);color:#fffdf4}.secondary{background:transparent;color:var(--red)}.wide{width:100%}#app{max-width:780px;margin:auto;padding:30px 24px 48px;min-height:65vh}.eyebrow{color:var(--red);font-size:12px;letter-spacing:3px;margin-bottom:12px}.intro{color:#61665b;font-size:15px;margin-top:14px}.landing-head{position:relative;padding-right:45px}.landing-head h1 em{font-style:normal;color:var(--red)}.vertical-note{position:absolute;right:0;top:0;writing-mode:vertical-rl;letter-spacing:5px;font-family:var(--font-serif);font-size:12px;border-left:1px solid var(--rule);padding-left:12px;color:var(--muted)}.specs{display:flex;gap:14px;color:var(--muted);font-size:12px;margin:18px 0 22px}.unlock{padding:22px;background:var(--sheet);border:2px solid var(--red);box-shadow:5px 5px 0 #e7decb;border-radius:6px}.unlock label{font-weight:600;font-size:17px;display:block;margin-bottom:10px}.unlock input{width:100%;height:58px;border:2px solid #aa9580;background:#fff;border-radius:4px;padding:12px;font-size:19px;letter-spacing:1px;color:var(--ink);margin-bottom:12px}.unlock input:focus{border-color:var(--red);outline:3px solid #ecd7c5}.unlock input::placeholder{font-size:15px;letter-spacing:0;color:#79766c}.unlock .help-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:8px}.error{color:#a22921;min-height:0;font-size:14px}.error:not(:empty){margin:8px 0}.folio{margin-top:38px;border-top:1px solid var(--rule);padding-top:24px}.folio-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.folio-title span{font-size:12px;color:var(--muted)}.people{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:20px 0}.person{border-top:1px solid var(--rule);padding:18px 8px 18px 0}.person:nth-child(even){padding-left:18px;border-left:1px solid var(--rule)}.person b{font:600 25px var(--font-serif);display:block;margin:3px 0}.person small{color:var(--red);font-size:11px;letter-spacing:3px}.person p{font-size:13px;color:#61665b}.sample{margin:18px 0;padding:22px 20px;background:#e8e9de;border-left:3px solid var(--green)}.sample blockquote{font:20px/1.9 var(--font-serif);margin:8px 0}.feature-lines{display:grid;gap:14px;margin:20px 0}.feature-lines div{display:flex;gap:15px}.feature-lines b{color:var(--red);font-family:var(--font-serif)}.feature-lines p{font-size:14px}.site-footer{max-width:780px;margin:0 auto;padding:24px;display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:12px;border-top:1px solid var(--rule);font-size:13px;color:var(--muted)}.site-footer small{flex-basis:100%;font-size:11px}.welcome-top{display:flex;gap:16px;align-items:center;margin-bottom:24px}.welcome-top .seal{width:62px;height:76px;font-size:24px}.quota{font-size:14px;color:var(--red);margin:10px 0 18px}.notice{padding:16px 18px;border:1px solid var(--rule);background:#eee9dd;font-size:14px;margin:18px 0;line-height:1.9}.agreement{display:flex;align-items:flex-start;gap:10px;margin:22px 0;font-size:14px}.agreement input{width:20px;height:20px;margin-top:4px;accent-color:var(--red);flex-shrink:0}.history-list{padding:0;list-style:none;margin:12px 0}.history-list button{background:none;border:0;border-bottom:1px solid var(--rule);padding:16px 0;width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:12px}.history-list b{display:block;font-size:16px}.history-list small{display:block}.quiz-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;color:var(--muted);font-size:13px}.progress{height:3px;background:var(--rule);margin-bottom:24px}.progress span{display:block;height:100%;background:var(--red);transition:width .2s}.question-card{position:relative;background:var(--sheet);border:1px solid var(--rule);padding:26px 22px 20px;box-shadow:3px 4px 0 #e7e0d2}.page-number{font-family:var(--font-serif);font-size:15px;color:var(--red);display:flex;align-items:center;gap:10px;margin-bottom:14px}.page-number:after{content:'';height:1px;background:var(--rule);flex:1}.question{font-size:24px;line-height:1.7;min-height:82px;margin:8px 0 16px;outline:none}.options{display:grid;gap:9px;margin-top:22px}.option{display:flex;align-items:center;gap:13px;text-align:left;min-height:54px;padding:12px 15px;background:var(--sheet);border:1px solid var(--rule);border-radius:4px;font-size:15px;line-height:1.6}.option .dot{width:20px;height:20px;border:1px solid #aaa48f;border-radius:50%;flex-shrink:0}.option[aria-pressed=true]{background:#f3e6d9;border:2px solid var(--red);padding:11px 14px;color:#72291e}.option[aria-pressed=true] .dot{border-color:var(--red);background:var(--red);box-shadow:inset 0 0 0 4px #f3e6d9}.option.na{background:transparent;border-style:dashed;color:var(--muted);font-size:14px}.quiz-nav{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:22px}.save-state{font-size:12px;color:var(--muted);text-align:center;min-height:26px;margin-top:15px}.index-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.index-grid button{min-height:48px;border:1px solid var(--rule);background:var(--sheet);border-radius:4px}.index-grid .answered{background:#eadac7;color:var(--red)}.index-grid .current{outline:2px solid var(--red)}.result-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:15px}.report{background:var(--sheet);border:1px solid var(--rule);padding:30px 28px;overflow:hidden}.report-cover{position:relative;padding-bottom:26px;border-bottom:3px double var(--rule)}.report-label{font-size:12px;letter-spacing:2px;color:var(--muted);margin-bottom:26px}.report-person{font:600 44px/1.4 var(--font-serif);letter-spacing:3px;padding-right:45px;overflow-wrap:anywhere}.report-nickname{font:500 23px/1.7 var(--font-serif);margin-top:14px}.report-seal{position:absolute;right:0;top:45px;width:36px;font-size:15px;padding:8px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.tags span{font-size:12px;background:#eee9dd;padding:3px 10px;border-radius:2px}.share-line{font:22px/1.85 var(--font-serif);color:var(--red);margin-top:20px}.chapter{padding:25px 0;border-bottom:1px solid var(--rule)}.chapter h2{font-size:21px;margin-bottom:15px}.chapter .chapter-number{font-size:12px;color:var(--red);letter-spacing:2px;margin-bottom:8px}.chapter p{font-size:16px;line-height:1.95;white-space:pre-line;overflow-wrap:anywhere}.chapter p+p{margin-top:16px}.branch{border-left:2px solid var(--green);padding-left:15px;margin:20px 0}.dimension{padding:16px 0;border-bottom:1px dashed var(--rule)}.dimension:last-child{border:0}.dimension header{display:flex;justify-content:space-between;gap:10px;font-size:15px}.dimension header span{font-size:13px;color:var(--red)}.bar{height:5px;background:#e8e3d6;margin:12px 0}.bar i{display:block;height:100%;background:var(--green)}.dimension p{font-size:13px}.evidence{padding:16px;background:#f3efe6;margin:14px 0}.evidence small{color:var(--red)}.evidence p{font-size:15px}.report-foot{font-size:12px;color:var(--muted);padding-top:25px}.report-foot p{font-size:12px;line-height:1.9}.sources{margin-top:18px}.sources summary{cursor:pointer;font-size:13px}.sources a{display:block;margin-top:12px;font-size:12px}.toolbar{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0 10px}.toolbar.single{grid-template-columns:1fr}.result-extras{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:12px}.public-intro{font-size:13px;color:var(--muted);margin-bottom:18px}.shared-cta{margin:32px 0}.shared-cta p{margin:12px 0 20px}.loading{text-align:center;padding:60px 0;color:var(--muted)}dialog{width:min(520px,calc(100% - 28px));max-height:88dvh;border:1px solid var(--rule);border-radius:8px;padding:25px;color:var(--ink);background:var(--sheet);overflow:auto}dialog::backdrop{background:#25281fd0}dialog h2{margin:0 30px 18px 0;font-size:24px}dialog p{font-size:14px;line-height:1.9;margin-bottom:14px}dialog .modal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}dialog input[type=text]{width:100%;font-size:14px;padding:12px;border:1px solid var(--rule);background:var(--paper)}.close-x{position:absolute;top:10px;right:12px;border:0;background:none;font-size:26px;width:40px;height:40px}.image-preview{max-width:100%;display:block;border:1px solid var(--rule)}.image-scroll{max-height:43dvh;overflow:auto}#toast{position:fixed;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:max-content;max-width:90%;background:#292d28;color:#fff;padding:12px 20px;border-radius:6px;font-size:14px;z-index:100;box-shadow:0 4px 20px #0002}
@media(min-width:700px){#app{padding-top:44px}.landing-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.landing-head h1{font-size:39px}.landing-head{padding-right:15px}.vertical-note{display:none}.specs{margin-bottom:0}.people{grid-template-columns:repeat(4,1fr)}.person:not(:first-child){border-left:1px solid var(--rule);padding-left:15px}.question-card{padding:38px 42px}.question{font-size:28px}.report{padding:44px 55px}.report-person{font-size:56px}}
@media(max-width:380px){#app{padding:24px 16px 40px}.masthead{padding:16px}.landing-head h1{font-size:31px}.question-card{padding:22px 16px}.report{padding:24px 18px}.report-person{font-size:35px}.toolbar{grid-template-columns:1fr}.question{font-size:22px}}
@media(max-width:600px){.folio-title{display:block}.folio-title>span{display:block;margin-top:8px}.folio-title h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}