*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
button,
input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
}
/* Nichts laesst sich mehr blau markieren — ein Doppelklick oder ein
   Ziehen ueber Beschriftungen, Chips oder Bilder faerbte sonst halbe
   Bereiche ein. Getippt und markiert wird nur dort, wo auch etwas
   einzugeben ist: in den Eingabefeldern.                            */
* {
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-tap-highlight-color: transparent;
}
input,
textarea,
[contenteditable='true'] {
  user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
}

/* Farben, Schriftrollen und Maße stehen in base/tokens.css. */

html {
  height: 100%;
  background: var(--white);
  overflow: hidden;
  overflow-x: clip;
}
body {
  height: 100%;
  color: var(--black);
  background: transparent;
  font-family: var(--sans);
  font-size: 12px;
  font-weight: 300;
  overflow: hidden;
  overflow-x: clip;
  -webkit-font-smoothing: antialiased;
  padding: var(--pad);
}
/* Kein Zurueck per Wisch: ein waagerechter Zwei-Finger-Wisch, den keine
   Flaeche aufnimmt, ist fuer den Browser die Zurueck-Geste - und die App
   verliesse sich damit selbst (Prototyp V3, Zeilen 238–243). */
html,
body {
  overscroll-behavior: none;
}

/* Beim Start verborgen, bis ui/initial-display.js daraus style.display macht */
[data-hidden] {
  display: none !important;
}

/* Der Zeichenvorrat (index.html) nimmt keinen Platz ein */
.zeichen-vorrat {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}