:root{--bg-1:#f8f2e9;--bg-2:#e7f3ee;--ink:#203435;--ink-soft:#476260;--paper:#fffaf3d6;--line:#20343524;--accent:#c5532d;--accent-strong:#7b2e1b;--ok:#1f8f5f;--bad:#b63a2f;--radius:18px;--shadow:0 20px 36px #2b3a3e29}*{box-sizing:border-box}html,body,#app{min-height:100%}body{color:var(--ink);background:radial-gradient(circle at 15% 18%, #c5532d33, transparent 38%), radial-gradient(circle at 88% 8%, #2e745e40, transparent 30%), linear-gradient(145deg, var(--bg-1) 0%, var(--bg-2) 100%);margin:0;font-family:Avenir Next,Trebuchet MS,Gill Sans,sans-serif}.shell{gap:1rem;width:min(1080px,100% - 2rem);margin:1.5rem auto 2rem;animation:.48s ease-out both rise;display:grid}.hero{border:1px solid var(--line);background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.35rem 1.25rem}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);margin:0;font-size:.78rem}h1,h2{margin:0;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,serif}h1{margin-top:.35rem;font-size:clamp(1.8rem,3.2vw,2.7rem)}h2{margin-bottom:.55rem;font-size:1.35rem}.intro{max-width:65ch;color:var(--ink-soft);margin:.45rem 0 0}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow)}.controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;padding:.95rem;display:grid}.field{gap:.35rem;display:grid}label{font-size:.9rem;font-weight:700}select,input,button{font:inherit;color:inherit}select,input{border:1px solid var(--line);background:#ffffffbf;border-radius:12px;width:100%;padding:.58rem .66rem}select:focus,input:focus{border-color:#c5532db3;outline:2px solid #c5532d5c}.board{grid-template-columns:2fr 1fr;gap:1rem;display:grid}.practice,.score,.reference{padding:1rem}.prompt-type{color:var(--ink-soft);margin:0}.question{background:#ffffff94;border:1px dashed #7b2e1b57;border-radius:14px;margin:.95rem 0;padding:.85rem}.question-label{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.09em;margin:0;font-size:.86rem}.question-value{margin:.2rem 0 0;font-weight:700}.question-support{color:var(--ink-soft);margin:.45rem 0 0;font-size:.92rem}.helper-card{text-align:left;width:100%;color:var(--ink);cursor:pointer;background:#3563571a;border:1px solid #35635729;border-radius:14px;margin:0 0 .95rem;padding:.8rem .85rem;transition:background .22s,border-color .22s}.helper-card:hover{background:#35635724}.helper-card.revealed{border-color:#35635757}.helper-value{margin:.24rem 0 0;font-weight:700;transition:filter .32s,opacity .32s}.helper-value--blurred{filter:blur(6px);opacity:.75;-webkit-user-select:none;user-select:none}.helper-hint{color:var(--ink-soft);margin:.35rem 0 0;font-size:.86rem}.helper-tense-tip{color:var(--ink-soft);margin:.35rem 0 0;font-size:.84rem;font-style:italic}.answer-form{gap:.6rem;display:grid}.actions{gap:.5rem;display:flex}button{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#fff;cursor:pointer;border:none;border-radius:12px;padding:.56rem .92rem;font-weight:700;transition:transform .14s,filter .14s}button:hover{filter:brightness(1.05);transform:translateY(-1px)}button:disabled,input:disabled{cursor:wait;opacity:.78}.feedback{margin:.7rem 0 0;font-weight:700}.feedback.good{color:var(--ok)}.feedback.bad{color:var(--bad)}.success-state{animation:.6s successPulse;background:var(--ok)!important;border-color:var(--ok)!important}.score p,.reference p{margin:.42rem 0}.reference{cursor:pointer}.reference-hint{color:var(--ink-soft);margin-top:0;font-size:.9rem;font-weight:700}.reference-hidden{border-style:dashed}.reference-content{transition:filter .24s,opacity .24s}.reference-content--blurred{filter:blur(7px);opacity:.72;-webkit-user-select:none;user-select:none}.tense-description{color:var(--ink-soft);margin-top:.1rem;font-size:.9rem;font-style:italic}.answer-diff{margin:.45rem 0 0;font-weight:700;line-height:1.7}.diff-correct{color:var(--ok);margin-right:.3em}.diff-wrong{color:var(--bad);margin-right:.3em;-webkit-text-decoration:underline wavy;text-decoration:underline wavy}table{border-collapse:collapse;background:#ffffffa8;border-radius:12px;width:100%;margin-top:.85rem;overflow:hidden}th,td{text-align:left;border-bottom:1px solid var(--line);padding:.54rem .56rem}tbody tr:last-child td{border-bottom:none}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes successPulse{0%{transform:scale(1);box-shadow:0 0 #1f8f5f00}35%{transform:scale(1.01);box-shadow:0 0 0 10px #1f8f5f24}to{transform:scale(1);box-shadow:0 0 #1f8f5f00}}@media (width<=840px){.controls,.board{grid-template-columns:1fr}.actions{flex-direction:column}}