/* XAURIX Telegram viewport overrides. Scoped to the approved Obsidian Gold design. */
:root { color-scheme: dark; }
html, body { width:100%; min-height:100%; background:#101115; overflow:hidden; }
.studio { display:block !important; padding:0 !important; margin:0 !important; min-height:100dvh !important; background:#101115 !important; }
.studio-panel, .footer-caption, .phone-shell:before { display:none !important; }
.phone-stage { display:block !important; width:100%; height:100dvh; min-height:0 !important; }
.phone-shell {
  box-sizing:border-box; width:100% !important; max-width:none !important;
  height:100dvh !important; min-height:0 !important; max-height:none !important;
  padding:0 !important; margin:0 !important; border:0 !important;
  border-radius:0 !important; box-shadow:none !important; background:#101115;
}
.phone { box-sizing:border-box; width:100%; height:100%; max-width:560px; margin:auto; border-radius:0 !important; }
.phone-content { padding-top:max(24px, env(safe-area-inset-top)) !important; padding-bottom:28px; }
.screen-scroll { overscroll-behavior:contain; }
.bottom-nav { padding-bottom:max(8px, env(safe-area-inset-bottom)) !important; }
@media (min-width:561px) { .phone { border-left:1px solid #34363b; border-right:1px solid #34363b; } }