.uk-toolbar{display:flex;gap:1rem;flex-wrap:wrap;margin:1rem 0 .6rem}.uk-toggle{display:flex;align-items:center;gap:.45rem;font:600 .83rem/1.5 system-ui,sans-serif;cursor:pointer}.uk-toggle input{accent-color:#0f5132;width:17px;height:17px}.uk-help,.uk-status{font-size:.78rem;line-height:1.75;color:#526357;margin:.7rem 0}.uk-status{min-height:1.6em}.uk-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.4rem}.uk-key{background:#fff;border:1px solid #d7e0d7;border-radius:8px;min-height:76px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#0f5132;cursor:pointer;padding:2px}.uk-key span{font-family:'Noto Nastaliq Urdu',serif;font-size:1.05rem;line-height:2.8;unicode-bidi:isolate}.uk-key small{font:500 .62rem/1.4 system-ui,sans-serif;color:#607166}.uk-key:hover,.uk-action:hover{background:#edf6ee;border-color:#0f5132}.uk-key:active{background:#d9ecdd}.uk-actions{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.6rem}.uk-action{border:1px solid #d7e0d7;background:#fafcf9;border-radius:7px;padding:.6rem .7rem;font:500 .75rem system-ui,sans-serif;color:#173d28;cursor:pointer}.uk-map{border-top:1px solid #e2e8e0;padding-top:.8rem;margin-top:.8rem;font-size:.8rem}.uk-map summary{font-weight:600;color:#0f5132;cursor:pointer}.uk-map p{line-height:1.7;margin:.8rem 0}.uk-map-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.uk-map-list>div{padding:.2rem .4rem;background:#f3f7f1;line-height:2.8;white-space:nowrap}.uk-map-list bdi{font-family:'Noto Nastaliq Urdu',serif;font-size:1rem}.uk-map-list kbd{font-weight:600}#urduTextInput{unicode-bidi:plaintext;scroll-margin-top:100px}
@media(max-width:420px){.uk-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.uk-key{min-height:76px}.uk-map-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ur-reader{background:#f0f7f1;border:1px solid #d2e3d5;border-radius:10px;padding:1rem;margin:.4rem 0 1.2rem}.ur-reader-title{font-size:.95rem;font-weight:700;color:#0f5132}.ur-reader-options{display:flex;gap:.7rem;flex-wrap:wrap}.ur-reader-options label{display:flex;flex-direction:column;gap:.3rem;flex:1;min-width:120px;font:600 .78rem/1.5 system-ui,sans-serif}.ur-reader-options select{width:100%;min-width:0;padding:.55rem;border:1px solid #cbdccc;border-radius:7px;background:white;font-size:.78rem}.ur-reader-actions{display:flex;gap:.5rem;margin-top:.8rem;flex-wrap:wrap}.ur-listen{background:#0f5132;color:#fff;min-height:42px;font-weight:700}.ur-listen:hover{background:#0b3b24;color:#fff}.ur-reader button:disabled{opacity:.55;cursor:default}.ur-reader-privacy{font-size:.72rem;line-height:1.7;color:#53695a;margin-top:.7rem}.ur-reader .uk-status{margin:.5rem 0 0;font-size:.8rem}.ur-reader .uk-help{margin:.4rem 0 .7rem}