/* «Einfache Ansicht» (Owner 16.10.2026, einfach.js): grössere Schrift, weniger Knöpfe — dieselbe Website mit der Klasse .einfach
   auf <html> und <body>. Schalter: profiles.einfache_ansicht (PUT /me/profil), Zwischenspeicher localStorage 'meeyo_einfach'. */

/* Schrift 1.3-fach: rem-Angaben über <html>, der Fliesstext über <body> (die Browser-Schriftgrösse kommt obendrauf) */
html.einfach { font-size: 130% }
html.einfach body { font-size: 1rem; line-height: 1.6 }

/* Was wegfällt: Entdecken/Vorschläge, Räume, MEE-Gespräch, Profil-Bereich, Promoter, ＋ (Story/Event/Raum), Kamera/Snaps,
   Status/Stories erstellen, Karte, Communitys, Filter-Chips, Glocke, MEEYO-Punkte */
.einfach #nav-entdecken, .einfach #nav-raeume, .einfach #nav-mee, .einfach #nav-profil, .einfach .kopf nav a[href="/promoter"], .einfach .kopf nav a[href="/preise"],
.einfach #tab-leiste, .einfach #ew-leiste, .einfach #chat-leiste, .einfach #chat-entdecken,
.einfach #ew-kopf-plus, .einfach #ew-glocke, .einfach #ew-mee-gesicht,
.einfach [data-wa="aktuelles"], .einfach [data-wa="communitys"], .einfach #wa-karte-link,
.einfach #wa-status, .einfach #wa-aktuelles, .einfach #wa-communitys, .einfach #wa-standort,
.einfach .pe-filter, .einfach .snap-knopf, .einfach a[href="/story/neu"], .einfach a[href="/karte"], .einfach main a[href="/raeume"], .einfach main a[href^="/entdecken"],
.einfach .punkte, .einfach .meeyo-punkte, .einfach #platin-box { display: none !important }

/* Die eigene Leiste der einfachen Ansicht: Chats · Anrufen · Hilfe (MEE) · Konto — gross, Symbol immer mit Text */
.einfach-leiste { display: none }
.einfach .einfach-leiste { display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 60; gap: 4px; padding: 8px 8px calc(8px + env(safe-area-inset-bottom, 0px));
  background: var(--pflaume); border-top: 2px solid var(--linie) }
.einfach .einfach-leiste a, .einfach .einfach-leiste button { flex: 1; min-height: 64px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px;
  color: var(--milch); text-decoration: none; font: inherit; font-weight: 800; font-size: 1rem; background: transparent; border: 0; border-radius: 14px; cursor: pointer }
.einfach .einfach-leiste .tab-sym { font-size: 1.5rem; line-height: 1 }
.einfach .einfach-leiste a[aria-current="page"] { background: var(--pflaume-hell); color: var(--korall) }
.einfach .einfach-leiste a:focus-visible, .einfach .einfach-leiste button:focus-visible { outline: 3px solid var(--korall); outline-offset: 2px }
.einfach main.inhalt { padding-bottom: 110px }

/* Mindestens 56 px zum Tippen, kräftiger Kontrast */
.einfach .knopf, .einfach button.knopf, .einfach .pe-zeile, .einfach .wa-zeile { min-height: 56px }
.einfach .pe-vorschau, .einfach .pe-zeit, .einfach .klein, .einfach small { color: var(--milch) }
.einfach .pe-herkunft { display: none }
.einfach .nachricht, .einfach .blase { font-size: 1.05rem; padding: 12px 16px }

/* Frage nach der Anmeldung + Schalter im Konto */
.ea-frage { position: fixed; inset: 0; z-index: 90; background: rgba(22,10,28,.85); display: grid; place-items: center; padding: 20px }
.ea-frage .karte { max-width: 460px; text-align: center; display: grid; gap: 14px; font-size: 1.15rem }
.ea-frage h2 { margin: 0; font-size: 1.5rem }
.ea-gross { min-height: 56px; font-size: 1.1rem !important; width: 100% }
.ea-gross:not(.leise) { background: var(--verlauf, linear-gradient(135deg, #ff4f7a, #8b3dff)); color: #fff; border: 0 }
.ea-karte { display: grid; gap: 12px }
.ea-karte label { display: flex; align-items: center; gap: 12px; min-height: 56px; cursor: pointer; font-weight: 700 }
.ea-karte input[type="checkbox"] { width: 28px; height: 28px; min-width: 28px; flex: 0 0 28px; margin: 0; accent-color: var(--korall) }