/* Operian OS — Sperrbildschirm: die Konten-Reihe ist ZENTRIERT und wischbar. * * EINE Zusage, drei Bildschirmklassen: die Konten stehen immer in der Mitte — und * sobald mehr da sind, als nebeneinander passen, lässt sich die Reihe schieben, * auf dem Telefon, auf dem iPad UND am Schreibtisch. Vorher stand sie an drei * Stellen getrennt und in jeder etwas anderes; genau daraus kamen beide Befunde. * * ═══ WAS GEMESSEN WAR (Chromium, echter Bundle-Sperrbildschirm) ═══ * * Mit EINEM Konto — dem Normalfall eines kleinen Betriebs — klebte die Kachel links: * * Telefon 390 px Inhaltsmitte 91 px gegen Viewportmitte 195 px → 104 px daneben * Telefon 360 px 91 gegen 180 → 89 px daneben * iPad 810 px 71 gegen 405 → 334 px daneben * iPad 1180 px 71 gegen 590 → 519 px daneben * * Der Auslöser ist in beiden Fällen derselbe und er ist eine Folge des Wischens: * wer eine Reihe wischbar macht, zwingt sie auf `width:100%` (sonst wächst der * Eltern-Wrapper shrink-to-fit einfach mit und `overflow-x` greift ins Leere) — * und eine volle Reihe ohne `justify-content` beginnt links. Die Zentrierung, die * der Bundle über `items-center` am Wrapper hatte, war damit weg, ohne dass es * jemand geschrieben hätte. Am Schreibtisch (>1366 px bzw. Maus) galt keine der * beiden Regeln: dort war die Reihe zwar zentriert, aber NICHT wischbar — bei * 14 Konten auf 1512 px begann sie bei −348 px, und weil `#root` `overflow:hidden` * trägt, rollt auch das Dokument nicht: die ersten Konten waren schlicht * unerreichbar. Ein Konto, das man nicht antippen kann, ist ein Mensch, der sich * nicht anmelden kann. * * ═══ DER MECHANISMUS: `safe center`, und warum nicht `center` ═══ * * `justify-content: center` auf einem Scroll-Container ist die klassische Falle: * passt der Inhalt nicht, wächst er in BEIDE Richtungen über die Kante, und der * Überhang links liegt vor dem Scroll-Anfang — unerreichbar, in genau dem Fall, * für den man das Scrollen gebaut hat. `safe center` zentriert, solange es passt, * und fällt bei Überlauf auf `start` zurück. Genau die zwei Sätze der Vorgabe. * * Die Zeile davor (`flex-start`) ist kein Rest, sondern der Rückfall: eine Engine * ohne das `safe`-Schlüsselwort verwirft die zweite Deklaration und behält die * erste — also den Zustand von vorher, links, aber vollständig erreichbar. Nie * `center` als Rückfall schreiben; das wäre die Falle von oben als Vorgabe. * * ═══ ANKER (Quell-Audit gegen den eingefrorenen Bundle) ═══ * * .desktop-bg.justify-center Lock-Root. `.desktop-bg` trägt AUCH der OS-Desktop * nach dem Login — dort als `desktop-bg relative overflow-hidden cursor-default * ${E}`, wobei `E` nur `wallpaper-` oder leer ist. `justify-center` steht * allein am Sperrbildschirm → nie bare `.desktop-bg`. * .flex.gap-8 Konten-Liste; „gap-8" kommt im GESAMTEN Bundle genau * einmal vor (Dots = gap-4, Keypad = gap-3). Direkte Kinder = Konto-