/* Telegram's webview dimensions, never the physical monitor dimensions. */
html.tg-app{width:100%;max-width:100%;min-width:0;scroll-padding-top:80px}
.tg-app body{box-sizing:border-box;width:100%;max-width:100%;min-width:0;margin:0;min-height:var(--fixx-tg-height,100dvh);padding:0 max(env(safe-area-inset-right,0px),var(--fixx-tg-right,0px)) max(env(safe-area-inset-bottom,0px),var(--fixx-tg-bottom,0px)) max(env(safe-area-inset-left,0px),var(--fixx-tg-left,0px))}
.tg-app .wrap{box-sizing:border-box;max-width:calc(100% - 24px);min-width:0}
.tg-app-tools{box-sizing:border-box;position:sticky;top:0;z-index:90;display:flex;align-items:center;flex-wrap:wrap;gap:8px;max-width:100%;padding:calc(8px + max(env(safe-area-inset-top,0px),var(--fixx-tg-top,0px))) 12px 8px;background:#090d17f5;border-bottom:1px solid #ffffff1c}
.tg-app-tools button,.tg-app-tools a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 12px;border:1px solid #ffffff30;border-radius:10px;background:#152035;color:#e5edff;font:600 13px/1.3 system-ui;text-decoration:none;cursor:pointer}
.tg-app-tools [role=status]{flex-basis:100%;font:13px/1.5 system-ui;color:#d0daef}
.tg-app-tools [hidden]{display:none}
.tg-app #fzTelegramSupport{bottom:calc(16px + max(env(safe-area-inset-bottom,0px),var(--fixx-tg-bottom,0px)));right:calc(16px + max(env(safe-area-inset-right,0px),var(--fixx-tg-right,0px)))}
.tg-app dialog{box-sizing:border-box;max-width:calc(100% - 24px);max-height:calc(var(--fixx-tg-height,100dvh) - var(--fixx-tg-top,0px) - var(--fixx-tg-bottom,0px) - 24px)}
@media(max-width:760px){
  .tg-app .top{height:auto;min-height:66px;flex-wrap:wrap;gap:10px;padding:12px 0}
  .tg-app .top .brand{font-size:18px}
  .tg-app .top .nav{display:flex;flex-wrap:wrap;width:100%;min-width:0;gap:5px}
  .tg-app .top .nav a{flex:1 1 auto;padding:9px 8px;min-height:38px;font-size:12px;text-align:center}
  .tg-app .hero-copy{padding-top:18px!important;padding-bottom:18px!important}
  .tg-app .hero-copy h1{font-size:clamp(26px,6vw,36px)!important;margin-top:12px!important;margin-bottom:12px!important;letter-spacing:-.8px}
  .tg-app .hero-copy p{font-size:14px!important;line-height:1.5!important;margin-bottom:0}
  .tg-app .hero-copy .eyebrow{font-size:10px}
  .tg-app #home .sf-platforms{gap:22px;padding-bottom:20px}
  .tg-app #home .sf-platform-group>.platform{min-height:150px!important;padding:20px;border-radius:18px}
  .tg-app #home .platform .platform-title{font-size:32px;letter-spacing:-1px;margin:12px 0 8px}
  .tg-app #home .platform p{font-size:13px;line-height:1.4;margin:0 0 12px}
  .tg-app #home .platform .platform-badge{font-size:10px;padding:7px 9px}
  .tg-app .sf-platform-group,.tg-app .sf-platform-links{gap:9px}
  .tg-app .sf-platform-link{min-height:90px;padding:13px 15px;gap:10px;border-radius:14px}
  .tg-app .sf-link-copy{gap:5px}
  .tg-app .sf-link-copy strong{font-size:18px;overflow-wrap:anywhere}
  .tg-app .sf-link-description,.tg-app .sf-link-action{font-size:12px;line-height:1.4}
  .tg-app .sf-platform-link .sf-badge{font-size:10px}
  .tg-app .sf-platform-link>img{width:52px;height:52px}
  .tg-app .shop-how,.tg-app .shop-featured{padding-top:20px;padding-bottom:24px}
  .tg-app .shop-how h2{font-size:26px}
  /* Avoid automatic input zoom in iOS while keeping user pinch zoom available. */
  .tg-app input:not([type=checkbox]):not([type=radio]),.tg-app select,.tg-app textarea{font-size:16px!important;max-width:100%;min-width:0}
}