:root{color-scheme:dark;--grund:#0e1413;--flaeche:#151d1c;--flaeche-2:#1c2624;--flaeche-3:#243030;--schrift:#e8eeec;--schrift-2:#a0aeaa;--schrift-3:#6f7d79;--linie:#26312f;--akzent:#d98a57;--akzent-ink:#e9a377;--akzent-weich:#2a1f17;--gut:#6fbe94;--warn:#cfae5c;--schlecht:#e08573;--rail:68px;--kanaele:232px;--personen:224px}*{box-sizing:border-box}body,html{margin:0;height:100%;background:var(--grund);color:var(--schrift);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}a{color:var(--akzent-ink)}:focus-visible{outline:2px solid var(--akzent);outline-offset:2px;border-radius:4px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--flaeche-3);border-radius:4px}::-webkit-scrollbar-track{background:transparent}.shell{display:grid;grid-template-columns:var(--rail) var(--kanaele) minmax(0,1fr) var(--personen);height:100dvh;overflow:hidden}@media (max-width:900px){.shell{grid-template-columns:var(--rail) minmax(0,1fr)}.kanaele,.personen{display:none}.shell[data-ansicht=kanaele]{grid-template-columns:var(--rail) minmax(0,1fr)}.shell[data-ansicht=kanaele] .kanaele{display:flex}.shell[data-ansicht=kanaele] .verlauf{display:none}}.rail{background:#0a100f;display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 0;overflow-y:auto}.rail-knopf{position:relative;width:44px;height:44px;border-radius:15px;background:var(--flaeche-2);color:var(--schrift-2);display:grid;place-items:center;font-weight:650;font-size:14px;transition:border-radius .18s ease,background .18s ease;flex:none}.rail-knopf:hover{border-radius:12px;background:var(--flaeche-3)}.rail-knopf[aria-current=true]{background:var(--akzent);color:#12100e;border-radius:12px}.rail-knopf .punkt{position:absolute;left:-9px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:4px;background:var(--schrift)}.rail-knopf[aria-current=true] .punkt{height:22px}.rail-trenner{width:26px;height:1px;background:var(--linie);flex:none}.kanaele{background:var(--flaeche);border-right:1px solid var(--linie);display:flex;flex-direction:column;min-height:0}.kanaele-kopf{padding:15px 16px;border-bottom:1px solid var(--linie);font-weight:650;font-size:15px;letter-spacing:-.01em;display:flex;align-items:center;justify-content:space-between;gap:8px}.kanaele-liste{flex:1 1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:1px}.gruppe{font-size:11px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--schrift-3);padding:14px 8px 4px;display:flex;align-items:center;justify-content:space-between}.gruppe button{color:var(--schrift-3);font-size:15px;line-height:1;padding:0 4px}.gruppe button:hover{color:var(--schrift)}.kanal{display:flex;align-items:center;gap:7px;width:100%;padding:6px 8px;border-radius:5px;color:var(--schrift-2);font-size:14.5px;text-align:left}.kanal:hover{background:var(--flaeche-2);color:var(--schrift)}.kanal[aria-current=true]{background:var(--flaeche-3);color:var(--schrift)}.kanal.ungelesen{color:var(--schrift);font-weight:600}.kanal .sym{color:var(--schrift-3);flex:none;width:16px;text-align:center}.kanal .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kanal .zahl{margin-left:auto;background:var(--akzent);color:#12100e;font-size:11px;font-weight:700;padding:1px 6px;border-radius:8px;flex:none}.kanal .belegt{margin-left:auto;font-size:11.5px;color:var(--schrift-3);flex:none}.im-raum{display:flex;align-items:center;gap:7px;padding:3px 8px 3px 30px;color:var(--schrift-3);font-size:13px}.im-raum .ring{width:20px;height:20px;border-radius:50%;background:var(--flaeche-3);display:grid;place-items:center;font-size:9px;color:var(--schrift-2);box-shadow:0 0 0 0 var(--gut);transition:box-shadow .1s linear}.im-raum.spricht .ring{box-shadow:0 0 0 2px var(--gut)}.im-raum.spricht{color:var(--schrift)}.sprachleiste{border-top:1px solid var(--linie);padding:10px 12px;display:flex;flex-direction:column;gap:8px;background:var(--flaeche-2)}.sprachleiste .zustand{font-size:12.5px;color:var(--gut);display:flex;align-items:center;gap:6px}.sprachleiste .zustand.aus{color:var(--schrift-3)}.sprachleiste .knoepfe{display:flex;gap:6px}.ikon{width:34px;height:34px;border-radius:6px;background:var(--flaeche-3);display:grid;place-items:center;color:var(--schrift-2);font-size:15px}.ikon:hover{background:var(--linie);color:var(--schrift)}.ikon[aria-pressed=true]{background:var(--schlecht);color:#12100e}.ikon.trennen{margin-left:auto;background:transparent;color:var(--schlecht)}.ikon.trennen:hover{background:var(--schlecht);color:#12100e}.verlauf{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--grund)}.verlauf-kopf{height:49px;flex:none;border-bottom:1px solid var(--linie);display:flex;align-items:center;gap:10px;padding:0 16px}.verlauf-kopf .titel{font-weight:650;display:flex;align-items:center;gap:6px}.verlauf-kopf .thema{color:var(--schrift-3);font-size:13.5px;padding-left:10px;border-left:1px solid var(--linie);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.verlauf-kopf .strom{margin-left:auto;font-size:11.5px;color:var(--schrift-3)}.verlauf-kopf .strom.getrennt{color:var(--warn)}.nachrichten{flex:1 1;overflow-y:auto;overflow-anchor:none;justify-content:flex-end;padding:16px 16px 8px}.nachrichten,.nachrichten-innen{display:flex;flex-direction:column}.nachrichten-innen{gap:2px}.msg{display:grid;grid-template-columns:40px minmax(0,1fr);grid-gap:12px;gap:12px;padding:2px 8px;border-radius:5px;position:relative}.msg:hover{background:var(--flaeche)}.msg.folge{padding-top:0}.msg.folge .avatar{visibility:hidden;height:0}.msg .avatar{width:40px;height:40px;border-radius:50%;background:var(--flaeche-3);display:grid;place-items:center;font-size:14px;font-weight:650;color:var(--schrift-2);margin-top:2px}.msg .kopf{display:flex;align-items:baseline;gap:8px}.msg .autor{font-weight:650;font-size:15px}.msg .zeit{font-size:11.5px;color:var(--schrift-3)}.msg .text{white-space:pre-wrap;word-break:break-word}.msg .text code{background:var(--flaeche-3);padding:1px 4px;border-radius:3px}.msg .code-block,.msg .text code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13.5px}.msg .code-block{background:var(--flaeche);border:1px solid var(--linie);border-radius:5px;padding:9px 12px;margin:5px 0;overflow-x:auto}.msg blockquote{margin:2px 0;padding-left:10px;border-left:3px solid var(--linie);color:var(--schrift-2)}.spoiler{background:var(--flaeche-3);border-radius:3px;color:transparent;cursor:pointer}.spoiler:focus,.spoiler:hover{color:inherit;background:var(--linie)}.zitat{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--schrift-3);margin-bottom:2px;cursor:pointer}.zitat:hover{color:var(--schrift-2)}.zitat .strich{width:22px;height:8px;border-left:2px solid var(--linie);border-top:2px solid var(--linie);border-top-left-radius:6px}.karte{border:1px solid var(--linie);border-left:3px solid var(--akzent);border-radius:4px;padding:8px 11px;margin-top:5px;background:var(--flaeche);max-width:420px;display:flex;flex-direction:column;gap:2px;text-decoration:none;color:inherit}.karte:hover{background:var(--flaeche-2)}.karte b{font-size:14px}.karte small{color:var(--schrift-3);font-size:12px}.reaktionen{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.reaktion{display:flex;align-items:center;gap:4px;padding:1px 7px;border-radius:8px;background:var(--flaeche-2);border:1px solid transparent;font-size:13px}.reaktion:hover{border-color:var(--linie)}.reaktion[aria-pressed=true]{background:var(--akzent-weich);border-color:var(--akzent)}.werkzeuge{position:absolute;top:-12px;right:10px;display:none;gap:2px;background:var(--flaeche-2);border:1px solid var(--linie);border-radius:6px;padding:2px}.msg:hover .werkzeuge{display:flex}.werkzeuge button{width:28px;height:26px;border-radius:4px;color:var(--schrift-2)}.werkzeuge button:hover{background:var(--flaeche-3);color:var(--schrift)}.trenner-tag{display:flex;align-items:center;gap:10px;margin:14px 0 6px;color:var(--schrift-3);font-size:11.5px;font-weight:600}.trenner-tag:after,.trenner-tag:before{content:"";flex:1 1;height:1px;background:var(--linie)}.eingabe{padding:0 16px 20px;flex:none}.eingabe-feld{background:var(--flaeche-2);border-radius:8px;padding:10px 12px;display:flex;align-items:flex-end;gap:8px}.eingabe-feld textarea{flex:1 1;background:none;border:0;color:var(--schrift);resize:none;font:inherit;max-height:200px;outline:none}.eingabe-feld textarea::placeholder{color:var(--schrift-3)}.antwort-hinweis{background:var(--flaeche);border-radius:8px 8px 0 0;padding:6px 12px;font-size:12.5px;color:var(--schrift-2);display:flex;align-items:center;gap:8px}.antwort-hinweis button{margin-left:auto;color:var(--schrift-3)}.tippt{height:18px;font-size:12px;color:var(--schrift-3);padding:2px 4px 0}.personen{background:var(--flaeche);border-left:1px solid var(--linie);overflow-y:auto;padding:12px 8px}.person{display:flex;align-items:center;gap:9px;padding:5px 8px;border-radius:5px;width:100%;text-align:left}.person:hover{background:var(--flaeche-2)}.person .avatar{position:relative;width:30px;height:30px;border-radius:50%;background:var(--flaeche-3);display:grid;place-items:center;font-size:11px;font-weight:650;color:var(--schrift-2);flex:none}.person .status{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border-radius:50%;border:2.5px solid var(--flaeche);background:var(--schrift-3)}.person.online .status{background:var(--gut)}.person .name{font-size:14px;color:var(--schrift-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person.online .name{color:var(--schrift)}.leer{color:var(--schrift-3);padding:40px 20px;text-align:center;font-size:14px}