*{ box-sizing:border-box; }
html, body{ margin:0; padding:0; height:100%; }
html{ -webkit-text-size-adjust:100%; }
body{
  font-family:var(--font-stack);
  color:var(--text);
  background:var(--page-bg);
}
body, input, button, textarea, select{ -webkit-tap-highlight-color: transparent; }
button, input, textarea, select{ font:inherit; }
.visuallyHidden{
  position:absolute!important; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}
.toolbar input,
.toolbar button,
.toolbar select,
.footer input,
.footer textarea,
.footer button,
.radioBtn,
.channelToggleBtn,
.mobileChannelChip,
.chatHeaderBtn{
  border-radius:8px;
}
.toolbar input,
.toolbar select,
.footer input,
.footer textarea{
  background:linear-gradient(#ffffff,#f0ebff);
  color:var(--text);
  border:1px solid #a898eb;
  box-shadow:var(--inner);
}
.toolbar select{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
}
.toolbar button,
.footer button,
.radioBtn,
.channelToggleBtn,
.chatHeaderBtn{
  cursor:pointer;
  border:1px solid var(--btnBorder);
  background:linear-gradient(#fff9bc,#efd24f);
  color:#5a4500;
  font-weight:bold;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75), 0 1px 0 rgba(80,60,0,.12);
}
.toolbar button:hover,
.footer button:hover,
.radioBtn:hover,
.channelToggleBtn:hover,
.chatHeaderBtn:hover{ filter:brightness(1.03); }
.toolbar button:active,
.footer button:active,
.radioBtn:active,
.channelToggleBtn:active,
.chatHeaderBtn:active{ transform:translateY(1px); }