/* স্থির জরুরি পাতা (index.html-এর #root-এর ভেতরে, আর emergency.html): অ্যাপ চালু হওয়ার আগে, অ্যাপ না চললে,
   বা ব্রাউজার খুব পুরোনো হলে এটাই দেখা যায়। অ্যাপের CSS-এর (@layer) ওপর নির্ভর করে না, ফন্টও সিস্টেমের —
   তাই Chrome ৯৯-এর আগের ব্রাউজারেও ঠিক দেখায়।
   সাবধান: এই ফাইল @layer-এর বাইরে, তাই অ্যাপের নকশার ওপরে জেতে। অ্যাপ চালু থাকলেও ফাইলটা লোড হয় — তাই প্রতিটা নিয়ম
   .lf-static (বা শুধু emergency.html-এর body.lf-off)-এর ভেতরে; body, html বা অন্য কিছুতে হাত নেই। */
.lf-static { box-sizing: border-box; min-height: 100vh; margin: 0; padding: 32px 16px; padding: 32px max(16px, calc((100% - 440px) / 2)); text-align: center; color-scheme: light dark; background: #f7fafa; color: #171d1d; font-family: system-ui, -apple-system, 'Noto Sans Bengali', 'Segoe UI', Roboto, sans-serif; }
.lf-static .lf-logo { margin: 0 0 16px; font-size: 28px; line-height: 1.2; font-weight: 800; color: #1f6f78; }
.lf-static p { margin: 0 0 20px; font-size: 16px; line-height: 1.6; }
.lf-static .lf-call { display: block; box-sizing: border-box; min-height: 56px; margin: 0 0 12px; padding: 14px 16px; border: 2px solid #1f6f78; border-radius: 14px; background: #fff; color: #1f6f78; font-size: 17px; line-height: 1.4; font-weight: 700; text-decoration: none; }
.lf-static .lf-call-main { border-color: #b3261e; background: #b3261e; color: #fff; font-size: 19px; }
.lf-static .lf-retry { display: inline-block; min-height: 48px; margin: 8px 0 0; padding: 12px 20px; color: #1f6f78; font-size: 16px; font-weight: 700; }
/* কোন বার্তা দেখাবে: "লোড হচ্ছে" (স্বাভাবিক), "পুরোনো ব্রাউজার" (html.lf-old বা dvh না চিনলে), "নেট নেই/সার্ভার বন্ধ" (emergency.html) */
.lf-static .lf-old-note, .lf-static .lf-off-note { display: none; }
html.lf-old .lf-static .lf-wait { display: none; }
html.lf-old .lf-static .lf-old-note { display: block; }
@supports not (height: 1dvh) {
  .lf-static .lf-wait { display: none; }
  .lf-static .lf-old-note { display: block; }
}
body.lf-off { margin: 0; background: #f7fafa; }
body.lf-off .lf-static .lf-wait, body.lf-off .lf-static .lf-old-note { display: none; }
body.lf-off .lf-static .lf-off-note { display: block; }
@media (prefers-color-scheme: dark) {
  body.lf-off { background: #0f1414; }
  .lf-static { background: #0f1414; color: #e0e3e3; }
  .lf-static .lf-logo { color: #7fd4de; }
  .lf-static .lf-call { border-color: #7fd4de; background: #1b2222; color: #7fd4de; }
  .lf-static .lf-call-main { border-color: #f2b8b5; background: #f2b8b5; color: #601410; }
  .lf-static .lf-retry { color: #7fd4de; }
}