:root{font:16px/1.55 system-ui,-apple-system,"Noto Sans Khmer",sans-serif;background:#f5f7fb;color:#182d4a}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;flex-direction:column}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #9eafc6;background:#fff;border-radius:10px;color:#153c77;font-weight:700;padding:.7rem 1rem}button:hover{background:#ebf2fe}button:disabled{opacity:.55;cursor:default}.primary{background:#c3293a;color:white;border-color:#c3293a}.primary:hover{background:#a91f2f}input,select{padding:.75rem;border:1px solid #b4c3d4;border-radius:10px;width:100%;background:#fff;color:inherit}input[type=checkbox]{width:auto}label{display:block;font-weight:650;margin:1rem 0}label input,label select{display:block;margin:.3rem 0;font-weight:400}.masthead{background:#183b78;border-bottom:5px solid #c6263a;color:white;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem max(1rem,calc((100vw - 1120px)/2))}.brand{font-weight:900;font-size:1.4rem;color:white;text-decoration:none;white-space:nowrap}.masthead nav{display:flex;gap:.35rem;flex-wrap:wrap;justify-content:end}.masthead button{background:transparent;border-color:transparent;color:white;padding:.5rem}.masthead button:hover{background:#ffffff20}main{width:min(1120px,100%);margin:0 auto;padding:clamp(1rem,3vw,2rem);flex:1}.hero{background:linear-gradient(128deg,#17468e,#142d68 70%);border-radius:24px;color:white;padding:clamp(2rem,6vw,5rem);margin-bottom:1.5rem;box-shadow:0 15px 40px #14357421}.hero h1{font-size:clamp(2.2rem,5vw,4.4rem);line-height:1.05;max-width:760px;margin:.5rem 0}.hero p{max-width:650px}.eyebrow{font-size:.8rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.hero button{margin:.4rem .5rem .4rem 0}.section{margin:2rem 0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.card,.panel{background:white;border:1px solid #dae3ef;border-radius:16px;padding:1.4rem;box-shadow:0 7px 20px #1b3b710a}.card h3{margin:.4rem 0}.card p{color:#516782}.card .badge{font-size:.75rem;font-weight:850;color:#aa2435;text-transform:uppercase;letter-spacing:.08em}.panel{max-width:720px;margin:1rem auto}.panel h1{margin-top:.2rem}h2{line-height:1.2}.actions{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.2rem 0}.muted{color:#5b708b}.notice{padding:1rem;background:#fff5df;border:1px solid #efd59f;border-radius:12px}.success{background:#e9f6ed;border-color:#a4d5b2}.error{color:#ad2232}.form-stack{max-width:440px}.social{display:flex;gap:.7rem;flex-wrap:wrap}.switcher{display:flex;gap:.4rem;flex-wrap:wrap}.switcher button[aria-current=page]{color:white;background:#153b73}.question{font-size:clamp(1.4rem,3vw,2rem);font-weight:700;margin:1.4rem 0 .1rem}.roman{display:block;color:#7585a1;font-size:1rem;font-weight:500}.answer-grid{display:grid;gap:.7rem;margin:1.2rem 0}.answer-grid button{text-align:left}.answer-grid button.correct{background:#d9f2df;border-color:#70b681}.answer-grid button.wrong{background:#ffebed;border-color:#da8190}.lesson-head{display:flex;justify-content:space-between;gap:1rem;align-items:center}.lesson-head h1{margin:.2rem 0}.pill{background:#e4ebf7;border-radius:100px;padding:.35rem .8rem;color:#183f7d;font-size:.8rem;font-weight:700}.vocab{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.7rem}.vocab>div{background:#f6f8fc;border:1px solid #e1e7f1;padding:1rem;border-radius:12px}.khmer{font-size:1.45rem;display:block}.vocab small{color:#5c6f87}.row{display:flex;justify-content:space-between;align-items:center;gap:1rem;border-bottom:1px solid #e3e9f2;padding:.9rem 0}.row:last-child{border:0}.row small{display:block;color:#667994}.bar{height:10px;border-radius:100px;background:#e4ebf4;overflow:hidden}.bar span{display:block;height:100%;background:#c62a40}.policy{white-space:pre-wrap;margin:1.5rem 0}footer{padding:1.5rem;text-align:center;color:#63758c}footer a{color:#173f80}.hidden{display:none!important}@media(max-width:720px){.masthead{align-items:start;flex-direction:column}.masthead nav{justify-content:start}.grid{grid-template-columns:1fr}.hero{border-radius:16px}.lesson-head{align-items:start;flex-direction:column}}
:root{--voice:#174887}.voice-status:not([hidden]){position:fixed;bottom:1rem;left:50%;transform:translateX(-50%);background:#173a70;color:#fff;padding:.7rem 1.2rem;border-radius:12px;box-shadow:0 8px 25px #081e4266;z-index:10;max-width:min(90vw,450px)}.voice-progress{display:block;width:200px;height:10px;border-radius:100px;background:#ffffff4d;overflow:hidden}.voice-progress span{display:block;width:35%;height:100%;background:#fff;border-radius:100px;animation:voice-load 1.6s ease-in-out infinite alternate}@keyframes voice-load{to{transform:translateX(190%)}}
:root{--dialogue-border:#d7e2f0}.dialogue{border:1px solid var(--dialogue-border);border-radius:14px;background:#f8fbff;padding:1rem;margin:1rem 0}.dialogue strong,.dialogue small{display:block}.dialogue small{color:#5c6f87;margin:.25rem 0 .5rem}