@font-face{font-family:Inter;src:url('/inter.woff2') format('woff2');font-display:swap}
@font-face{font-family:'Instrument Serif';src:url('/instrument-serif.woff2') format('woff2');font-display:swap}
:root{--bg:#f0e5dd;--paper:#fff6ed;--ink:#412e32;--muted:#6e5758;--line:#cfbcb7;--deep:#613848;--accent:#9a5136;--soft:#f1ded7;font:500 15px/1.5 Inter,system-ui,sans-serif}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(ellipse at 55% -18%,#efdbd6,var(--bg) 64%);color:var(--ink)}
.frame{width:min(1156px,calc(100% - 55px));margin-inline:auto}
.top,.footer,.head,.backup{display:flex;justify-content:space-between;align-items:center;gap:9px}
.top{height:65px;border-bottom:1px solid var(--line);font-size:13px}
.brand{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:760;letter-spacing:-.042em;text-decoration:none}
.mark{position:relative;width:28px;height:28px;border-radius:6px;background:#653a4a}
.mark i{position:absolute;display:block;left:8px;top:11px;width:11px;height:2px;background:#f6e3cc;transform:rotate(-23deg)}
.mark i:last-child{left:10px;top:16px;width:9px;transform:rotate(17deg)}
a{color:inherit;text-decoration-color:#a17e78;text-underline-offset:3px}
a:hover,.danger{color:var(--accent)}
button,input,textarea{font:inherit;color:inherit}
button,input,textarea{min-height:37px;border:1px solid #cdb7b1;border-radius:6px;background:#fff9f2;padding:7px 8px}
button{font-size:12px;font-weight:730;cursor:pointer}
button:disabled{cursor:default;opacity:.48}
button:hover:not(:disabled){border-color:#9a746e}
.primary{background:#664251;color:#fff5e8;border-color:#664251}
:focus-visible{outline:2px solid #9a512e;outline-offset:3px}
[hidden]{display:none!important}
.skip{position:absolute;top:-90px;left:12px;background:var(--paper);padding:7px}
.skip:focus{top:8px}
h1,h2,p,ul,pre{margin:0}
.intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,295px);align-items:end;gap:18px;padding:31px 0 18px}
h1{font:400 clamp(56px,9vw,119px)/.8 'Instrument Serif',Georgia,serif;letter-spacing:-.048em}
h1 em{color:var(--accent);font-style:normal}
.intro p{color:var(--muted);max-width:34ch;padding-bottom:4px}
.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:start}
.panel{min-width:0;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:13px}
h2{font-size:18px;line-height:1.2;letter-spacing:-.037em}
.hint,.error{font-size:12px;line-height:1.4;color:var(--muted)}
.error{color:#973f33;margin:4px 0}
.tools{display:flex;gap:4px;flex-wrap:wrap}
.head .tools{justify-content:end}
.head > button{white-space:nowrap;flex:none}
#brief{margin-top:6px}
form label{display:block;font-size:12px;font-weight:650;margin-top:5px;min-width:0}
form input,form textarea{display:block;width:100%;min-width:0;margin-top:2px;font-size:14px}
textarea{resize:vertical;line-height:1.4}
.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;align-items:end}
.facts-head{margin-top:10px;border-top:1px solid #dfcfca;padding-top:7px}
.facts-head h2,.preview h2{margin-bottom:3px}
#facts,#checks{padding:0;list-style:none;margin-top:6px}
#facts li{display:flex;align-items:start;justify-content:space-between;gap:7px;border-top:1px solid #e1d5ce;padding:5px 0;overflow-wrap:anywhere}
#facts li p{font-size:13px}
#facts li a,#facts li span{font-size:11px}
#facts li button{flex:none;min-height:29px;padding:4px 6px}
.source-needed{color:#904b36}
.right{display:grid;gap:9px}
.count{color:#6d5359;font-size:11px;font-weight:670;white-space:nowrap}
#draft{margin-top:7px;background:#fcf8f1;border:1px solid #decac1;border-radius:6px;max-height:430px;overflow:auto;min-height:175px;padding:10px;white-space:pre-wrap;overflow-wrap:anywhere;font:500 13px/1.55 Inter,system-ui,sans-serif}
.draft-actions{margin-top:7px}
#notice{margin-top:5px}
#checks li{border-top:1px solid #e3d6ce;padding:3px 0;display:flex;justify-content:space-between;gap:6px;font-size:12px}
#checks .flag{color:#52705b;font-weight:680;text-align:right}
#checks .missing .flag{color:#8a503d}
.backup{margin-top:9px;flex-wrap:wrap}
.backup button{min-height:32px}
.footer{padding:9px 0 17px;margin-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}
dialog{width:min(493px,calc(100% - 24px));border:1px solid #ba9d9b;border-radius:8px;background:var(--paper);color:var(--ink);padding:14px}
dialog::backdrop{background:#49383ab7}
.dialog-actions{margin-top:7px}
.reading{max-width:745px;padding:34px 0 17px}
.reading h1{font-size:clamp(51px,8vw,91px);line-height:.86;margin-bottom:14px}
.reading h2{font-size:23px;margin:20px 0 6px}
.reading p,.reading li{max-width:65ch;margin-bottom:7px}
.reading .lead{font-size:17px;color:var(--muted)}
.reading blockquote{margin:9px 0;background:#f8eee6;border-left:3px solid #a7654c;padding:7px 10px}
@media(max-width:850px){.frame{width:calc(100% - 34px)}.panel{padding:10px}}
@media(max-width:665px){.frame{width:calc(100% - 24px)}.top{height:55px}.intro,.workspace{grid-template-columns:1fr;gap:8px}.intro{padding:22px 0 12px}.intro p{padding:0}.footer,.backup{align-items:start}}