/* Web download notice (popup) + home app card — owner, 2026-10-29. */
.lt-wdn{position:fixed;inset:0;z-index:100050;display:grid;place-items:center;padding:16px;font-family:'SolaimanLipi',system-ui,'Noto Sans Bengali',sans-serif}
.lt-wdn[hidden]{display:none}
.lt-wdn__backdrop{position:absolute;inset:0;background:rgba(15,23,42,.55);backdrop-filter:blur(3px);animation:ltWdnFade .25s ease}
.lt-wdn__card{position:relative;width:min(440px,100%);max-height:calc(100vh - 32px);overflow:auto;border-radius:24px;background:#fff;color:#0f172a;box-shadow:0 30px 80px rgba(15,23,42,.35);animation:ltWdnRise .38s cubic-bezier(.22,1,.36,1)}
.lt-wdn__close{position:absolute;top:12px;right:12px;z-index:2;width:36px;height:36px;border:0;border-radius:50%;background:rgba(255,255,255,.22);color:#fff;font-size:22px;line-height:1;cursor:pointer}
.lt-wdn__close:hover{background:rgba(255,255,255,.35)}
.lt-wdn__head{display:flex;gap:14px;align-items:center;padding:22px 52px 20px 20px;background:linear-gradient(135deg,#312e81 0%,#4f46e5 55%,#7c3aed 100%);color:#fff;border-radius:24px 24px 0 0}
.lt-wdn__icon{flex:none;width:64px;height:64px;border-radius:18px;background:#fff;padding:5px;box-shadow:0 10px 24px rgba(15,23,42,.3)}
.lt-wdn__icon img{width:100%;height:100%;border-radius:13px;object-fit:cover}
.lt-wdn__head h2{margin:2px 0 4px;font-size:1.35rem;line-height:1.3;font-weight:800;color:#fff}
.lt-wdn__lead{margin:0;font-size:.95rem;line-height:1.55;color:#e0e7ff}
.lt-wdn__lead b{color:#fde68a}
.lt-wdn__chip{display:inline-flex;gap:6px;align-items:center;margin:0 0 6px;padding:4px 10px;border-radius:999px;background:rgba(253,230,138,.18);color:#fde68a;font-size:.78rem;font-weight:700;line-height:1.4}
.lt-wdn__chip[hidden]{display:none}
.lt-wdn__description{padding:14px 20px 0;color:#334155;line-height:1.7;font-size:.95rem}
.lt-wdn__description[hidden]{display:none}
.lt-wdn__apps{display:grid;grid-template-columns:repeat(auto-fit,minmax(138px,1fr));gap:10px;padding:18px 20px 6px}
.lt-wdn__app{position:relative;display:flex;align-items:center;gap:12px;min-height:64px;padding:12px 14px;border:2px solid #e2e8f0;border-radius:16px;background:#f8fafc;color:#0f172a;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.lt-wdn__app i{font-size:30px;width:34px;text-align:center}
.lt-wdn__app[data-wdn-app=android] i{color:#16a34a}
.lt-wdn__app[data-wdn-app=windows] i{color:#0078d4}
.lt-wdn__app span{display:flex;flex-direction:column;line-height:1.35}
.lt-wdn__app b{font-size:1.05rem}
.lt-wdn__app small{color:#64748b;font-size:.82rem;font-weight:600}
.lt-wdn__app:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(15,23,42,.12)}
.lt-wdn__app em,.lt-hub-platform em{display:none;position:absolute;top:-9px;right:10px;padding:2px 8px;border-radius:999px;background:#f59e0b;color:#fff;font-style:normal;font-size:.68rem;font-weight:800;box-shadow:0 4px 10px rgba(245,158,11,.35)}
.lt-wdn__app.is-mine{border-color:#4f46e5;background:linear-gradient(135deg,#eef2ff,#f5f3ff);box-shadow:0 0 0 4px rgba(79,70,229,.14)}
.lt-wdn__app.is-mine em,.lt-hub-platform.is-mine em{display:inline-block}
.lt-wdn__app.is-soon{cursor:default;opacity:.72}
.lt-wdn__app.is-soon:hover{transform:none;box-shadow:none}
.lt-wdn__web{margin:12px 20px 0;padding:12px 16px;border-radius:16px;background:#f1f5f9;border:1px dashed #cbd5e1}
.lt-wdn__web-title{margin:0;font-weight:800;color:#0f172a;font-size:.92rem;cursor:pointer;list-style:none;display:flex;align-items:center;gap:6px}
.lt-wdn__web-title::-webkit-details-marker{display:none}
.lt-wdn__web-title::after{content:"▾";margin-left:auto;color:#6366f1;transition:transform .2s}
.lt-wdn__web[open] .lt-wdn__web-title{margin-bottom:8px}
.lt-wdn__web[open] .lt-wdn__web-title::after{transform:rotate(180deg)}
.lt-wdn__web-title i{font-size:1.1rem}
.lt-wdn__steps{margin:0 0 8px;padding-left:22px;color:#334155;font-size:.9rem;line-height:1.75}
.lt-wdn__steps[hidden]{display:none}
.lt-wdn.is-web-first .lt-wdn__web{order:-1;background:linear-gradient(135deg,#eef2ff,#f8fafc);border:2px solid #4f46e5}
.lt-wdn.is-web-first .lt-wdn__card{display:flex;flex-direction:column}
.lt-wdn.is-web-first .lt-wdn__head{order:-2}
.lt-wdn__foot{display:flex;justify-content:center;padding:14px 20px 20px}
.lt-wdn__later{border:0;background:none;color:#64748b;font-weight:700;font-size:.92rem;cursor:pointer;padding:8px 16px;border-radius:10px}
.lt-wdn__later:hover{background:#f1f5f9;color:#0f172a}
@keyframes ltWdnFade{from{opacity:0}to{opacity:1}}
@keyframes ltWdnRise{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.lt-wdn__backdrop,.lt-wdn__card{animation:none}}
@media (max-width:420px){.lt-wdn{padding:10px;align-items:end}.lt-wdn__card{border-radius:22px}.lt-wdn__head{padding:20px 50px 18px 16px}.lt-wdn__icon{width:56px;height:56px}.lt-wdn__app{padding:10px;gap:8px}.lt-wdn__app i{font-size:26px;width:28px}.lt-wdn__apps{padding:16px 16px 4px}.lt-wdn__web{margin:12px 16px 0}}

/* Homepage downloads and purchase guide */
.lt-hub-platforms {
  --hub-download-bg: #f5f9f6;
  --hub-download-panel: #fff;
  --hub-download-ink: #142e23;
  --hub-download-muted: #4c655a;
  --hub-download-border: #d4e2d9;
  --hub-download-accent: #176346;
  grid-area: 1 / 1;
  min-width: 0;
  padding: clamp(12px, 2.4vw, 24px);
  color: var(--hub-download-ink);
  background: var(--hub-download-bg);
  border: 1px solid var(--hub-download-border);
  border-radius: 18px;
}
.lt-dark .lt-hub-platforms {
  --hub-download-bg: #132720;
  --hub-download-panel: #19332a;
  --hub-download-ink: #edf7f0;
  --hub-download-muted: #b5ccbf;
  --hub-download-border: #38564a;
  --hub-download-accent: #a7e3bf;
}
.lt-hub-platforms__head { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-bottom: 15px; }
.lt-hub-platforms__head img { flex: none; width: 44px; height: 44px; border-radius: 10px; }
.lt-hub-platforms__copy { display: grid; gap: 3px; flex: 1 0 auto; }
.lt-hub-platforms__copy span { font-size: .72rem; font-weight: 700; letter-spacing: .1em; color: var(--hub-download-muted); }
.lt-hub-platforms__copy strong { font: 800 clamp(1.55rem, 4vw, 2.45rem)/1.04 system-ui, sans-serif; letter-spacing: -.045em; }
.lt-hub-platforms__guide {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 46px;
  padding: 7px 12px;
  border: 1px solid var(--hub-download-border);
  border-radius: 10px;
  background: var(--hub-download-panel);
  color: var(--hub-download-accent);
  text-decoration: none;
}
.lt-hub-platforms__guide span { display: grid; line-height: 1.35; }
.lt-hub-platforms__guide small { color: var(--hub-download-muted); }
.lt-hub-platforms__guide:hover { border-color: var(--hub-download-accent); }
.lt-hub-platforms__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(6px, 1.3vw, 12px); }
.lt-hub-platform {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-height: 88px;
  padding: 11px 4px;
  border: 1px solid var(--hub-download-border);
  border-radius: 12px;
  background: var(--hub-download-panel);
  color: var(--hub-download-ink);
  text-align: center;
  text-decoration: none;
}
.lt-hub-platform i { font-size: 23px; }
.lt-hub-platform[data-platform=android] i { color: var(--hub-download-accent); }
.lt-hub-platform[data-platform=windows] i { color: #0078c4; }
.lt-dark .lt-hub-platform[data-platform=windows] i { color: #70c1ff; }
.lt-hub-platform b { font: 700 clamp(.74rem, 2.7vw, 1rem)/1.2 system-ui, sans-serif; }
.lt-hub-platform small { font-size: .76rem; line-height: 1.25; color: var(--hub-download-muted); }
.lt-hub-platform i.lt-hub-platform__download {
  font-size: .95rem;
  animation: ltHubDownloadBounce 1.8s ease-in-out 3;
}
@keyframes ltHubDownloadBounce {
  0%, 30%, 65%, 100% { transform: translateY(0); }
  45% { transform: translateY(-4px); }
}
.lt-hub-platform em {
  position: static;
  margin-top: 2px;
  padding: 2px 5px;
  background: var(--hub-download-accent);
  color: var(--hub-download-panel);
  box-shadow: none;
  font-size: .62rem;
  line-height: 1.15;
}
.lt-hub-platform:not(.is-soon):hover,.lt-hub-platform.is-mine:not(.is-soon) { border-color: var(--hub-download-accent); }
.lt-hub-platform.is-soon { opacity: .62; cursor: default; }
.lt-hub-platform.is-soon em { display: none; }
.lt-hub-platform.is-pulse { animation: ltHubShake .45s ease; }
@keyframes ltHubShake { 25% { transform: translateX(-3px); } 75% { transform: translateX(3px); } }
@media (prefers-reduced-motion: reduce) {
  .lt-hub-platform.is-pulse,
  .lt-hub-platform i.lt-hub-platform__download { animation: none; }
}
.lt-hub-platforms a:focus-visible { outline: 2px solid var(--hub-download-accent); outline-offset: 3px; }

.lt-hub-web-tools { scroll-margin-top: 84px; }
@media (max-width: 370px) {
  .lt-hub-platforms__guide { flex-basis: 100%; }
  .lt-hub-platforms__guide span { flex: 1; }
}
