:root{color-scheme:light;--paper:#fffefa;--ink:#33322f;--muted:#858178;--line:#d9d5cc;--wash:#fdf3d8;--serif:"Literata",Georgia,"Times New Roman",serif;--hand:"Indie Flower","Segoe Print",cursive}
*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;color:var(--ink);background-color:var(--paper);background-image:radial-gradient(rgba(70,62,45,.045) .55px,transparent .65px);background-size:5px 5px;font-family:var(--serif);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}
.page{width:min(100% - 40px,820px);margin:0 auto;padding:42px 0 28px}.masthead{text-align:center;position:relative;padding:20px 0 34px;margin-bottom:26px}.eyebrow,.section-kicker,.footer,.vocab-label{font-family:Arial,sans-serif;letter-spacing:.16em;font-size:10px;color:var(--muted)}
.masthead h1{display:inline-block;margin:12px 0 0;padding:0 34px 8px;border-bottom:1px solid var(--ink);font-family:var(--hand);font-size:clamp(48px,9vw,72px);line-height:1;font-weight:400;letter-spacing:-.04em}.period{color:#c7a86d}.tagline{margin:9px 0 0;font-size:14px;font-style:italic;color:var(--muted)}.bird{position:absolute;right:18%;bottom:16px;transform:rotate(-12deg);font-size:34px;color:#77766f}
.intro{text-align:center;margin:0 auto 38px;max-width:560px}.intro p:first-child{margin:0 0 8px;font-size:clamp(18px,3vw,22px)}.intro-note{color:var(--muted);font-size:13px;line-height:1.7}
.input-panel{border:1px dashed #858178;padding:clamp(18px,4vw,30px);background:rgba(255,255,255,.55)}.input-panel h2,.result-heading h2{font-size:23px;font-weight:400;margin:12px 0 24px}.field-label{display:block;font-size:13px;color:#625f58;margin:18px 0 5px}
input,textarea{display:block;width:100%;color:var(--ink);border:0;border-bottom:1px solid #cbc7bd;border-radius:0;background:transparent;padding:11px 3px;outline:none}input:focus,textarea:focus{border-bottom-color:var(--ink);box-shadow:0 1px 0 var(--ink)}textarea{resize:vertical;min-height:190px;line-height:1.8}input::placeholder,textarea::placeholder{color:#aaa69c}
.input-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:18px}.quiet,.privacy-note{color:#9a968d;font:11px Arial,sans-serif}.ink-button{display:inline-flex;align-items:center;gap:24px;border:1px solid var(--ink);color:var(--ink);background:transparent;padding:11px 16px;cursor:pointer;transition:background .2s}.ink-button:hover:not(:disabled){background:var(--wash)}.ink-button:disabled{opacity:.55;cursor:wait}.privacy-note{line-height:1.6;margin:16px 0 0}
.status{display:flex;justify-content:center;gap:12px;align-items:center;margin:26px 0;color:var(--muted);font-family:var(--hand);font-size:19px}.status.error{color:#9a5548}.status-mark{color:#c3a46a;animation:turn 2s linear infinite}@keyframes turn{to{transform:rotate(360deg)}}
.results{margin-top:54px}.result-heading{text-align:center;margin-bottom:28px}.result-heading h2{margin-bottom:0;font-family:var(--hand);font-size:32px}.paper-section{padding:28px 12px 32px;border-top:1px solid #e9e6df;margin-bottom:12px}.paper-section h3{margin:10px 0 18px;font-family:var(--hand);font-weight:400;font-size:25px;color:#4b4944}.original-text,.adapted-text{font-size:16px;line-height:1.95;white-space:pre-wrap;overflow-wrap:anywhere}.adapted-text{font-size:17px}.audit-line{margin-top:17px;color:#938e83;font:11px/1.7 Arial,sans-serif}.lesson-section{background:linear-gradient(110deg,rgba(253,243,216,.38),rgba(255,255,255,.25));padding:28px 22px;border:1px solid #eee9dd}.question{font-size:17px;line-height:1.7}.options{display:grid;gap:9px;margin:18px 0}.option-button{text-align:left;border:1px solid #d8d2c5;background:rgba(255,255,255,.55);padding:11px 14px;cursor:pointer;color:var(--ink)}.option-button:hover:not(:disabled){background:var(--wash)}.option-button:disabled{cursor:default;opacity:.8}.option-button.correct{border-color:#788c78;background:#eef3ec}.option-button.incorrect{border-color:#b28c80;background:#f7efeb}.answer-feedback{min-height:22px;color:#666258;font-size:13px}.vocab-note{margin-top:26px;padding:18px;border-left:2px solid #d5bf8e;background:rgba(255,255,255,.5)}.vocab-label{font-size:9px}.vocab-note p{margin:9px 0 0;line-height:1.7}.vocab-note strong{background:var(--wash);padding:1px 5px;font-weight:500}.vocab-context{color:var(--muted);font-size:13px}.end-note{text-align:center;margin:35px 0 48px;color:var(--muted);font-family:var(--hand);font-size:19px}.end-note span{color:#c3a46a;margin-left:6px}.footer{display:flex;justify-content:space-between;border-top:1px solid #e9e6df;padding-top:16px;font-size:9px}[hidden]{display:none!important}
@media(max-width:560px){.page{width:min(100% - 28px,820px);padding-top:24px}.bird{right:8%}.input-footer{align-items:flex-start;flex-direction:column}.ink-button{width:100%;justify-content:space-between}.paper-section{padding-left:3px;padding-right:3px}}