/* ═══════════════════ DESIGN TOKENS ═══════════════════ */
:root{
  --black:#04040a;--surf:#0a0a13;--card:#0f0f1a;--card2:#14141f;
  --border:rgba(255,255,255,.07);--bord2:rgba(255,255,255,.13);
  --blue:#5cc8f8;--purp:#9d7ff4;--pink:#f06baa;--gold:#f5c542;--green:#3de8a0;--red:#f87171;--live:#ff3b5c;
  --grad:linear-gradient(135deg,#5cc8f8,#9d7ff4,#f06baa);
  --grad2:linear-gradient(135deg,#f06baa,#9d7ff4,#5cc8f8);
  --ntc:linear-gradient(135deg,#f5c542,#f59e0b);
  --liveg:linear-gradient(135deg,#ff3b5c,#ff6b35);
  --text:#eeeef5;--muted:rgba(238,238,245,.44);--muted2:rgba(238,238,245,.2);
  --fd:'Syne',sans-serif;--fb:'DM Sans',sans-serif;
  --safe:env(safe-area-inset-bottom,20px);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{
  height: 100%;
  height: -webkit-fill-available;
  overflow: hidden;
  background: #111;
  /* Prevent bounce/overscroll on iOS */
  overscroll-behavior: none;
}
body{
  height: 100%;
  height: -webkit-fill-available;
  overflow: hidden;
  background: var(--black);
  color: var(--text);
  font-family: var(--fb);
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  /* Prevent body from scrolling/zooming */
  touch-action: none;
  display: flex;
  align-items: center;
  justify-content: center;
  /* Prevent iOS rubber-band scroll */
  overscroll-behavior: none;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
}

body::after{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");opacity:.022;pointer-events:none;z-index:9990;}


/* ── Chat screen layout (never uses .screen overflow-y:auto) ── */
.screen-chat{position:absolute;inset:0;display:none;flex-direction:column;overflow:hidden;background:var(--black);}
.screen-chat.active{display:flex;}
.screen-chat .messages-area{flex:1;overflow-y:auto;min-height:0;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;padding:14px 13px 8px;gap:0;scroll-behavior:smooth;}
.screen-chat .input-bar{flex-shrink:0;background:var(--black);border-top:1px solid var(--border);padding:10px 14px calc(10px + var(--safe));display:flex;align-items:center;gap:10px;z-index:210;position:relative;}