:root{font-family:Arial,sans-serif;color:#242c2b;background:#e7e9e1;font-synthesis:none;--ink:#183c35;--paper:#fbf8ed;--line:#c6ccc0}*{box-sizing:border-box}body{margin:0}button,select,textarea{font:inherit}button{background:transparent;color:inherit;border:1px solid var(--line);padding:11px 14px;border-radius:2px;cursor:pointer;transition:background .18s,transform .18s}button:hover{background:#dce2d4}button:active{transform:translateY(1px)}button:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #c07736;outline-offset:3px}main{min-height:100dvh}header{display:flex;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding:24px 36px}header button{margin-left:auto}.mark{font-size:24px;letter-spacing:-3px;font-weight:900;line-height:.8;border:2px solid;padding:10px 14px 10px 10px;transform:rotate(-5deg)}h1{font-size:22px;font-weight:500;margin:6px 0}h2{font-family:Georgia,serif;font-weight:400}.eyebrow{font-size:10px;letter-spacing:2px;text-transform:uppercase;margin:0 0 13px}.workspace{display:grid;grid-template-columns:300px 1fr;min-height:calc(100dvh - 120px)}aside{padding:34px 28px;border-right:1px solid var(--line)}aside h2{font-size:29px;line-height:1.1;margin:0 0 22px}.count{font-family:Georgia,serif;font-size:104px;line-height:1;color:var(--ink);font-style:italic}.count span{font:11px Arial,sans-serif;display:block;letter-spacing:2px;text-transform:uppercase;margin:9px 0 20px}.subtle{font-size:12px;color:#626d65;line-height:1.7}.tabs{display:flex;margin:22px 0}.tabs button{flex:1}.tabs button[aria-pressed=true],.primary{background:var(--ink);color:#fff}.primary:hover{background:#28594c}label{display:block;font-size:11px;margin:20px 0 10px;letter-spacing:.5px}select{display:block;width:100%;margin-top:7px;padding:12px 6px;background:#f5f5ec;border:1px solid var(--line);color:var(--ink)}aside>button{display:block;width:100%;margin:8px 0}details{margin:24px 0;font-size:12px;line-height:1.6}details button{padding:5px;margin:3px}summary{cursor:pointer}.status{border-left:2px solid #ba7637;padding-left:12px;font-size:12px;line-height:1.6;min-height:50px}.desk{padding:28px 6vw 40px;min-width:0;background:radial-gradient(ellipse at top,#eff0e8,#d8ded3)}.folio{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:2px;margin-bottom:20px}.folio button{font-size:11px;letter-spacing:0;margin-left:8px}.paper{background:var(--paper);max-width:820px;margin:auto;padding:56px 60px;box-shadow:7px 7px #d4d8cb,8px 8px #b9c1b5,0 15px 30px #183c3510;min-height:520px;animation:arrive .3s ease}.paper h2{font-size:36px;line-height:1.1;overflow-wrap:anywhere;margin:20px 0 34px}.passage{border-top:1px solid #d8d9cb;padding-top:24px;margin-top:30px}.passage small{font-size:9px;letter-spacing:2px;color:#777f70}.passage h3{font:italic 22px Georgia,serif;margin:12px 0}.passage p{font:18px/1.8 Georgia,serif;white-space:pre-wrap;overflow-wrap:anywhere}.paper footer{font:13px/1.7 Georgia,serif;color:#66705f;margin-top:30px;border-top:1px solid #dddccd;padding-top:15px;white-space:pre-wrap}.page-map{display:flex;flex-wrap:wrap;gap:7px;margin:30px auto 0;max-width:820px}.page-map button{background:#f2f2e9;min-width:51px;padding:8px;font:17px Georgia,serif;max-width:100%;overflow-wrap:anywhere}.page-map small{display:block;font:8px/1.7 Arial,sans-serif}.page-map [aria-current=page]{background:#183c35;color:#fff}.editor{max-width:950px}.editor h2{font-size:38px}.editor p{font-size:13px;line-height:1.7;max-width:750px}.editor textarea{display:block;width:100%;min-height:460px;resize:vertical;padding:16px;background:#fbf8ed;border:1px solid #b9c1b5;font:12px/1.7 monospace;tab-size:2}.editor button{margin:5px}.utility{padding:24px 36px;display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid var(--line)}.privacy{padding:10px 36px 36px;max-width:1100px;font-size:11px;line-height:1.6;color:#616e62}.privacy button{font-size:11px;margin-right:8px}@keyframes arrive{0%{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}@media(min-width:1500px){.desk{padding-left:10vw;padding-right:10vw}}@media(max-width:760px){header{padding:20px;gap:12px}h1{font-size:17px}.eyebrow{font-size:8px}header button{font-size:10px;padding:7px}.workspace{grid-template-columns:1fr}aside{border-right:0;padding:22px;border-bottom:1px solid var(--line)}.count{font-size:65px}.desk{padding:20px 16px 35px}.paper{padding:32px 25px}.paper h2{font-size:29px}.passage p{font-size:17px}.utility,.privacy{padding-left:20px;padding-right:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.focus .utility,.focus .privacy{display:none}.focus .workspace{min-height:calc(100dvh - 110px)}