*{box-sizing:border-box}body{margin:0;background:#eee7dc;color:#3b3530;font:15px/1.55 system-ui}header{background:#4d3c35;color:#fff2d8;padding:30px max(22px,7vw)}header span{font-size:11px;letter-spacing:3px}h1{font:76px/1 Georgia;margin:16px 0}header p{margin:0;color:#e3cbb0}main{max-width:1200px;margin:auto;padding:26px 24px}h2{font:28px Georgia;margin:0 0 14px}.brief{max-width:1000px}.tools{display:flex;gap:8px;flex-wrap:wrap;align-items:end}label{font-size:13px;display:block}select,button{min-height:44px;border:1px solid #b4a38e;border-radius:5px;background:#fffaf0;color:inherit;font:inherit;padding:10px 12px}select{max-width:100%}label select{display:block}button{cursor:pointer}button:hover{background:#eadcc8}button:focus-visible,select:focus-visible{outline:3px solid #9a5c36;outline-offset:3px}.bench{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;background:#faf6eb;border:1px solid #c5b6a0;border-radius:10px;padding:24px}.small,footer{font-size:12px;color:#74685a}.primary{background:#664b3c;color:#fff;width:100%;font-weight:bold}.primary:hover{background:#50382d}#slots{display:grid;grid-template-columns:1fr 1fr;margin-top:20px;gap:4px;background:#bba68b;padding:9px;border-radius:4px}#slots button{padding:10px;border-radius:0;background:#fffaf0;min-width:0}#slots button[aria-pressed=true]{outline:3px solid #b16a36;outline-offset:-3px}.paper{position:relative;aspect-ratio:.78;background:#fff9ed;overflow:hidden;display:flex;align-items:center;justify-content:center}.paper img{position:absolute;max-width:none;width:400%;height:312%;object-fit:fill;top:var(--y);left:var(--x);transform-origin:center}.paper .art{position:absolute;inset:15% 10% 18%;overflow:hidden}.paper .folio{position:absolute;bottom:4%;width:100%;text-align:center;font:18px Georgia}.paper.flipped{transform:rotate(180deg)}.editor{background:#eae0cf;padding:15px;margin:16px 0;border-radius:6px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.editor h3{width:100%;margin:0;font-size:15px}.editor p{font-size:12px;margin:0}#reading{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.readcard{min-width:0}.readcard>span{font-size:11px}.readcard .paper{border:1px solid #c2b39d}.readcard .folio{font-size:14px}.readcard.wrong .paper{border-color:#ba5c41;box-shadow:0 0 0 1px #ba5c41}.readcard.correct .paper{border-color:#4e7e63;box-shadow:0 0 0 1px #4e7e63}#verdict{font-weight:bold;min-height:65px}#status{font-size:13px}#proof{width:100%}#proofstatus{font-size:12px}footer{margin:25px 0}@media(max-width:760px){main{padding:20px 12px}.bench{grid-template-columns:1fr;padding:14px}header{padding:25px 18px}h1{font-size:58px}#reading{gap:6px}.editor{gap:8px}}