:root{color-scheme:light;--paper:#fffdf8;--bg:#f6f3ec;--ink:#292b28;--muted:#64685f;--green:#294d40;--line:#d9ddcf;--pale:#ebf0e8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 system-ui,-apple-system,sans-serif}main{max-width:740px;margin:auto;padding:32px 24px max(32px,env(safe-area-inset-bottom))}header{display:flex;gap:14px;align-items:center;margin-bottom:40px}.monogram{display:grid;place-items:center;background:var(--green);color:var(--paper);width:48px;height:48px;border-radius:13px;font:32px Georgia,serif;flex-shrink:0}.brand{font-weight:650;font-size:21px;margin:0}.tagline{font-size:14px;color:var(--muted);margin:0}.progress-label{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:650;color:var(--muted);margin:0}progress{display:block;width:100%;height:5px;margin:12px 0 30px;border:0;background:var(--line);border-radius:8px;overflow:hidden}progress::-webkit-progress-bar{background:var(--line)}progress::-webkit-progress-value{background:var(--green)}progress::-moz-progress-bar{background:var(--green)}h1{font:36px/1.2 Georgia,serif;margin:0 0 12px}.instructions{color:var(--muted);margin:0 0 26px}.card{border:1px solid var(--line);border-radius:20px;background:var(--paper);padding:28px}h2{font:28px/1.5 Georgia,serif;margin:12px 0 0}hr{border:0;border-top:1px solid var(--line);margin:26px 0}.latin{font:26px/2.1 Georgia,serif;margin:12px 0 28px;overflow-wrap:break-word}select{font:inherit;font-size:23px;color:var(--green);background:var(--pale);border:1.5px solid var(--green);border-radius:8px;min-height:50px;padding:4px 8px;max-width:100%;vertical-align:baseline}button{font:600 16px/1.5 system-ui;cursor:pointer;border:0;border-radius:10px;color:var(--green);background:transparent;min-height:48px;padding:10px 4px}button:disabled{color:#74786f;cursor:default}.primary{width:100%;color:white;background:var(--green);padding:14px}button:hover:not(:disabled),summary:hover{filter:brightness(.85)}:focus-visible{outline:3px solid #ad6b22;outline-offset:4px}#feedback:not(:empty){margin-top:22px;padding:18px;background:var(--pale);border-radius:12px}#feedback.incorrect{background:#f8ede5}#feedback h3{font-size:19px;color:var(--green);margin:0 0 8px}#feedback.incorrect h3{color:#863d2c}#feedback p{margin:8px 0}.complete-latin{font:23px/1.6 Georgia,serif;color:var(--green)}details{margin:14px 0}summary{cursor:pointer;color:var(--green);font-weight:600;min-height:48px;padding:10px 0}details p{margin:0 0 14px;color:var(--muted)}nav{display:flex;justify-content:space-between;gap:16px}footer{margin-top:38px;text-align:center;font-size:13px;color:var(--muted)}footer p{margin:5px 0}.help{text-align:left;border-top:1px solid var(--line);margin-top:24px;padding-top:8px}.help summary{font-size:15px}#completion{color:var(--green);font-weight:600}#update{border:1px solid var(--green);padding:10px 18px}[hidden]{display:none!important}@media(max-width:420px){main{padding:24px 18px}.card{padding:20px}h1{font-size:31px}h2{font-size:25px}.latin{font-size:24px}.tagline{font-size:12px}}