:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#231d16;background:#f4efe6}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(circle at top,rgba(59,48,35,.08),transparent 30%),linear-gradient(180deg,#f8f4ec,#ede4d3)}button,textarea{font:inherit}button{border:1px solid #3c3328;background:linear-gradient(180deg,#fffaf2,#e7dcc9);color:#2b231a;padding:.9rem 1rem;border-radius:12px;cursor:pointer;font-weight:700;box-shadow:0 10px 20px #362a1914}button:hover{background:linear-gradient(180deg,#fffdf9,#ddd1bb)}button.secondary{background:#f2eadb}.app-shell{width:min(1200px,calc(100vw - 1.5rem));margin:0 auto;padding:1rem 0 2rem;display:grid;gap:1rem}.card{border:1px solid #d1c3ae;background:#fffbf5f2;border-radius:24px;box-shadow:0 18px 44px #4938211f}.paper-card{position:relative;overflow:hidden}.paper-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(122,98,72,.05) 1px,transparent 1px);background-size:100% 28px;opacity:.75}.hero,.prompt-card,.input-card,.stat-panel{padding:1.4rem}.hero{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.hero h1,.section-head h2{margin:0;line-height:1.06;font-family:Georgia,Times New Roman,serif}.hero h1{font-size:clamp(2.2rem,4.8vw,4.4rem);max-width:14ch}.eyebrow{margin:0 0 .45rem;color:#7d6b57;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:800}.lede,.meta,.stat-stack span{color:#6c5d4c}.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;min-width:min(430px,100%)}.hero-stats>div,.stat-stack>div{border:1px solid #d6c6b1;background:#f8f2e8;border-radius:18px;padding:.9rem}.hero-stats span,.stat-stack span,.section-head .meta{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:800;color:#7d6b57}.hero-stats strong,.stat-stack strong{display:block;margin-top:.25rem;font-size:1.1rem}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.8fr);gap:1rem;align-items:start}.section-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.section-head h2{font-size:1.6rem}.prompt-text{border:1px solid #d1c3ae;background:#fffdf8;border-radius:20px;padding:1.2rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1.03rem;line-height:1.95;min-height:250px;white-space:pre-wrap;word-break:break-word}.char{color:#2c261d}.char.correct{color:#1f6f4b}.char.incorrect{color:#9d362f;background:#9d362f1a}.char.cursor{position:relative}.char.cursor:after{content:"";position:absolute;left:100%;top:.12em;width:2px;height:1.05em;background:#2c261d;animation:blink 1s steps(1) infinite}.stat-stack{display:grid;gap:.75rem}.stat-stack strong{font-size:1.8rem;color:#1f1811}.action-row{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}textarea{width:100%;min-height:220px;border:1px solid #d1c3ae;background:#fffdf8;color:#241c14;border-radius:18px;padding:1rem;resize:vertical;line-height:1.7;box-shadow:inset 0 1px #ffffffb3}textarea:focus{outline:2px solid rgba(60,51,40,.18);outline-offset:2px}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@media (max-width: 980px){.hero,.section-head,.workspace-grid{grid-template-columns:1fr;display:grid}.hero-stats{min-width:0}}@media (max-width: 700px){.hero-stats{grid-template-columns:1fr}}