:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#243c35;background:#f5f3ec;font-synthesis:none;color-scheme:light}*{box-sizing:border-box}body{margin:0}main{max-width:650px;margin:auto;padding:0 18px calc(120px + env(safe-area-inset-bottom))}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #cb8449;outline-offset:3px}.sticky{position:sticky;top:0;z-index:2;background:#f5f3ec;padding-top:env(safe-area-inset-top)}header{display:flex;justify-content:space-between;align-items:center;height:65px}.brand{display:flex;align-items:center;gap:7px;text-decoration:none;color:inherit;font-size:17px;font-weight:700;letter-spacing:-.5px}.light{font-weight:400}.brandmark{display:grid;place-items:center;background:#254c3e;color:#fff;border-radius:10px;width:30px;height:32px;font-family:"Gurmukhi MN","Nirmala UI",sans-serif;font-size:23px}.icon-button{width:32px;height:32px;border:1px solid #cccfc6;border-radius:50%;background:transparent;color:#365246;font-size:17px}.card{background:#fffdf8;border:1px solid #dedfd4;box-shadow:0 3px 8px #243c3505;border-radius:24px;text-align:center;padding:15px 20px 12px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#758075}#letter{font-family:"Gurmukhi MN","Gurmukhi Sangam MN","Nirmala UI",sans-serif;font-size:100px;line-height:1.35;height:137px;color:#244c3b}.card-foot{display:flex;justify-content:space-between;font-size:12px;color:#737d73}#feedback{text-align:center;font-size:13px;min-height:45px;padding:13px 0 10px;font-weight:500}.section-head{display:flex;justify-content:space-between;align-items:center;margin:8px 0 12px}.section-head h1{font-size:14px;margin:0;font-weight:600}.section-head span{font-size:11px;color:#7a8378}#answers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.answer{min-height:49px;border:1px solid #dddcd2;border-radius:12px;background:#fffdf8;color:#344a40;padding:7px 3px;font-size:13px;font-weight:500;position:relative;transition:background .15s,border-color .15s}.answer small{display:block;font-size:9px;color:#768074;margin-top:2px}.answer:active:not(:disabled){transform:scale(.97)}.answer:disabled{opacity:1;cursor:default}.answer.correct{background:#d0edda;border:2px solid #368453;color:#185b32}.answer.wrong{background:#f8dada;border:2px solid #c45353;color:#932b2b}.answer.correct small,.answer.wrong small{color:inherit}.answer.correct:after{content:'✓';position:absolute;top:2px;right:5px;font-size:10px}.answer.wrong:after{content:'×';position:absolute;top:2px;right:5px;font-size:13px}footer{margin:25px 0 0;text-align:center;color:#6d796d;font-size:12px}footer label{display:flex;justify-content:center;gap:7px;align-items:center}input{accent-color:#254c3e;width:17px;height:17px}footer p{font-size:10px;line-height:1.5}.text-button{border:0;background:none;color:#526c5b;text-decoration:underline;padding:10px}#next-bar{position:fixed;bottom:0;left:0;right:0;background:#f5f3ecf5;padding:12px 20px calc(10px + env(safe-area-inset-bottom));z-index:3;text-align:center;border-top:1px solid #dedfd4}#next-bar[hidden]{display:none}#next{display:flex;align-items:center;justify-content:space-between;background:#254c3e;color:white;border:0;border-radius:14px;width:100%;max-width:610px;margin:auto;padding:13px 18px;font-weight:600}#countdown{display:block;color:#6d796d;font-size:10px;margin-top:6px}dialog{border:1px solid #d9d9d0;border-radius:22px;max-width:430px;width:calc(100% - 36px);max-height:85vh;background:#fffdf8;color:#243c35;padding:25px}dialog::backdrop{background:#15342860;backdrop-filter:blur(3px)}.close{float:right}dialog h2{font-size:25px;letter-spacing:-1px;clear:both;padding-top:8px}dialog h3{font-size:16px}dialog p{font-size:14px;line-height:1.65}dialog a{color:#365f43}.source{font-size:11px!important}@media(min-width:580px){#answers{grid-template-columns:repeat(5,minmax(0,1fr))}.answer{min-height:60px}.card{margin-top:8px}header{height:80px}#letter{font-size:120px;height:158px}}@media(max-width:360px){main{padding-left:12px;padding-right:12px}.answer{font-size:12px}#letter{height:110px;font-size:82px}}

[hidden]{display:none!important}.modes{display:flex;gap:4px;background:#e7e9df;border-radius:12px;padding:4px;margin-bottom:12px}.modes button{flex:1;border:0;background:transparent;border-radius:9px;padding:9px;font-size:13px;color:#617165}.modes button[aria-pressed="true"]{background:#fffdf8;color:#244c3b;font-weight:700;box-shadow:0 1px 4px #243c3510}#results{padding:18px 0}#results h2{font-size:28px;letter-spacing:-1px;margin:10px 0}#result-summary{font-size:14px;line-height:1.6;color:#627466}.mistake{display:flex;align-items:center;gap:14px;padding:14px 10px;border-bottom:1px solid #dedfd4}.mistake-letter{font-family:"Gurmukhi MN","Nirmala UI",sans-serif;font-size:35px;color:#244c3b;min-width:45px}.mistake strong{font-size:13px}.mistake small{display:block;color:#945252;font-size:11px;margin-top:5px}.result-actions{display:grid;gap:10px;margin-top:22px}.result-actions button{padding:14px;border:1px solid #cdd3c7;border-radius:12px;background:#fffdf8;color:#254c3e;font-size:14px;font-weight:600}.result-actions #retry{background:#254c3e;color:white;border-color:#254c3e}body.show-results .card,body.show-results #feedback{display:none}#test-note{color:#8b6b42}