@font-face{font-family:'Jameel Noori Nastaleeq';src:url(/JameelNooriNastaleeq.woff2) format('woff2');font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:#FBF6EE;color:#2B1E16;font-family:'Jameel Noori Nastaleeq',system-ui,'Noto Sans',sans-serif;font-size:17px}
body{max-width:520px;margin:0 auto;min-height:100vh;padding-bottom:84px}
.ur{font-family:'Jameel Noori Nastaleeq',serif;direction:rtl;line-height:2.1}
.top{background:linear-gradient(160deg,#4A1F2A,#6B2B3A);color:#F5E9D6;padding:16px 18px 18px;border-radius:0 0 22px 22px}
.top h1{font-size:23px}.top .ur{color:#E2C58F;font-size:19px}.top .sub{font-size:13px;color:#E7D3B5}
.back{color:#E7D3B5;font-size:16px;background:none;border:0;padding:4px 0 8px;cursor:pointer}
.card{background:#fff;border-radius:16px;margin:10px 14px;padding:12px 14px;box-shadow:0 2px 8px rgba(74,31,42,.08);border:1px solid #EFE4D2;display:block;color:inherit;text-decoration:none}
.row{display:flex;justify-content:space-between;align-items:center;gap:10px}
.tag{font-size:13px;font-weight:700;padding:3px 10px;border-radius:12px;color:#fff;white-space:nowrap}
.t{font-size:18px;font-weight:600}.s{font-size:14px;color:#7A6656}
.ex{font-size:11px;background:#E9DCC5;color:#6B4E2E;padding:2px 8px;border-radius:8px;font-weight:700}
.btn{display:block;width:calc(100% - 28px);margin:10px 14px;padding:16px;border-radius:14px;border:0;font-size:18px;font-weight:700;background:#6B2B3A;color:#fff;text-align:center;text-decoration:none;cursor:pointer}
.btn.wa{background:#1F8F4E}.btn.lt{background:#F1E7D7;color:#4A1F2A}.btn.gold{background:#B8893B}
.chips{display:flex;gap:8px;padding:8px 14px;overflow-x:auto}
.chip{padding:9px 14px;border-radius:16px;background:#F1E7D7;border:0;font-size:15px;white-space:nowrap;cursor:pointer}
.chip.on{background:#6B2B3A;color:#fff}
.nav{position:fixed;bottom:0;left:0;right:0;height:72px;background:#fff;border-top:1px solid #EADFCB;display:flex;justify-content:space-around;align-items:center;max-width:520px;margin:0 auto;z-index:5}
.nav a{flex:1;text-align:center;color:#9A8676;text-decoration:none;font-size:13px;position:relative;padding:6px 0}
.nav a b{display:block;font-size:24px;font-weight:400}.nav a.on{color:#6B2B3A;font-weight:700}
.badge{position:absolute;top:2px;left:55%;background:#C0392B;color:#fff;border-radius:10px;font-size:11px;min-width:18px;padding:1px 5px;font-weight:700}
label{display:block;margin:12px 16px 4px;font-weight:600;font-size:16px}
input,select,textarea{display:block;width:calc(100% - 32px);margin:0 16px;padding:14px;font-size:17px;border:1.5px solid #E0D2BC;border-radius:12px;background:#fff;font-family:inherit}
textarea{min-height:110px}
.note{margin:8px 14px;font-size:14px;color:#8A6E4B;background:#F4EAD8;padding:10px 12px;border-radius:12px}
.sec{margin:16px 18px 0;font-size:13px;font-weight:700;color:#8A6E4B;letter-spacing:1px}
.empty{text-align:center;color:#9A8676;padding:28px 18px;font-size:16px}
.foot{text-align:center;font-size:12px;color:#A8957F;padding:16px}
.fb{margin:10px 14px;border-radius:16px;overflow:hidden;border:1.5px solid #C9D3E8;background:#fff}
.fb iframe{display:block;border:0;width:100%;height:620px}
.av{width:50px;height:50px;border-radius:14px;background:#F1E4CC;display:flex;align-items:center;justify-content:center;color:#6B2B3A;font-weight:700;font-size:20px;flex:none}
.toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);background:#2B1E16;color:#fff;padding:12px 18px;border-radius:12px;font-size:15px;z-index:9}
.dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#C0392B;margin:0 4px}

html[lang=ur] .sec{letter-spacing:0;font-size:15px;line-height:2}html[lang=ur] .back,html[lang=ur] .btn,html[lang=ur] .chip,html[lang=ur] label,html[lang=ur] .note,html[lang=ur] .empty,html[lang=ur] .s,html[lang=ur] .tag{line-height:2}
button{font-family:inherit}html[lang=ur] body{font-size:18px}html[lang=ur] .chip{font-size:17px;padding:6px 16px}
.rules{font-size:14px;line-height:1.7}.rules .ur{font-size:15px;line-height:2}
.msgs{padding:4px 0 150px}
.msg{background:#fff;border:1px solid #EFE4D2;border-radius:16px 16px 16px 4px;margin:8px 40px 8px 14px;padding:8px 12px;box-shadow:0 1px 4px rgba(74,31,42,.06)}
.msg.me{background:#F4EAD8;border-color:#E2C58F;margin:8px 14px 8px 40px;border-radius:16px 16px 4px 16px}
.msg .mh{display:flex;justify-content:space-between;gap:8px;font-size:14px;color:#6B2B3A}.msg .mh .s{font-size:12px}
.msg .mt{font-size:17px;white-space:pre-wrap;word-wrap:break-word;margin-top:2px}
.rep{background:none;border:0;color:#A08770;font-size:13px;padding:6px 0 0;cursor:pointer}
.composer{position:fixed;bottom:72px;left:0;right:0;max-width:520px;margin:0 auto;background:#FBF6EE;border-top:1px solid #EADFCB;padding-top:8px;z-index:4}
.composer textarea{min-height:52px;font-size:17px}