:root{--green:#175b43;--ink:#193d32;--light:#e8f3ec;--yellow:#f9ce4e;--blue:#e4f1ff;--line:#b8d4c4;--paper:#fff;--red:#a52d38}*{box-sizing:border-box}body{margin:0;background:#f5faf6;color:var(--ink);font:17px/1.6 "Trebuchet MS","Segoe UI",sans-serif}button,input,select{font:inherit}button,a,label,select{-webkit-tap-highlight-color:transparent}button,.file-button{cursor:pointer;min-height:46px;border:2px solid var(--green);border-radius:13px;padding:9px 18px;background:var(--paper);color:var(--green);font-weight:700}button:hover{background:var(--light)}button:disabled{cursor:default;opacity:.65}button.primary{background:var(--green);color:white}button.sun{background:var(--yellow);color:var(--ink)}:focus-visible{outline:3px solid #156bd1;outline-offset:4px}a{color:var(--green)}header{max-width:1100px;margin:auto;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:30px;font-weight:900;line-height:1.1}.brand small{display:block;font-size:13px;margin-top:6px;font-weight:600}.brand-icon{background:var(--yellow);padding:12px;border-radius:50%}nav{display:flex;gap:8px;max-width:1100px;padding:0 24px 18px;margin:auto;flex-wrap:wrap;border-bottom:1px solid var(--line)}nav button{border:0;background:transparent}nav button[aria-current=page]{background:var(--green);color:white}main{max-width:1052px;min-height:55vh;margin:26px auto;padding:0 24px}h1,h2,h3{line-height:1.2;letter-spacing:-.025em}h1{font-size:clamp(30px,5vw,48px);margin:10px 0 18px}h2{font-size:27px}h3{font-size:21px}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:25px;background:var(--light);border-radius:28px;padding:32px}.hero p{max-width:42ch}.hero-art{width:100%;max-height:290px}.hero .primary{margin-top:12px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:25px}.muted{color:#486357;font-size:15px}.subjects{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:22px 0}.subject{border:0;border-bottom:5px solid var(--line);padding:25px;text-align:left;background:white;border-radius:18px;display:block;width:100%}.subject strong{font-size:24px;display:block;margin:8px 0}.subject .emoji{font-size:38px}.subject small{display:block;font-weight:400}.stats{padding:14px 0;border-bottom:1px solid var(--line);display:flex;gap:25px;flex-wrap:wrap}.stats strong{font-size:24px}.toolbar{display:flex;gap:14px;flex-wrap:wrap;margin:20px 0;align-items:end}.toolbar label{display:flex;flex-direction:column;font-size:14px;font-weight:700;gap:5px}select,input{border:2px solid var(--line);border-radius:10px;padding:10px;color:var(--ink);background:white;max-width:100%;min-height:46px}.modes{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.modes button{font-size:15px}.modes button.active{background:var(--yellow)}.play-area{max-width:720px;margin:22px auto}.card{background:white;border:2px solid var(--line);border-radius:24px;padding:28px;text-align:center;min-height:300px}.picture{font-size:65px;line-height:1.4}.word{font-size:clamp(30px,6vw,46px);font-weight:900;line-height:1.2;margin:16px 0;overflow-wrap:anywhere}.meaning{font-size:23px}.example{background:var(--light);padding:15px;border-radius:12px;margin-top:20px}.actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:20px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.choices button{padding:18px;min-height:65px}.feedback{border-radius:12px;padding:16px;margin-top:18px;text-align:left;background:var(--light)}.feedback.bad{background:#ffeded;color:#812430}.feedback strong{display:block;font-size:20px}.correct{border-color:var(--green)!important;background:#d9f0df!important}.wrong{border-color:var(--red)!important;background:#ffe4e5!important}progress{width:100%;accent-color:var(--green);height:14px}.quiz-top{display:flex;justify-content:space-between;gap:10px;margin:12px 0}.answer-form{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:20px}.answer-form input{font-size:24px;text-align:center;width:100%}.matching{display:grid;grid-template-columns:1fr 1fr;gap:14px}.match-col{display:grid;gap:10px}.match-col button{min-height:80px}.selected{outline:3px solid #156bd1}.lesson{border-left:5px solid var(--yellow);padding:16px 22px;background:white;margin:20px 0}.place-table{display:flex;justify-content:center;gap:12px;margin:20px auto}.place-col{width:100px;background:var(--light);border-radius:15px;padding:12px}.place-col b{font-size:36px;display:block}.rod{height:130px;width:8px;background:#876540;margin:12px auto;position:relative;display:flex;flex-direction:column-reverse;align-items:center;gap:3px}.bead{display:block;background:#efaf2c;border:1px solid #9b690c;width:42px;height:11px;border-radius:10px;flex-shrink:0}.links{display:grid;gap:12px}.assignment{display:flex;align-items:center;justify-content:space-between;gap:20px;background:white;padding:18px;border-bottom:2px solid var(--line)}.assignment a{font-weight:700}.assignment label{white-space:nowrap;font-size:14px}.assignment input{min-height:0;width:20px;height:20px}.dictionary{width:100%;border-collapse:collapse;background:white}.dictionary td,.dictionary th{padding:12px;border-bottom:1px solid var(--line);text-align:left}.dictionary th{font-size:14px}.dictionary button{border:0;padding:4px 10px}.list-wrap{overflow:auto}.pill{display:inline-block;padding:3px 10px;background:var(--light);border-radius:20px;font-size:13px}.quiet{background:transparent;border:0;font-size:14px;padding:6px 12px}#notice{max-width:900px;margin:15px auto;padding:0 24px;color:var(--red)}#notice:empty{display:none}footer{max-width:1052px;margin:35px auto 0;border-top:1px solid var(--line);padding:20px 24px;font-size:13px}footer p{max-width:75ch}.file-button{display:inline-block;font-size:14px;border:0;padding:6px 12px}.file-button input{width:1px;height:1px;opacity:0;position:absolute}#update{position:sticky;bottom:10px;background:var(--yellow);padding:15px;margin:15px;border-radius:16px;text-align:center;box-shadow:0 4px 20px #193d3240}[hidden]{display:none!important}.source-note{font-size:14px;margin-top:24px}details{margin-top:22px}summary{cursor:pointer;font-weight:bold;padding:10px} @media(max-width:640px){header{padding:16px}.brand{font-size:25px}.brand small{font-size:11px}nav{padding:0 12px 12px;gap:0}nav button{padding:9px 10px;font-size:14px}main{padding:0 15px;margin-top:18px}.hero{grid-template-columns:1fr;padding:24px}.hero-art{max-height:170px;grid-row:2}.subjects{grid-template-columns:1fr;gap:10px}.subject{padding:16px}.subject .emoji{float:right}.subject strong{font-size:21px}.card{padding:20px 15px}.choices{gap:8px}.choices button{padding:12px 9px;font-size:16px}.assignment{align-items:flex-start;gap:10px;padding:14px}.assignment label{white-space:normal}.stats{gap:14px}.toolbar{gap:10px}.toolbar label{flex:1;min-width:130px}.modes button{padding:8px 11px}.matching{gap:8px}.match-col button{padding:10px;font-size:15px}.dictionary td{padding:8px;font-size:15px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Readable space theme: pale surfaces, navy text, red actions, cyan accents. */
@font-face{font-family:Nunito;src:url('nunito.ttf') format('truetype');font-style:normal;font-weight:200 1000;font-display:swap}
:root{--green:#18324b;--ink:#162d43;--light:#e9f8fc;--yellow:#c6f1f8;--line:#9ab7c6;--red:#a61c31;--action:#b51d32}
body{background:#f4f8fc;color:var(--ink);font-family:Nunito,Arial,sans-serif;font-size:19px;font-weight:600;line-height:1.65}
h1,h2,h3{letter-spacing:0;line-height:1.3;font-weight:800}h1{font-size:clamp(32px,4.5vw,44px)}
button,.file-button{font-weight:800;line-height:1.4;min-height:50px}button{color:var(--ink);border-color:#648294}button:hover{background:#e0f4fa}
button.primary,.hero .primary{background:var(--action);border-color:var(--action);color:#fff}button.primary:hover,.hero .primary:hover{background:#94152a;border-color:#94152a}
button:disabled{opacity:1;color:#43576a;background:#edf2f6;border-color:#a2b5c4}
a{color:#173f69}.brand{color:#162d43;font-weight:900}.brand small{font-size:15px;font-weight:700;line-height:1.4}.brand-icon{background:#c6f1f8}
nav{gap:8px}nav button{color:#18324b;font-size:18px;background:white;border:1px solid #9ab7c6}nav button[aria-current=page]{background:#18324b;color:#fff;border-color:#18324b;box-shadow:inset 0 -4px #4dd2e7}
.hero{background:#fff;color:var(--ink);border:2px solid #9bcddd;border-radius:24px}.hero .pill{background:#e0f4fa;color:#18324b;font-size:16px}.hero p{font-size:20px}.hero-art{background:#18324b;border-radius:24px;padding:12px;filter:none}
.subject{color:#162d43;border:1px solid #9ab7c6;border-bottom:5px solid #19a9c2}.subject small{color:#374f65;font-size:17px;font-weight:600}.subject strong{font-weight:800}
.muted,.source-note{color:#374f65;font-size:16px}.toolbar label{font-size:17px}.modes button{font-size:17px}.modes button.active{background:#c6f1f8;color:#162d43;border-color:#147b92;box-shadow:inset 0 -3px #147b92}
.word{font-size:clamp(36px,6vw,48px);font-weight:800;letter-spacing:.01em;line-height:1.35}.meaning{font-size:25px;font-weight:700}.example{font-size:20px}.card{border-color:#9ab7c6}.card h2{font-size:28px}.card h2.word{font-size:clamp(36px,6vw,48px)}.choices button,.match-col button{font-size:20px;color:#162d43}.quiz-top{font-size:17px}
.feedback{background:#e8f5ed;color:#174a30;font-size:19px}.feedback.bad{background:#fff0f2;color:#86182a}.correct{color:#174a30!important;border-color:#237445!important;background:#e8f5ed!important}.wrong{color:#86182a!important;border-color:#a61c31!important;background:#fff0f2!important}
.quiet,.file-button{font-size:16px;color:#18324b}.dictionary td{font-size:19px}.dictionary th{font-size:17px}.pill{font-size:16px}.assignment label{font-size:16px}footer{font-size:16px;color:#374f65}footer .quiet{font-weight:800}.place-col{color:#162d43}.place-col small{font-size:16px}.bead{background:#28bcd4;border-color:#11697d}
@media(max-width:640px){body{font-size:19px}header{padding:16px 14px;flex-wrap:wrap}.brand{font-size:29px}.brand small{font-size:14px}nav{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 14px 16px}nav button{font-size:17px;padding:12px 8px}.hero{padding:22px}.hero p{font-size:19px}.hero-art{max-height:180px}.choices button,.match-col button{font-size:19px;padding:14px 10px;overflow-wrap:anywhere}.modes{display:grid;grid-template-columns:1fr 1fr}.modes button{font-size:17px;padding:12px 10px}.dictionary td{font-size:18px}.card h2{font-size:26px}.toolbar label{font-size:17px}.assignment{flex-wrap:wrap}.place-table{gap:8px}.place-col{min-width:0;padding:8px;width:90px}.place-col small{font-size:14px}.quiz-top{flex-wrap:wrap}.stats{font-size:17px}.subject strong{font-size:23px}}