:root{--paper:#faf6ed;--ink:#342c25;--muted:#746556;--rust:#853d2d;--green:#345247;--line:#ded4c2;--white:#fffdf7;--gold:#c79340}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Segoe UI,Nirmala UI,Arial,sans-serif;font-size:16px;line-height:1.6}header{max-width:1280px;margin:auto;padding:26px 44px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;gap:12px;text-decoration:none;color:var(--ink);font-family:Georgia,serif;font-size:25px;font-weight:bold;line-height:1.2}.brand small{display:block;font:12px Segoe UI,sans-serif;margin-top:7px;letter-spacing:1.1px;text-transform:uppercase;color:var(--muted)}.brandmark{font:52px/1 Georgia;color:var(--rust)}.header-right{display:flex;gap:20px;align-items:center}.prototype{font-size:12px;text-transform:uppercase;letter-spacing:1px;border:1px solid var(--line);border-radius:4px;padding:4px 9px}select,input,textarea,button{font:inherit}select,input,textarea{padding:12px 14px;border:1px solid #bfb19c;background:var(--white);border-radius:6px;color:var(--ink);max-width:100%}input,textarea{width:100%}select{padding:9px}button{cursor:pointer;border:1px solid transparent;border-radius:6px;padding:12px 22px;background:var(--rust);color:#fff;font-weight:600;min-height:46px}button:hover{filter:brightness(.92)}button:disabled{opacity:.5;cursor:not-allowed}.secondary{background:transparent;border-color:#b9a891;color:var(--ink)}.link{color:var(--rust);background:none;padding:4px 0;border-radius:0;min-height:auto;text-decoration:underline;text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}main{max-width:1192px;margin:auto;padding:40px 0 56px}.steps{display:flex;gap:28px;margin:0 0 34px;padding:0;list-style:none;color:var(--muted);font-size:14px}.steps li{display:flex;gap:9px;align-items:center}.steps b{display:inline-flex;width:25px;height:25px;align-items:center;justify-content:center;border:1px solid #b6a78e;border-radius:50%;font-size:12px}.steps .active{color:var(--rust);font-weight:600}.steps .active b{background:var(--rust);color:white;border-color:var(--rust)}.layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:70px;align-items:start}.eyebrow{color:var(--rust);letter-spacing:1.6px;font-size:12px;font-weight:700;text-transform:uppercase;margin:0 0 15px}h1{font-family:Georgia,Nirmala UI,serif;font-weight:400;font-size:48px;line-height:1.16;letter-spacing:-1.2px;margin:0 0 20px}h2{font:400 30px/1.3 Georgia,Nirmala UI,serif;margin:0 0 16px}h3{font-size:18px;line-height:1.4;margin:0 0 12px}p{margin:0 0 18px}.intro{color:var(--muted);font-size:17px;max-width:560px}.modes{display:flex;gap:8px;margin:28px 0 22px;border-bottom:1px solid var(--line);padding-bottom:12px}.modes button{background:transparent;color:var(--muted);padding:10px 16px}.modes .selected{background:#eee4d4;color:var(--ink)}.field{display:block;margin-bottom:18px;font-size:14px;font-weight:600}.field input,.field textarea{display:block;margin-top:7px;font-weight:400}textarea{resize:vertical;min-height:120px}.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:24px}.hint{font-size:13px;color:var(--muted);margin-top:12px}.aside{border-left:1px solid var(--line);padding-left:40px}.art{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:48% 48% 5px 5px;margin:0 0 26px}.quote{font:italic 28px/1.4 Georgia,Nirmala UI,serif;color:var(--green);margin-bottom:20px}.note{border-top:1px solid var(--line);padding-top:22px;margin-top:24px;color:var(--muted);font-size:14px}.note strong{display:block;color:var(--ink);margin-bottom:7px}.role-card{padding:22px;border:1px solid var(--line);background:var(--white);border-radius:8px;margin:18px 0}.role-top{display:flex;justify-content:space-between;gap:16px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.chip{font-size:14px;border-radius:30px;padding:7px 14px;border:1px solid #c5b8a2;background:transparent;color:var(--ink);min-height:40px;font-weight:400}.chip[aria-pressed=true]{background:#e6ede2;border-color:var(--green);color:#233e32}.wide{max-width:850px;margin:0 auto}.review-head{max-width:640px}.check{display:flex;align-items:flex-start;gap:11px;margin:22px 0;font-size:14px}.check input{width:19px;height:19px;margin:3px 0;flex-shrink:0}.banner{background:#eee5d5;padding:18px 22px;border-radius:6px;margin:20px 0;font-size:14px}.timeline{padding-left:28px;margin:32px 0;border-left:2px solid #bba47c}.timeline article{position:relative;padding:0 0 28px 10px}.timeline article:before{content:'';position:absolute;left:-37px;top:5px;width:15px;height:15px;border-radius:50%;background:var(--paper);border:2px solid var(--rust)}.timeline .year{font-size:13px;letter-spacing:.5px;color:var(--rust);font-weight:600;margin-bottom:5px}.reflection{background:var(--green);color:#fff9ec;padding:32px;border-radius:8px}.reflection p{color:#e2e7dc}.reflection label{font-weight:400}.reflection textarea{background:#f8f7ed}details{border-top:1px solid var(--line);padding:20px 0}summary{font-weight:600;cursor:pointer}details p,details ul{margin-top:18px;color:var(--muted);font-size:15px}a{color:var(--rust)}.history-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.history-grid div{background:#eee6d8;padding:16px;font-size:14px}.history-grid strong{display:block;margin-bottom:5px}.result-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:60px}.support{background:#efe7d8;padding:22px;margin-top:20px;border-radius:6px}.feedback{margin-top:35px}.feedback button{margin:4px}.error{color:#9b261c;font-weight:600;font-size:14px;margin:15px 0}footer{border-top:1px solid var(--line);max-width:1192px;margin:auto;padding:22px 0;display:flex;justify-content:space-between;gap:24px;color:var(--muted);font-size:12px}dialog{max-width:560px;width:calc(100% - 36px);background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:30px}dialog::backdrop{background:#33291d88}dialog .secondary{margin-top:18px}.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}.empty{padding:25px;border:1px dashed #b9a891;border-radius:6px}.preview-card{padding:22px;background:var(--white);border:1px solid var(--line);margin-top:20px}.preview-card p{margin-bottom:6px}.optional{font-size:13px;color:var(--muted)}@media(max-width:1240px){main,footer{margin-left:32px;margin-right:32px}.layout{gap:38px}}@media(max-width:760px){header{padding:20px}.brand{font-size:20px}.brand small{font-size:10px}.brandmark{font-size:43px}.prototype{display:none}.header-right{gap:0}main{padding:28px 0;margin:0 20px}.layout,.result-grid{grid-template-columns:1fr;gap:35px}h1{font-size:37px}.aside{border-left:0;padding:25px 0 0;border-top:1px solid var(--line)}.aside .art{max-height:290px;object-fit:contain}.steps{gap:12px;justify-content:space-between;font-size:12px}.steps li{gap:5px}.steps b{width:22px;height:22px}.history-grid{grid-template-columns:1fr}.row{gap:10px}footer{margin:0 20px;flex-direction:column;gap:6px}.reflection{padding:23px}.modes button{padding:10px}.actions button{flex-grow:1}}@media print{header select,.prototype,.actions,.feedback,footer,details,dialog,.steps{display:none!important}main{margin:0}.result-grid{display:block}.reflection{background:white;color:black;border:1px solid #ccc}.reflection p{color:black}textarea{border:0}.timeline article{break-inside:avoid}}