:root{--hintergrund: #f0f4f8;--karte: #ffffff;--text: #1a2a3a;--text-schwach: #5a6a7a;--rand: #c0cfe0;--akzent: #3a6a9a;--akzent-hell: #e8f0f8;--dran: #1d7a3d;--dran-hell: #e4f5e9;--warnung: #9a3a3a;--schatten: 0 2px 12px rgba(0, 0, 0, .08)}@media(prefers-color-scheme:dark){:root{--hintergrund: #10161d;--karte: #1b2530;--text: #e8eef4;--text-schwach: #9aabbb;--rand: #33465a;--akzent: #7fb0e0;--akzent-hell: #22384d;--dran: #6fcf8a;--dran-hell: #173321;--warnung: #e09090;--schatten: 0 2px 12px rgba(0, 0, 0, .4)}}*{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--hintergrund);color:var(--text);padding:12px;display:flex;flex-direction:column;gap:12px;max-width:560px;margin:0 auto;min-height:100vh;line-height:1.45}header{display:flex;align-items:center;justify-content:space-between;gap:10px}h1{font-size:1.35rem;font-weight:700;color:var(--akzent)}.untertitel{font-size:.85rem;color:var(--text-schwach);font-weight:400;display:block}#sprache{font-size:1rem;padding:8px 10px;border:2px solid var(--rand);border-radius:10px;background:var(--karte);color:var(--text);max-width:46vw}.status{text-align:center;padding:14px 12px;border-radius:14px;background:var(--akzent-hell);color:var(--akzent);font-size:1.15rem;font-weight:600}.status.geschlossen{background:var(--karte);border:2px solid var(--rand);color:var(--text)}.karte{background:var(--karte);border:2px solid var(--rand);border-radius:14px;padding:14px;box-shadow:var(--schatten)}.karte h2{font-size:.95rem;font-weight:600;color:var(--text-schwach);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.dran{border-color:var(--dran)}.dran h2{color:var(--dran)}.nummern{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.nummern .nr{font-size:2.6rem;font-weight:800;background:var(--dran-hell);color:var(--dran);border:3px solid var(--dran);border-radius:14px;padding:10px 18px;min-width:3.2em;text-align:center;animation:puls 1.6s ease-in-out infinite}@keyframes puls{50%{box-shadow:0 0 0 8px color-mix(in srgb,var(--dran) 15%,transparent)}}.listenkopf{color:var(--text-schwach);font-size:1rem;margin-bottom:8px;text-align:center}.listenkopf b{color:var(--akzent);font-size:1.4rem}.liste{list-style:none}.liste li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 10px;border-bottom:1px solid var(--rand);font-size:1.5rem;font-weight:700}.liste li:nth-child(2n){background:color-mix(in srgb,var(--akzent-hell) 45%,transparent)}.liste li:last-child{border-bottom:none}.liste li.ich{background:var(--akzent-hell);outline:3px solid var(--akzent);outline-offset:-3px;border-radius:8px}.liste .z{color:var(--text-schwach);font-size:1.15rem;font-weight:600;white-space:nowrap}.leer{text-align:center;color:var(--text-schwach);padding:18px 8px;font-size:1.05rem}.eigene .karte-zeile{font-size:1.4rem;font-weight:700;text-align:center;padding:8px 0}.eigene .dran-text{color:var(--dran);font-size:1.6rem}.eigene .klein{text-align:center;color:var(--text-schwach);font-size:.95rem;font-weight:400}.knopf{display:block;width:100%;font-size:1.2rem;font-weight:700;padding:14px;margin-top:10px;border:none;border-radius:12px;background:var(--akzent);color:#fff;cursor:pointer}.knopf:active{filter:brightness(.9)}.knopf.klein{font-size:1rem;font-weight:600;padding:10px;background:transparent;color:var(--warnung);border:2px solid var(--warnung)}.zeile{display:flex;gap:8px;margin-top:10px}#nr{flex:1;min-width:0;font-size:1.6rem;font-weight:700;text-align:center;padding:10px;border:2px solid var(--rand);border-radius:12px;background:var(--hintergrund);color:var(--text)}#nr-ok{width:auto;margin-top:0;padding:10px 20px;white-space:nowrap}.erlauben-text,.hinweis,.warnung{font-size:.95rem;color:var(--text-schwach);margin-bottom:6px}.warnung{color:var(--warnung);font-weight:600;margin-top:8px}.hinweis{background:var(--akzent-hell);border-radius:10px;padding:10px;margin-top:10px}.klein{font-size:.85rem;color:var(--text-schwach)}#datenschutz{margin-top:10px}#datenschutz summary{cursor:pointer;padding:6px 0}#datenschutz p{padding-bottom:4px}footer{margin-top:auto;text-align:center;color:var(--text-schwach);font-size:.8rem;line-height:1.6;padding-bottom:8px}.offline{color:var(--warnung);font-weight:700}.ltr,.liste .z,.nummern .nr,#nr,#eigene .karte-zeile{direction:ltr;unicode-bidi:isolate}