/* =====================================================================
   Mess Mint — Responsive Screen Scaling  (laptop → desktop → large monitors)
   ---------------------------------------------------------------------
   • Mobile / tablet / laptop (viewport < 1600px): কিছুই বদলায় না — আগের মতোই।
   • 1600px বা তার বেশি চওড়া স্ক্রিনে পুরো UI একসাথে proportionally বড় হয়
     (লেআউট, লেখা, বাটন, কার্ড, ছবি) — স্ক্রিন যত বড়, UI তত বড়, তবে ধীরে ধীরে
     (প্রতি 32px-এ ধাপে ধাপে), তাই বেশি বড় দেখায় না।
   • স্ক্রিনের উচ্চতা কম হলে scale উচ্চতা অনুযায়ী আটকে যায়, যাতে কিছু কেটে না যায়।
   • Print-এ কোনো scale হয় না।
   • vh/vw ঠিক রাখার কাজ responsive-scale.js করে (CSS কপি করা হয় না)।
   ===================================================================== */

:root{ --mm-z:1; --mm-zw:1; --mm-zh:99 }

@supports (zoom:1){
@media screen{
  @media (min-width:1600px){:root{--mm-zw:1.0000}}
  @media (min-width:1632px){:root{--mm-zw:1.0140}}
  @media (min-width:1664px){:root{--mm-zw:1.0278}}
  @media (min-width:1696px){:root{--mm-zw:1.0416}}
  @media (min-width:1728px){:root{--mm-zw:1.0554}}
  @media (min-width:1760px){:root{--mm-zw:1.0690}}
  @media (min-width:1792px){:root{--mm-zw:1.0826}}
  @media (min-width:1824px){:root{--mm-zw:1.0961}}
  @media (min-width:1856px){:root{--mm-zw:1.1095}}
  @media (min-width:1888px){:root{--mm-zw:1.1228}}
  @media (min-width:1920px){:root{--mm-zw:1.1361}}
  @media (min-width:1952px){:root{--mm-zw:1.1493}}
  @media (min-width:1984px){:root{--mm-zw:1.1625}}
  @media (min-width:2016px){:root{--mm-zw:1.1756}}
  @media (min-width:2048px){:root{--mm-zw:1.1886}}
  @media (min-width:2080px){:root{--mm-zw:1.2016}}
  @media (min-width:2112px){:root{--mm-zw:1.2145}}
  @media (min-width:2144px){:root{--mm-zw:1.2274}}
  @media (min-width:2176px){:root{--mm-zw:1.2402}}
  @media (min-width:2208px){:root{--mm-zw:1.2529}}
  @media (min-width:2240px){:root{--mm-zw:1.2656}}
  @media (min-width:2272px){:root{--mm-zw:1.2782}}
  @media (min-width:2304px){:root{--mm-zw:1.2908}}
  @media (min-width:2336px){:root{--mm-zw:1.3033}}
  @media (min-width:2368px){:root{--mm-zw:1.3158}}
  @media (min-width:2400px){:root{--mm-zw:1.3282}}
  @media (min-width:2432px){:root{--mm-zw:1.3406}}
  @media (min-width:2464px){:root{--mm-zw:1.3529}}
  @media (min-width:2496px){:root{--mm-zw:1.3652}}
  @media (min-width:2528px){:root{--mm-zw:1.3774}}
  @media (min-width:2560px){:root{--mm-zw:1.3896}}
  @media (min-width:2592px){:root{--mm-zw:1.4017}}
  @media (min-width:2624px){:root{--mm-zw:1.4138}}
  @media (min-width:2656px){:root{--mm-zw:1.4259}}
  @media (min-width:2688px){:root{--mm-zw:1.4379}}
  @media (min-width:2720px){:root{--mm-zw:1.4498}}
  @media (min-width:2752px){:root{--mm-zw:1.4617}}
  @media (min-width:2784px){:root{--mm-zw:1.4736}}
  @media (min-width:2816px){:root{--mm-zw:1.4855}}
  @media (min-width:2848px){:root{--mm-zw:1.4972}}
  @media (min-width:2880px){:root{--mm-zw:1.5090}}
  @media (min-width:2912px){:root{--mm-zw:1.5207}}
  @media (min-width:2944px){:root{--mm-zw:1.5324}}
  @media (min-width:2976px){:root{--mm-zw:1.5440}}
  @media (min-width:3008px){:root{--mm-zw:1.5556}}
  @media (min-width:3040px){:root{--mm-zw:1.5672}}
  @media (min-width:3072px){:root{--mm-zw:1.5787}}
  @media (min-width:3104px){:root{--mm-zw:1.5902}}
  @media (min-width:3136px){:root{--mm-zw:1.6017}}
  @media (min-width:3168px){:root{--mm-zw:1.6131}}
  @media (min-width:3200px){:root{--mm-zw:1.6245}}
  @media (min-width:3232px){:root{--mm-zw:1.6359}}
  @media (min-width:3264px){:root{--mm-zw:1.6472}}
  @media (min-width:3296px){:root{--mm-zw:1.6585}}
  @media (min-width:3328px){:root{--mm-zw:1.6697}}
  @media (min-width:3360px){:root{--mm-zw:1.6809}}
  @media (min-width:3392px){:root{--mm-zw:1.6921}}
  @media (min-width:3424px){:root{--mm-zw:1.7033}}
  @media (min-width:3456px){:root{--mm-zw:1.7144}}
  @media (min-width:3488px){:root{--mm-zw:1.7255}}
  @media (min-width:3520px){:root{--mm-zw:1.7366}}
  @media (min-width:3552px){:root{--mm-zw:1.7476}}
  @media (min-width:3584px){:root{--mm-zw:1.7586}}
  @media (min-width:3616px){:root{--mm-zw:1.7696}}
  @media (min-width:3648px){:root{--mm-zw:1.7806}}
  @media (min-width:3680px){:root{--mm-zw:1.7915}}
  @media (min-width:3712px){:root{--mm-zw:1.8024}}
  @media (min-width:3744px){:root{--mm-zw:1.8132}}
  @media (min-width:3776px){:root{--mm-zw:1.8241}}
  @media (min-width:3808px){:root{--mm-zw:1.8349}}
  @media (min-width:3840px){:root{--mm-zw:1.8456}}
  @media (min-width:3904px){:root{--mm-zw:1.8671}}
  @media (min-width:3968px){:root{--mm-zw:1.8885}}
  @media (min-width:4032px){:root{--mm-zw:1.9098}}
  @media (min-width:4096px){:root{--mm-zw:1.9309}}
  @media (min-width:4160px){:root{--mm-zw:1.9520}}
  @media (min-width:4224px){:root{--mm-zw:1.9730}}
  @media (min-width:4288px){:root{--mm-zw:1.9939}}
  @media (min-width:4352px){:root{--mm-zw:2.0146}}
  @media (min-width:4416px){:root{--mm-zw:2.0353}}
  @media (min-width:4480px){:root{--mm-zw:2.0559}}
  @media (min-width:4544px){:root{--mm-zw:2.0765}}
  @media (min-width:4608px){:root{--mm-zw:2.0969}}
  @media (min-width:4672px){:root{--mm-zw:2.1172}}
  @media (min-width:4736px){:root{--mm-zw:2.1375}}
  @media (min-width:4800px){:root{--mm-zw:2.1577}}
  @media (min-width:4864px){:root{--mm-zw:2.1778}}
  @media (min-width:4928px){:root{--mm-zw:2.1978}}
  @media (min-width:4992px){:root{--mm-zw:2.2177}}
  @media (min-width:5056px){:root{--mm-zw:2.2376}}
  @media (min-width:5120px){:root{--mm-zw:2.2574}}
  @media (min-width:5184px){:root{--mm-zw:2.2771}}
  @media (min-width:5248px){:root{--mm-zw:2.2967}}
  @media (min-width:5312px){:root{--mm-zw:2.3163}}
  @media (min-width:5376px){:root{--mm-zw:2.3358}}
  @media (min-width:5440px){:root{--mm-zw:2.3552}}
  @media (min-width:5504px){:root{--mm-zw:2.3746}}
  @media (min-width:5568px){:root{--mm-zw:2.3939}}
  @media (min-width:5632px){:root{--mm-zw:2.4131}}
  @media (min-width:5696px){:root{--mm-zw:2.4323}}
  @media (min-width:5760px){:root{--mm-zw:2.4514}}
  @media (min-width:5824px){:root{--mm-zw:2.4704}}
  @media (min-width:5888px){:root{--mm-zw:2.4894}}
  @media (min-width:5952px){:root{--mm-zw:2.5083}}
  @media (min-width:6016px){:root{--mm-zw:2.5272}}
  @media (min-width:6080px){:root{--mm-zw:2.5459}}
  @media (min-width:6144px){:root{--mm-zw:2.5647}}
  @media (min-width:6208px){:root{--mm-zw:2.5833}}
  @media (min-width:6272px){:root{--mm-zw:2.6020}}
  @media (min-width:6336px){:root{--mm-zw:2.6205}}
  @media (min-width:6400px){:root{--mm-zw:2.6390}}
  @media (min-width:6464px){:root{--mm-zw:2.6575}}
  @media (min-width:6528px){:root{--mm-zw:2.6759}}
  @media (min-width:6592px){:root{--mm-zw:2.6942}}
  @media (min-width:6656px){:root{--mm-zw:2.7125}}
  @media (min-width:6720px){:root{--mm-zw:2.7307}}
  @media (min-width:6784px){:root{--mm-zw:2.7489}}
  @media (min-width:6848px){:root{--mm-zw:2.7670}}
  @media (min-width:6912px){:root{--mm-zw:2.7851}}
  @media (min-width:6976px){:root{--mm-zw:2.8031}}
  @media (min-width:7040px){:root{--mm-zw:2.8211}}
  @media (min-width:7104px){:root{--mm-zw:2.8390}}
  @media (min-width:7168px){:root{--mm-zw:2.8569}}
  @media (min-width:7232px){:root{--mm-zw:2.8747}}
  @media (min-width:7296px){:root{--mm-zw:2.8925}}
  @media (min-width:7360px){:root{--mm-zw:2.9103}}
  @media (min-width:7424px){:root{--mm-zw:2.9279}}
  @media (min-width:7488px){:root{--mm-zw:2.9456}}
  @media (min-width:7552px){:root{--mm-zw:2.9632}}
  @media (min-width:7616px){:root{--mm-zw:2.9807}}
  @media (min-width:7680px){:root{--mm-zw:2.9983}}

  @media (min-height:745px){:root{--mm-zh:1.0347}}
  @media (min-height:770px){:root{--mm-zh:1.0694}}
  @media (min-height:795px){:root{--mm-zh:1.1042}}
  @media (min-height:820px){:root{--mm-zh:1.1389}}
  @media (min-height:845px){:root{--mm-zh:1.1736}}
  @media (min-height:870px){:root{--mm-zh:1.2083}}
  @media (min-height:895px){:root{--mm-zh:1.2431}}
  @media (min-height:920px){:root{--mm-zh:1.2778}}
  @media (min-height:945px){:root{--mm-zh:1.3125}}
  @media (min-height:970px){:root{--mm-zh:1.3472}}
  @media (min-height:995px){:root{--mm-zh:1.3819}}
  @media (min-height:1020px){:root{--mm-zh:1.4167}}
  @media (min-height:1045px){:root{--mm-zh:1.4514}}
  @media (min-height:1070px){:root{--mm-zh:1.4861}}
  @media (min-height:1095px){:root{--mm-zh:1.5208}}
  @media (min-height:1120px){:root{--mm-zh:1.5556}}
  @media (min-height:1145px){:root{--mm-zh:1.5903}}
  @media (min-height:1170px){:root{--mm-zh:1.6250}}
  @media (min-height:1195px){:root{--mm-zh:1.6597}}
  @media (min-height:1220px){:root{--mm-zh:1.6944}}
  @media (min-height:1245px){:root{--mm-zh:1.7292}}
  @media (min-height:1270px){:root{--mm-zh:1.7639}}
  @media (min-height:1295px){:root{--mm-zh:1.7986}}
  @media (min-height:1320px){:root{--mm-zh:1.8333}}
  @media (min-height:1345px){:root{--mm-zh:1.8681}}
  @media (min-height:1370px){:root{--mm-zh:1.9028}}
  @media (min-height:1395px){:root{--mm-zh:1.9375}}
  @media (min-height:1420px){:root{--mm-zh:1.9722}}
  @media (min-height:1445px){:root{--mm-zh:2.0069}}
  @media (min-height:1470px){:root{--mm-zh:2.0417}}
  @media (min-height:1495px){:root{--mm-zh:2.0764}}
  @media (min-height:1520px){:root{--mm-zh:2.1111}}
  @media (min-height:1545px){:root{--mm-zh:2.1458}}
  @media (min-height:1570px){:root{--mm-zh:2.1806}}
  @media (min-height:1595px){:root{--mm-zh:2.2153}}
  @media (min-height:1620px){:root{--mm-zh:2.2500}}
  @media (min-height:1645px){:root{--mm-zh:2.2847}}
  @media (min-height:1670px){:root{--mm-zh:2.3194}}
  @media (min-height:1695px){:root{--mm-zh:2.3542}}
  @media (min-height:1720px){:root{--mm-zh:2.3889}}
  @media (min-height:1745px){:root{--mm-zh:2.4236}}
  @media (min-height:1770px){:root{--mm-zh:2.4583}}
  @media (min-height:1795px){:root{--mm-zh:2.4931}}
  @media (min-height:1820px){:root{--mm-zh:2.5278}}
  @media (min-height:1845px){:root{--mm-zh:2.5625}}
  @media (min-height:1870px){:root{--mm-zh:2.5972}}
  @media (min-height:1895px){:root{--mm-zh:2.6319}}
  @media (min-height:1920px){:root{--mm-zh:2.6667}}
  @media (min-height:1945px){:root{--mm-zh:2.7014}}
  @media (min-height:1970px){:root{--mm-zh:2.7361}}
  @media (min-height:1995px){:root{--mm-zh:2.7708}}
  @media (min-height:2020px){:root{--mm-zh:2.8056}}
  @media (min-height:2045px){:root{--mm-zh:2.8403}}
  @media (min-height:2070px){:root{--mm-zh:2.8750}}
  @media (min-height:2095px){:root{--mm-zh:2.9097}}
  @media (min-height:2120px){:root{--mm-zh:2.9444}}
  @media (min-height:2145px){:root{--mm-zh:2.9792}}
  @media (min-height:2170px){:root{--mm-zh:3.0139}}
  @media (min-height:2195px){:root{--mm-zh:3.0486}}
  @media (min-height:2220px){:root{--mm-zh:3.0833}}
  @media (min-height:2245px){:root{--mm-zh:3.1181}}
  @media (min-height:2270px){:root{--mm-zh:3.1528}}
  @media (min-height:2295px){:root{--mm-zh:3.1875}}
  @media (min-height:2320px){:root{--mm-zh:3.2222}}
  @media (min-height:2345px){:root{--mm-zh:3.2569}}
  @media (min-height:2370px){:root{--mm-zh:3.2917}}
  @media (min-height:2395px){:root{--mm-zh:3.3264}}

  @media (min-width:1600px){
    :root{ --mm-z:min(var(--mm-zw), var(--mm-zh)) }
    html{ zoom:var(--mm-z) }
  }
}
@media print{ :root{ --mm-z:1 !important } html{ zoom:1 !important } }
}