:root{--tinte:#111318;--smaragd:#0e9f6e;--smaragd-hell:#45ce97;--flaeche:#f7f7f8;--gedaempft:#6c6f76;--hinweis:#b45309;--verlauf:#eef6f2;--blase-eigen:#cdefe0;--blase:#fff;--linie:#e3e5e8;--aktiv:#eceef1;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--tinte:#e9eaec;--flaeche:#111318;--verlauf:#0e1714;--blase-eigen:#0b5c40;--blase:#1d2026;--linie:#2a2e37;--aktiv:#23272f;--gedaempft:#9a9ea6}}*{box-sizing:border-box}html,body,#wurzel{height:100%;margin:0}body{color:var(--tinte);background:var(--flaeche);font:14.2px/1.4 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}button{font:inherit;cursor:pointer}input{font:inherit;color:inherit}.band{background:var(--hinweis);color:#fff;text-align:center;padding:4px 16px;font-size:12.5px}.mitte{flex-direction:column;align-items:center;min-height:100%;display:flex}.mitte>.band{align-self:stretch}.karte{background:var(--blase);border-radius:12px;width:calc(100% - 32px);max-width:900px;margin:48px 16px;padding:40px;box-shadow:0 1px 3px #00000014}.karte h1{margin:0 0 24px;font-size:28px;font-weight:300}.verknuepfen{justify-content:space-between;align-items:center;gap:48px;display:flex}@media (width<=860px){.verknuepfen{flex-wrap:wrap}}.verknuepfen ol{padding-left:20px;font-size:16px;line-height:2.1}.qr{place-items:center;min-width:264px;min-height:264px;display:grid}.leise{color:var(--gedaempft);font-size:13px}.grau{opacity:.5}.fehler{color:#b42318}.knopf{background:var(--smaragd);color:#fff;border:0;border-radius:20px;padding:9px 22px}.knopf.klein{padding:6px 14px}.app{flex-direction:column;height:100%;display:flex}.spalten{grid-template-columns:var(--links) 1fr;flex:1;min-height:0;display:grid}.liste{border-right:1px solid var(--linie);background:var(--blase);flex-direction:column;min-height:0;display:flex}.kopf{background:var(--flaeche);border-bottom:1px solid var(--linie);align-items:center;gap:12px;height:59px;padding:0 16px;display:flex}.kopf-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:500;overflow:hidden}.symbol{color:var(--gedaempft);background:0 0;border:0;padding:6px;font-size:18px}.aus{color:var(--gedaempft);opacity:.35;cursor:not-allowed;-webkit-user-select:none;user-select:none}.neu{border-bottom:1px solid var(--linie);gap:8px;padding:8px 12px;display:flex}.neu input{border:1px solid var(--linie);background:var(--flaeche);border-radius:8px;flex:1;padding:6px 10px}.suche{padding:8px 12px}.suche input{background:var(--flaeche);border:0;border-radius:8px;width:100%;padding:8px 12px}.filter{gap:8px;padding:0 12px 8px;display:flex}.filter span{background:var(--flaeche);border-radius:16px;padding:4px 12px;font-size:13px}.filter .an{color:#0b5c40;background:#d8f5e8}.chats{flex:1;margin:0;padding:0;list-style:none;overflow-y:auto}.zeile{cursor:pointer;align-items:center;gap:12px;height:72px;padding:0 12px;display:flex}.zeile:hover,.zeile.aktiv{background:var(--aktiv)}.zeile-text{border-bottom:1px solid var(--linie);flex-direction:column;flex:1;justify-content:center;min-width:0;height:100%;display:flex}.zeile-oben,.zeile-unten{justify-content:space-between;gap:8px;display:flex}.name{text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.zeit{color:var(--gedaempft);font-size:12px}.vorschau{color:var(--gedaempft);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.zahl{background:var(--smaragd);color:#fff;border-radius:10px;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:12px;display:grid}.leer-liste{color:var(--gedaempft);text-align:center;padding:24px}.bild{color:#fff;background:#c5d0cc;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-weight:600;display:grid}.zeile .bild{width:49px;height:49px;font-size:18px}.gespraech{background:var(--verlauf);flex-direction:column;min-height:0;display:flex}.verlauf{flex-direction:column;flex:1;gap:4px;padding:16px 7%;display:flex;overflow-y:auto}.blase{background:var(--blase);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:8px;align-self:flex-start;max-width:65%;padding:6px 8px 4px 9px;box-shadow:0 1px .5px #00000021}.blase.eigen{background:var(--blase-eigen);align-self:flex-end}.blase-fuss{float:right;color:var(--gedaempft);margin:6px 0 -4px 10px;font-size:11px}.haken.gelesen{color:#2b8ae6}.eingabe{background:var(--flaeche);align-items:center;gap:8px;min-height:62px;padding:8px 16px;display:flex}.eingabe input{background:var(--blase);border:0;border-radius:8px;flex:1;padding:10px 12px}.senden{color:var(--smaragd)}.leer{text-align:center;background:var(--flaeche);border-bottom:6px solid var(--smaragd);place-content:center;display:grid}.leer h2{margin:0 0 12px;font-size:32px;font-weight:300}.meldung{background:var(--tinte);color:var(--flaeche);border-radius:8px;padding:10px 16px;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}@media (width<=720px){.spalten{grid-template-columns:1fr}.gespraech,.leer,.spalten:has(.gespraech) .liste{display:none}.spalten:has(.gespraech) .gespraech{display:flex}}.karte.schmal{flex-direction:column;gap:12px;max-width:440px;display:flex}.karte.schmal input{border:1px solid var(--linie);background:var(--flaeche);border-radius:8px;padding:10px 12px}.sperre{text-align:center}.schloss{font-size:40px}.link{color:var(--smaragd);text-align:inherit;background:0 0;border:0;padding:4px}.knopf:disabled{opacity:.5;cursor:default}.knopf.rot{background:#b42318}.frage{flex-direction:column;gap:8px;display:flex}.behalten{align-items:flex-start;gap:10px;margin:8px 0 16px;display:flex}.behalten input{margin-top:4px}.filter button{background:var(--flaeche);color:inherit;border:0;border-radius:16px;padding:4px 12px;font-size:13px}.abschnitt{color:var(--smaragd);padding:12px 16px 4px;font-size:13px}.zeile.treffer{height:64px}.bild.gruppe{background:#9fb4ac;font-size:18px}.menue-ort{position:relative}.menue{z-index:5;background:var(--blase);border-radius:8px;min-width:200px;margin:0;padding:8px 0;list-style:none;position:absolute;top:36px;right:0;box-shadow:0 2px 10px #0000002e}.menue li{cursor:pointer;padding:10px 20px}.menue li:hover:not(.aus){background:var(--aktiv)}.kopf-text{flex-direction:column;flex:1;min-width:0;display:flex}.kopf-unter{color:var(--gedaempft);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.gruppeninfo{background:var(--blase);border-bottom:1px solid var(--linie);padding:12px 16px}.gruppeninfo ul{margin:8px 0;padding:0;list-style:none}.gruppeninfo li{padding:4px 0}.admin{color:var(--smaragd);border:1px solid var(--smaragd);border-radius:4px;margin-left:8px;padding:0 4px;font-size:11px}.systemzeile{background:var(--blase);color:var(--gedaempft);text-align:center;border-radius:8px;align-self:center;max-width:80%;margin:6px 0;padding:5px 12px;font-size:12.5px}.absender{color:var(--smaragd);font-size:12.5px;font-weight:500;display:block}.geloescht{color:var(--gedaempft);font-style:italic}.gesprungen{outline:2px solid var(--smaragd-hell)}.reaktionen{margin-top:2px;font-size:13px;display:block}.bild-anhang{border-radius:6px;max-width:100%;height:auto;margin-bottom:4px;display:block}.bild-platz{background:var(--linie);border-radius:6px;place-items:center;width:330px;max-width:100%;display:grid;position:relative;overflow:hidden}.bild-platz img{object-fit:cover;filter:blur(8px);width:100%;height:100%;position:absolute;inset:0}.bild-platz span{color:var(--gedaempft);position:relative}.dokument{background:var(--flaeche);border-radius:6px;align-items:center;gap:10px;min-width:240px;margin-bottom:4px;padding:8px 10px;display:flex}.dok-symbol{font-size:24px}.dok-name{overflow-wrap:anywhere;flex:1}.anhang-hinweis{color:var(--gedaempft);font-style:italic;display:block}audio{max-width:100%;display:block}.nur-admins{color:var(--gedaempft);justify-content:center}.systemhinweis{color:#5c3b00;background:#fdecc8;padding:8px 16px;font-size:13px}.seite-inhalt{flex:1;padding:8px 0;overflow-y:auto}.einstellungen{margin:0;padding:0;list-style:none}.einstellungen li{border-bottom:1px solid var(--linie);padding:14px 20px}.einstellungen li[role=button]{cursor:pointer}.lizenzen{padding:12px 20px}.lizenzen ul{padding:0;list-style:none}.lizenzen li{padding:4px 0}.lizenztext{white-space:pre-wrap;background:var(--flaeche);border-radius:6px;max-height:300px;padding:8px;font-size:11.5px;overflow:auto}.quelle{overflow-wrap:anywhere;font-family:ui-monospace,monospace}