* { box-sizing: border-box; }
body { margin: 0; font-family: -apple-system, system-ui, Roboto, sans-serif; color: #111827; background: #fff; }
.screen { display: none; padding: 24px; max-width: 560px; margin: 0 auto; }
.screen.active { display: block; }
h1 { font-size: 24px; margin: 8px 0 12px; }
h2 { font-size: 16px; margin: 16px 0 4px; }
p { line-height: 1.5; color: #374151; }
label { display: block; font-weight: 600; margin-top: 14px; font-size: 14px; }
input, textarea { width: 100%; padding: 12px; border: 1px solid #d1d5db; border-radius: 10px; font-size: 16px; margin-top: 6px; }
button { width: 100%; padding: 15px; border: 0; border-radius: 12px; background: #2563eb; color: #fff; font-size: 16px; font-weight: 700; margin-top: 18px; }
button.secondary { background: #f3f4f6; color: #374151; font-weight: 600; padding: 12px; margin-top: 8px; }
.hint { font-size: 13px; color: #6b7280; margin-top: 10px; }
.error { color: #b91c1c; margin-top: 10px; }
#reader { margin-top: 14px; border-radius: 12px; overflow: hidden; }
/* Karten-Screen fuellt den Bildschirm */
#screen-map { max-width: none; padding: 0; height: 100vh; height: 100dvh; display: none; flex-direction: column; }
#screen-map.active { display: flex; }
#map { flex: 1; }
#bar { padding: 10px 14px; background: #111827; color: #fff; font-size: 13px; display: flex; justify-content: space-between; align-items: center; gap: 10px; }
#bar.stale { background: #7f1d1d; }
.wiw-pin { background: transparent; border: 0; }
#bar button { width: auto; margin: 0; padding: 8px 10px; font-size: 12px; background: #374151; }
#bar button:disabled { opacity: 0.5; }
#statusLine { flex: 1; }