:root{--grund: #0d0a0b;--flaeche: #171214;--flaeche-2: #211a1d;--flaeche-3: #2c2326;--linie: #3a2d31;--text: #f3eeee;--text-leise: #a8999c;--blut: #c1121f;--blut-hell: #e5383b;--gut: #1f9d55;--gefahr: #d62839;--info: #3b82f6;--warn: #e0a100;--akzent: var(--blut);--radius: 14px;--kopf-h: 64px;color-scheme:dark;font-family:ui-rounded,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;-webkit-text-size-adjust:100%}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--grund);color:var(--text);overflow:hidden}body{overscroll-behavior:none}#app{position:fixed;left:0;right:0;top:var(--vv-oben, 0px);height:var(--vvh, 100dvh);background:var(--grund);overflow:hidden}@supports not (height: 100dvh){#app{height:var(--vvh, 100%)}}[hidden]{display:none!important}.unsichtbar{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.55}input,textarea,select{font:inherit;color:inherit}img{display:block}code,pre{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.88em}a{color:#ff8a8f}:focus-visible{outline:2px solid var(--blut-hell);outline-offset:2px}.leise{color:var(--text-leise)}.mitte{text-align:center}.gross{margin-top:3rem;font-size:1.05rem}.klein{font-size:.8rem}.anmeldung{height:100%;overflow-y:auto;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) 16px 24px;position:relative;overflow:hidden}.anmeldung-bild{position:absolute;inset:0}.anmeldung-bild img{width:100%;height:100%;object-fit:cover;opacity:.38;filter:saturate(1.1)}.anmeldung-bild:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0d0a0b33,#0d0a0beb 70%)}.anmeldung-karte{position:relative;width:min(400px,100%);background:#171214e0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--linie);border-radius:22px;padding:28px 22px;display:grid;gap:14px;margin-top:30vh}.anmeldung-karte h1{margin:0;font-size:1.9rem;letter-spacing:.02em}.anmeldung-karte p{margin:0}.anmeldung-karte label{display:grid;gap:6px;font-size:.85rem;color:var(--text-leise)}.anmeldung-karte input{background:var(--flaeche-2);border:1px solid var(--linie);border-radius:12px;padding:12px 14px;font-size:1rem}.fehler{color:#ff6b6b}.knopf{border:1px solid var(--linie);background:var(--flaeche-3);border-radius:12px;padding:9px 14px;font-weight:600;font-size:.92rem;display:inline-flex;gap:6px;align-items:center;justify-content:center;min-height:40px}.knopf.primaer{background:var(--blut);border-color:var(--blut);color:#fff}.knopf.gut{background:#1f9d552e;border-color:#1f9d558c;color:#8ff0b8}.knopf.gefahr{background:#d6283926;border-color:#d628398c;color:#ffb3ba}.knopf.neutral{background:var(--flaeche-3)}.knopf.gross{padding:13px;font-size:1rem}.knopf:not(:disabled):active{transform:scale(.97)}.rund{width:40px;height:40px;border-radius:50%;border:none;background:transparent;display:grid;place-items:center;flex:none;color:var(--text-leise)}.rund:not(:disabled):hover{background:var(--flaeche-3);color:var(--text)}.rund.senden{background:var(--blut);color:#fff}.app{height:100%;display:flex;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.app.schmal{flex-direction:column}.app.breit{flex-direction:row}.spalte{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.ziel-ansicht{flex:1;min-height:0;display:flex;flex-direction:column}.app.breit .spalte{flex:none;width:360px;border-right:1px solid var(--linie)}.leiste{display:flex;flex:none;background:var(--grund);border-top:1px solid var(--linie);padding:4px 6px calc(4px + env(safe-area-inset-bottom))}.leiste-knopf{flex:1 1 0;min-width:0;min-height:54px;border:none;background:none;display:grid;justify-items:center;align-content:center;gap:3px;padding:4px 2px;color:var(--text-leise);border-radius:14px}.leiste-symbol{position:relative;display:grid;place-items:center;width:58px;height:30px;border-radius:999px;transition:background .15s,color .15s}.leiste-symbol .avatar{border:1.5px solid currentColor}.leiste-symbol .zaehler{position:absolute;top:-5px;left:36px}.leiste-name{font-size:.7rem;font-weight:650;white-space:nowrap}.leiste-knopf.aktiv{color:var(--text)}.leiste-knopf.aktiv .leiste-symbol{background:#c1121f42;color:#ffd6d9}.tastatur .leiste{display:none}.seitenleiste{flex:none;width:232px;display:flex;flex-direction:column;padding:14px 10px;border-right:1px solid var(--linie);background:#100c0d;overflow-y:auto;scrollbar-width:thin}.seite-marke{display:flex;align-items:center;gap:10px;padding:2px 8px 14px;font-weight:800;letter-spacing:.02em}.seite-marke img{width:34px;height:34px;border-radius:10px;flex:none}.seite-ziele,.seite-bereiche{display:grid;gap:2px}.seite-titel{margin:16px 10px 6px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-leise)}.seite-knopf{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;border:none;background:none;border-radius:12px;padding:6px 10px;color:var(--text-leise);text-align:left;font-weight:600;position:relative}.seite-knopf:hover{background:var(--flaeche-2);color:var(--text)}.seite-knopf.ziel.aktiv{background:#c1121f38;color:#ffe1e3}.seite-knopf.bereich.aktiv{background:var(--flaeche-2);color:var(--text);box-shadow:inset 3px 0 0 var(--akzent)}.seite-bild{width:28px;height:28px;display:grid;place-items:center;flex:none;border-radius:8px;overflow:hidden}.seite-bild>img{width:100%;height:100%;object-fit:cover}.seite-text{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(min-width:860px)and (max-width:1099px){.seitenleiste{width:76px;padding:12px 8px}.seitenleiste .seite-text{display:none}.seite-marke{justify-content:center;padding:2px 0 12px}.seite-knopf{justify-content:center;padding:8px 0}.seite-knopf .zaehler{position:absolute;top:1px;right:3px}.seite-titel{border-top:1px solid var(--linie);margin:12px 6px;height:0}}.bereiche{display:flex;gap:8px;overflow-x:auto;padding:10px 12px 8px;flex:none;scrollbar-width:none}.bereiche::-webkit-scrollbar{display:none}.bereich-knopf{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:5px 12px 5px 5px;border-radius:14px;border:1px solid var(--linie);background:var(--flaeche);color:var(--text-leise);font-weight:650;font-size:.88rem}.bereich-bild{width:32px;height:32px;border-radius:10px;overflow:hidden;flex:none;display:block}.bereich-bild>img{width:100%;height:100%;object-fit:cover}.bereich-knopf.aktiv{color:var(--text);border-color:var(--akzent);background:var(--flaeche-2);background:color-mix(in srgb,var(--akzent) 20%,var(--flaeche))}.bereich-knopf .zaehler{margin-left:-2px}.mosaik{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;width:100%;height:100%;gap:1px;background:var(--grund)}.mosaik img{width:100%;height:100%;object-fit:cover;min-height:0}.liste{flex:1;display:flex;flex-direction:column;min-height:0;background:var(--grund)}.liste-kopf{position:relative;min-height:calc(126px + env(safe-area-inset-top));display:flex;align-items:flex-end;padding:0 16px 12px;overflow:hidden;flex:none}.banner-bild{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 22%}.banner-verlauf{position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,10,11,.15) 0%,rgba(13,10,11,.55) 55%,var(--grund) 100%)}.liste-titel{position:relative;flex:1}.liste-titel h1{margin:0;font-size:1.7rem;text-shadow:0 2px 12px rgba(0,0,0,.6)}.app-name{margin:0;font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:#ffd0d3;text-shadow:0 1px 6px rgba(0,0,0,.7)}.seiten-kopf{flex:none;position:relative;padding:calc(20px + env(safe-area-inset-top)) 16px 10px;background:radial-gradient(130% 160% at 0% 0%,rgba(193,18,31,.2),transparent 62%)}.seiten-kopf h1{margin:2px 0 0;font-size:1.7rem}.seiten-kopf .app-name{color:#ffb3b8;text-shadow:none}.seiten-unter{margin:4px 0 0;color:var(--text-leise);font-size:.86rem}.seiten-kopf.mit-zurueck{padding-top:calc(8px + env(safe-area-inset-top))}.zurueck-knopf{display:inline-flex;align-items:center;gap:2px;min-height:44px;margin:0 0 4px -8px;padding:0 10px 0 4px;border:none;background:none;color:#ff9aa0;font-weight:600;border-radius:10px}.zurueck-knopf:hover{background:var(--flaeche-2)}.abschnitt-titel{margin:0 16px 8px;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-leise);display:flex;align-items:center;gap:8px}.leer-hinweis{margin:48px 28px;text-align:center;color:var(--text-leise);display:grid;justify-items:center;gap:8px}.leer-hinweis p{margin:0}.leer-hinweis .symbol{opacity:.6}.liste-inhalt{flex:1;min-height:0;overflow-y:auto;padding-bottom:16px}.raumliste{list-style:none;margin:0;padding:4px 8px}.raumliste.im-ordner{padding-left:14px;border-left:2px solid var(--flaeche-3);margin-left:18px;padding-right:8px}.ordner{margin:6px 0 2px}.ordner-kopf{width:100%;display:flex;align-items:center;gap:8px;border:none;background:none;padding:8px 14px;text-align:left;color:var(--text-leise);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.ordner-kopf:hover{color:var(--text)}.ordner-kopf .symbol{width:16px;height:16px;flex:none}.ordner-kopf .avatar{border-radius:6px}.ordner-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ordner-anzahl{font-size:.72rem;font-weight:600;opacity:.8}details.erledigt{margin:2px 0 4px 32px}.erledigt summary{cursor:pointer;font-size:.78rem;color:var(--text-leise);padding:6px 4px;list-style:none}.erledigt summary::-webkit-details-marker{display:none}.erledigt summary:before{content:"▸ "}.erledigt[open] summary:before{content:"▾ "}.raum-zeile.erledigt{opacity:.6}.zeile-info{display:flex;gap:6px;flex-wrap:wrap;min-width:0}.chip{font-size:.72rem;line-height:1.5;padding:0 8px;border-radius:999px;background:var(--flaeche-3);color:var(--text-leise);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.chip.sherkan{color:#ffd0d3;background:#c1121f29}.chip.bereich{color:var(--text)}.chip.bereich:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--akzent);margin-right:5px;vertical-align:.5px}.chip.faellig.dringend{background:var(--blut);color:#fff}.chip.faellig.bald{background:#e0a10033;color:#ffd56b}.chip.faellig.fertig{color:#7ee2a8;background:#1f9d5529}.faellig-leiste{display:flex;gap:8px;overflow-x:auto;padding:8px 12px 4px;scrollbar-width:none}.faellig-leiste::-webkit-scrollbar{display:none}.faellig-chip{flex:none;display:grid;gap:1px;text-align:left;border:1px solid var(--linie);background:var(--flaeche);border-radius:12px;padding:7px 11px;max-width:220px}.faellig-chip .faellig-wann{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-leise)}.faellig-chip.dringend{border-color:var(--blut)}.faellig-chip.dringend .faellig-wann{color:var(--blut-hell)}.faellig-chip.bald .faellig-wann{color:#ffd56b}.faellig-chip .faellig-was{font-size:.86rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.raum-zeile{min-width:0;overflow:hidden;width:100%;border:none;background:none;display:flex;gap:12px;align-items:center;padding:9px 8px;border-radius:14px;text-align:left}.raum-zeile:hover,.raum-zeile.aktiv{background:var(--flaeche-2)}.zeile-mitte{flex:1;min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:3px}.zeile-oben,.zeile-unten{display:flex;gap:8px;align-items:center;justify-content:space-between}.zeile-name{font-weight:650;white-space:nowrap;overflow:hidden;display:inline-flex;gap:4px;align-items:center;min-width:0}.zeile-name-text{min-width:0;overflow:hidden;text-overflow:ellipsis}.zeile-name .symbol{width:14px;height:14px;color:var(--text-leise);flex:none}.zeile-zeit{font-size:.75rem;color:var(--text-leise);flex:none}.zeile-vorschau{font-size:.86rem;color:var(--text-leise);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zaehler{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--flaeche-3);color:var(--text);font-size:.72rem;font-weight:700;display:inline-grid;place-items:center;flex:none}.zaehler.laut{background:var(--blut);color:#fff}.avatar{object-fit:cover;flex:none;background:var(--flaeche-3)}.avatar.platzhalter{display:inline-grid;place-items:center;color:#fff;font-weight:700}.banner{margin:8px 12px;padding:10px 12px;border-radius:12px;background:var(--flaeche-2);border:1px solid var(--linie);font-size:.85rem;display:flex;gap:8px;align-items:center}.banner .symbol{flex:none;width:18px;height:18px}.banner.warnung{border-color:#e0a10080;background:#e0a1001a}.raum{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--grund)}.raum.leer{display:grid;place-content:center;justify-items:center;gap:10px;color:var(--text-leise)}.leer-bild{width:160px;height:160px;border-radius:28px;object-fit:cover;opacity:.8}.raum-kopf{display:flex;gap:10px;align-items:center;padding:calc(8px + env(safe-area-inset-top)) 12px 8px;border-bottom:1px solid var(--linie);background:#0d0a0b;flex:none}.raum-titel{min-width:0}.raum-titel h2{margin:0;font-size:1.02rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.raum-titel p{margin:1px 0 0;font-size:.78rem;color:var(--text-leise)}.raum-titel p.tippt{color:#ff9aa0}.verlauf{flex:1;overflow-y:auto;padding:10px 10px 16px;min-height:0;overscroll-behavior:contain}.tag{text-align:center;margin:14px 0 8px}.tag span{font-size:.74rem;color:var(--text-leise);background:var(--flaeche);border:1px solid var(--linie);padding:3px 10px;border-radius:10px}.nachricht{display:flex;gap:8px;margin-top:2px;align-items:flex-end}.nachricht.kopf{margin-top:12px}.nachricht.meine{justify-content:flex-end}.nachricht-avatar{width:34px;flex:none;align-self:flex-start}.nachricht-koerper{min-width:0;max-width:min(78%,620px);display:grid;grid-template-columns:minmax(0,1fr);gap:3px}.nachricht.mit-karte .nachricht-koerper{max-width:min(92%,620px);width:100%}.nachricht.meine .nachricht-koerper{justify-items:end}.absender{margin:0 0 1px 4px;font-size:.78rem;font-weight:700;color:#ffb3b8;display:flex;gap:6px;align-items:center}.bot-marke{font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;background:#c1121f40;color:#ffc9cd;padding:1px 6px;border-radius:6px}.blase{background:var(--flaeche-2);border:1px solid var(--linie);border-radius:16px;padding:8px 12px 6px;position:relative;overflow-wrap:anywhere;max-width:100%;min-width:0}.unterschrift{margin:2px 0;line-height:1.4;font-size:.95rem;white-space:pre-wrap}.nachricht.meine .blase{background:linear-gradient(160deg,#a10f1a,#7d0c14);border-color:#a10f1a}.nachricht.sendet .blase{opacity:.6}.nachricht.markiert .blase{animation:markieren 2.6s ease-out;border-radius:16px}@keyframes markieren{0%,55%{box-shadow:0 0 0 2px var(--blut-hell),0 0 26px #e5383b80}to{box-shadow:0 0 0 0 transparent}}.blase.ohne-rahmen{background:none;border:none;padding:0;width:100%}.blase .zeit{display:block;text-align:right;font-size:.68rem;color:var(--text-leise);margin-top:2px}.nachricht.meine .blase .zeit{color:#ffffffb3}.blase.ohne-rahmen .zeit{padding-right:6px}.text{line-height:1.45;font-size:.97rem}.text p{margin:0 0 .5em}.text p:last-child{margin-bottom:0}.text pre{background:#00000059;padding:10px;border-radius:10px;overflow-x:auto;white-space:pre}.text code{background:#0000004d;padding:1px 5px;border-radius:5px}.text pre code{background:none;padding:0}.text blockquote{margin:.3em 0;padding-left:10px;border-left:3px solid var(--linie);color:var(--text-leise)}.text ul,.text ol{margin:.3em 0;padding-left:1.3em}.text table{border-collapse:collapse;margin:6px 0;font-size:.88rem}.text th,.text td{border:1px solid var(--linie);padding:4px 8px}.text img.emoticon{display:inline-block;height:1.6em;width:auto;vertical-align:-.4em}.text .spoiler{background:var(--text-leise);color:transparent;border-radius:4px;cursor:pointer}.text .spoiler.offen{background:none;color:inherit}.text.notiz{color:#e6d9db}.text.emote{font-style:italic}.hinweis{margin:0;color:var(--text-leise);font-size:.9rem}.bild{padding:0;border:none;background:var(--flaeche-3);border-radius:12px;overflow:hidden;width:min(320px,70vw);display:block;margin:2px 0 4px}.bild img{width:100%;height:100%;object-fit:cover}.lade{display:block;width:100%;height:100%;min-height:40px;background:linear-gradient(90deg,var(--flaeche-2),var(--flaeche-3),var(--flaeche-2));background-size:200% 100%;animation:schimmer 1.2s infinite}@keyframes schimmer{to{background-position:-200% 0}}.audio-start,.datei{border:1px solid var(--linie);background:var(--flaeche-3);border-radius:12px;padding:10px 12px;display:flex;gap:8px;align-items:center;margin:2px 0 4px;max-width:100%}.datei span:first-of-type{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.dauer{color:var(--text-leise);font-size:.8rem;margin-left:auto}.audio,.video{width:min(320px,70vw);margin:2px 0 4px}.reaktionen{display:flex;flex-wrap:wrap;gap:4px;padding-left:2px}.reaktion{border:1px solid var(--linie);background:var(--flaeche);border-radius:12px;padding:2px 8px;font-size:.85rem;display:inline-flex;gap:4px;align-items:center}.reaktion span{font-size:.75rem;color:var(--text-leise)}.reaktion.meine{border-color:var(--blut);background:#c1121f2e}.karte{background:var(--flaeche);border:1px solid var(--linie);border-left:4px solid var(--blut);border-radius:14px;padding:12px 14px;display:grid;gap:10px}.karte-kopf{display:flex;gap:8px;align-items:center}.karte-symbol{font-size:1.1rem}.karte-titel{font-weight:700;flex:1}.marke{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;background:var(--flaeche-3);padding:2px 7px;border-radius:6px;color:var(--text-leise)}.karte-text{margin:0;line-height:1.45;white-space:pre-wrap}.karte-klein{margin:0;font-size:.8rem;color:var(--text-leise)}.karte-status{margin:0;font-size:.9rem}.karte-status.erledigt{color:#8ff0b8;font-weight:600}.karte-status.erledigt.nein{color:#ffb3ba}.karte-status.abgelaufen{color:var(--text-leise)}.karte-fehler{margin:0;color:#ff8a8f;font-size:.85rem}.karte-linie{border:none;border-top:1px solid var(--linie);margin:0;width:100%}.befehl{margin:0;background:#0a0708;border:1px solid var(--linie);border-radius:10px;padding:10px;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.knopfreihe{display:flex;flex-wrap:wrap;gap:8px}.knopfreihe .knopf{flex:1 1 auto}.freigabe.offen{border-left-color:var(--warn);box-shadow:0 0 0 1px #e0a1002e}.freigabe.zu{border-left-color:var(--linie)}.darstellung.ton-info{border-left-color:var(--info)}.darstellung.ton-success{border-left-color:var(--gut)}.darstellung.ton-warning{border-left-color:var(--warn)}.darstellung.ton-danger{border-left-color:var(--gefahr)}.auswahl{display:flex;gap:8px}.auswahl select{flex:1;min-width:0;background:var(--flaeche-2);border:1px solid var(--linie);border-radius:12px;padding:9px 10px}.tabelle-rahmen{overflow-x:auto}.tabelle{border-collapse:collapse;width:100%;font-size:.86rem}.tabelle caption{text-align:left;font-weight:700;padding-bottom:6px}.tabelle th,.tabelle td{border-bottom:1px solid var(--linie);padding:6px 8px;text-align:left}.tabelle td.zahl{text-align:right;font-variant-numeric:tabular-nums}.diagramm{margin:0}.diagramm figcaption{font-weight:700;font-size:.9rem;margin-bottom:6px}.diagramm .achse{stroke:var(--linie)}.diagramm .beschriftung{fill:var(--text-leise);font-size:10px}.kuchen{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.legende{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:.85rem}.legende.reihe{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}.punkt{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px}.umfrage-antwort{position:relative;border:1px solid var(--linie);background:var(--flaeche-2);border-radius:10px;padding:9px 12px;display:flex;justify-content:space-between;overflow:hidden;text-align:left}.umfrage-antwort .balken{position:absolute;inset:0 auto 0 0;background:#c1121f40}.umfrage-antwort.meine{border-color:var(--blut)}.antwort-text,.antwort-zahl{position:relative}.eingabe-bereich{position:relative;border-top:1px solid var(--linie);background:var(--grund);padding:8px 8px calc(8px + env(safe-area-inset-bottom));flex:none}.tastatur .eingabe-bereich{padding-bottom:8px}.eingabe{display:flex;gap:4px;align-items:flex-end}.eingabe textarea{flex:1;resize:none;background:var(--flaeche-2);border:1px solid var(--linie);border-radius:20px;padding:9px 14px;font-size:1rem;line-height:1.35;max-height:160px;min-height:40px}.eingabe-fehler{margin:0 12px 6px;color:#ff8a8f;font-size:.85rem}.befehlsmenue,.emoji-auswahl{position:absolute;bottom:100%;left:8px;right:8px;background:var(--flaeche-2);border:1px solid var(--linie);border-radius:14px;margin:0 0 6px;box-shadow:0 -8px 30px #00000073;max-height:50vh;overflow-y:auto;z-index:4}.befehlsmenue{list-style:none;padding:6px}.befehlsmenue button{width:100%;text-align:left;border:none;background:none;padding:8px 10px;border-radius:10px;display:flex;gap:10px;align-items:baseline}.befehlsmenue button:hover{background:var(--flaeche-3)}.befehlsmenue span{color:var(--text-leise);font-size:.85rem}.emoji-auswahl{padding:10px}.emoji-reihe,.emoji-gitter{display:flex;flex-wrap:wrap;gap:4px}.emoji{border:none;background:none;width:40px;height:40px;border-radius:10px;font-size:1.4rem;display:grid;place-items:center;padding:2px}.emoji:hover{background:var(--flaeche-3)}.emoji.eigen img{width:34px;height:34px;object-fit:contain}.emoji.sticker{width:64px;height:64px}.emoji.sticker img{width:58px;height:58px}.emoji-titel{margin:10px 2px 6px;font-size:.78rem;color:var(--text-leise);font-weight:600}.symbol{display:block}.bib-werkzeuge{flex:none;display:grid;gap:10px;padding:2px 0 10px;border-bottom:1px solid var(--linie)}.bib-suche{margin:0 12px;display:flex;align-items:center;gap:8px;background:var(--flaeche-2);border:1px solid var(--linie);border-radius:12px;padding:0 4px 0 12px;min-height:44px;color:var(--text-leise);cursor:text}.bib-suche:focus-within{border-color:var(--blut-hell)}.bib-suche input{flex:1;min-width:0;background:none;border:none;outline:none;font-size:1rem;padding:10px 0;color:var(--text);-webkit-appearance:none;appearance:none}.bib-suche input::placeholder{color:#8a7c7f}.bib-suche input::-webkit-search-cancel-button{display:none}.suche-leeren{width:36px;height:36px;border:none;background:none;display:grid;place-items:center;color:var(--text-leise);border-radius:10px;flex:none}.bib-filter{display:flex;gap:6px;overflow-x:auto;padding:0 12px;scrollbar-width:none}.bib-filter::-webkit-scrollbar{display:none}.filter-chip{flex:none;min-height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--linie);background:var(--flaeche);color:#d6cacc;font-size:.86rem;font-weight:600}.filter-chip.aktiv{background:var(--blut);border-color:var(--blut);color:#fff}.bib-inhalt{padding:4px 0 28px}.bib-abschnitt{margin:16px 0 6px}.bib-liste{list-style:none;margin:0;padding:0 8px}.bib-zeile{width:100%;min-height:58px;display:flex;align-items:center;gap:12px;border:none;background:none;text-align:left;padding:7px 8px;border-radius:12px;color:var(--text)}.bib-zeile:hover{background:var(--flaeche-2)}.bib-zeile>.symbol{color:var(--text-leise);flex:none}.bib-kachel{width:44px;height:44px;border-radius:10px;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;background:var(--flaeche-3);color:var(--text-leise);object-fit:cover;overflow:hidden}.bib-kachel .lade{min-height:0}.bib-kachel.art-datei{background:#262130;color:#cdbfff}.bib-kachel.art-datei.pdf{background:#3a1a1e;color:#ff9ea4}.bib-kachel.art-link{background:#17243a;color:#9cc2ff}.bib-kachel.art-audio{background:#2b1f33;color:#e2b8ff}.bib-kachel.art-video,.bib-kachel.art-bild{background:#33241a;color:#ffc89a}.bib-kachel .endung{font-size:.56rem;font-weight:800;letter-spacing:.05em;line-height:1}.bib-kachel.gross{width:100%;height:100%;border-radius:0}.bib-mitte{flex:1;min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:2px}.bib-titel{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bib-unter{font-size:.8rem;color:var(--text-leise);display:flex;gap:6px;min-width:0}.bib-adresse{color:#9cc2ff;flex:0 1 auto;max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bib-ort{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mehr-knopf{display:block;margin:2px 16px 0;min-height:40px;border:none;background:none;color:#ff9aa0;font-weight:600;font-size:.88rem;padding:0}.bib-raster{list-style:none;margin:0;padding:0 12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.bib-raster-knopf{display:block;width:100%;aspect-ratio:1;border:none;padding:0;background:var(--flaeche-3);border-radius:10px;overflow:hidden}.pin-liste{list-style:none;margin:0;padding:0 12px 4px;display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-padding:12px}.pin-liste::-webkit-scrollbar{display:none}.pin-liste>li{flex:none;width:min(282px,80%);scroll-snap-align:start;display:flex}.pin-liste.senkrecht{flex-direction:column;overflow:visible;scroll-snap-type:none}.pin-liste.senkrecht>li{width:auto}.pin-karte{width:100%;text-align:left;display:grid;gap:8px;align-content:start;border:1px solid var(--linie);border-top:3px solid var(--blut);background:var(--flaeche);border-radius:14px;padding:11px 13px 13px;color:var(--text)}.pin-karte:hover{background:var(--flaeche-2)}.pin-karte.fehlt{opacity:.6;border-top-color:var(--linie)}.pin-kopf{display:flex;align-items:center;gap:8px;font-size:.8rem;font-weight:700;color:var(--text-leise)}.pin-kopf .symbol{color:var(--blut-hell);flex:none}.pin-raum{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pin-text{font-size:.9rem;line-height:1.42;white-space:pre-line;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.regal-raster{list-style:none;margin:0;padding:0 12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.regal-karte{width:100%;height:100%;text-align:left;border:1px solid var(--linie);background:var(--flaeche);border-radius:14px;padding:0 0 11px;overflow:hidden;display:flex;flex-direction:column;gap:3px;color:var(--text)}.regal-karte:hover{border-color:var(--akzent)}.regal-cover{display:block;aspect-ratio:16 / 10;background:var(--flaeche-3);position:relative;overflow:hidden;margin-bottom:7px}.regal-cover img{width:100%;height:100%;object-fit:cover}.regal-cover img.nur-symbol{opacity:.5;filter:saturate(.7)}.regal-cover:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--akzent)}.regal-name{padding:0 11px;font-weight:650;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.regal-unter{padding:0 11px;font-size:.75rem;color:var(--text-leise);display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden}.regal-unter .punkt{width:7px;height:7px;border-radius:50%;margin:0;flex:none}.archiv-karte{margin:22px 12px 6px;display:flex;gap:12px;align-items:flex-start;padding:13px 14px;border:1px dashed #4a3a3e;border-radius:14px;background:#ffffff05}.archiv-symbol{width:40px;height:40px;border-radius:10px;background:var(--flaeche-2);display:grid;place-items:center;color:var(--text-leise);flex:none}.archiv-text{flex:1;min-width:0;display:grid;gap:4px;font-size:.9rem;line-height:1.4}.archiv-karte .marke{flex:none}.bib-hinweis{margin:14px 16px 0;font-size:.8rem;line-height:1.4;color:var(--text-leise);display:flex;gap:8px;align-items:flex-start}.bib-hinweis .symbol{flex:none;margin-top:1px}.bib-laedt{margin:10px 16px 0;font-size:.8rem;color:var(--text-leise);display:grid;gap:6px}.balken-rahmen{height:3px;background:var(--flaeche-3);border-radius:2px;overflow:hidden}.balken-rahmen .balken{display:block;height:100%;background:var(--blut);transition:width .2s}.faellig-gruppe{margin:14px 0 4px}.gruppe-titel{margin:0 16px 6px;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-leise);display:flex;align-items:center;gap:8px}.gruppe-titel.ueberfaellig{color:var(--blut-hell)}.erledigt-gruppe summary{cursor:pointer;list-style:none;margin:0 16px;padding:10px 0;min-height:44px;display:flex;align-items:center;gap:8px;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-leise)}.erledigt-gruppe summary::-webkit-details-marker{display:none}.erledigt-gruppe summary:before{content:"▸"}.erledigt-gruppe[open] summary:before{content:"▾"}.faellig-zeile{width:100%;display:flex;gap:12px;align-items:center;border:none;background:none;text-align:left;padding:8px;border-radius:14px;color:var(--text)}.faellig-zeile:hover,.faellig-zeile.aktiv{background:var(--flaeche-2)}.faellig-zeile.fertig{opacity:.6}.kalender{width:48px;flex:none;border-radius:11px;overflow:hidden;border:1px solid var(--linie);background:var(--flaeche);text-align:center;display:grid}.kalender-monat{font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;background:var(--flaeche-3);color:var(--text-leise);padding:3px 0 2px}.kalender-tag{font-size:1.2rem;font-weight:750;padding:2px 0 4px;font-variant-numeric:tabular-nums}.faellig-zeile.ueber .kalender-monat,.faellig-zeile.dringend .kalender-monat{background:var(--blut);color:#fff}.faellig-zeile.bald .kalender-monat{background:#e0a10042;color:#ffd56b}.faellig-zeile .zeile-vorschau{font-size:.8rem}.ich-inhalt{padding:8px 16px 32px}.ich-karte{display:flex;gap:14px;align-items:center;padding:14px;border:1px solid var(--linie);background:var(--flaeche);border-radius:16px}.ich-text{min-width:0}.ich-text p{margin:0}.ich-name{font-size:1.15rem;font-weight:700}.ich-text .leise{font-size:.85rem;overflow-wrap:anywhere}.ich-inhalt .abschnitt-titel{margin:24px 4px 8px}.einstellung-liste{margin:0;border:1px solid var(--linie);background:var(--flaeche);border-radius:14px;overflow:hidden}.einstellung-liste>div{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-top:1px solid var(--linie);font-size:.92rem}.einstellung-liste>div:first-child{border-top:none}.einstellung-liste dt{color:var(--text-leise);flex:none}.einstellung-liste dd{margin:0;text-align:right;overflow-wrap:anywhere}.schalter-zeile{width:100%;border:none;background:none;display:flex;align-items:center;gap:12px;padding:12px 14px;text-align:left;min-height:60px;color:var(--text)}.schalter-text{flex:1;display:grid;gap:3px}.schalter-titel{font-weight:650}.schalter{width:51px;height:31px;border-radius:999px;background:var(--flaeche-3);border:1px solid var(--linie);position:relative;flex:none;transition:background .2s}.schalter span{position:absolute;top:2px;left:2px;width:25px;height:25px;border-radius:50%;background:#f3eeee;transition:transform .2s;box-shadow:0 1px 3px #0006}.schalter.an{background:var(--blut);border-color:var(--blut)}.schalter.an span{transform:translate(20px)}.einstellung-hinweis{margin:6px 4px 0}.abmelden{width:100%;margin-top:30px}.fusszeile{margin-top:20px}html.einfach{font-size:125%}.einfach .leiste-knopf{min-height:66px}.einfach .leiste-symbol{width:66px;height:36px}.einfach .leiste-name{font-size:.74rem}.einfach .raum-zeile,.einfach .bib-zeile,.einfach .faellig-zeile{padding-top:12px;padding-bottom:12px}.einfach .knopf{min-height:52px}.einfach .rund{width:50px;height:50px}.einfach .bereich-knopf{min-height:54px}.einfach .bereich-bild{width:40px;height:40px}.einfach .filter-chip{min-height:46px}.einfach .bib-kachel{width:52px;height:52px}@media(min-width:860px){.bib-filter{flex-wrap:wrap}.pin-liste{flex-direction:column;overflow:visible;scroll-snap-type:none}.pin-liste>li{width:auto}.liste-kopf{min-height:132px}.seiten-kopf{padding-top:22px}.seiten-kopf.mit-zurueck,.raum-kopf{padding-top:10px}}@media(prefers-reduced-motion:reduce){.lade{animation:none}.nachricht.markiert .blase{animation:none;box-shadow:0 0 0 2px var(--blut-hell)}}.neue-fassung{position:fixed;z-index:50;left:12px;right:12px;top:calc(10px + env(safe-area-inset-top));margin:0 auto;max-width:420px;display:flex;gap:12px;align-items:center;justify-content:space-between;padding:10px 10px 10px 14px;border-radius:14px;background:var(--flaeche-2);border:1px solid var(--linie);box-shadow:0 8px 24px #00000073;font-size:.92rem}.startet{height:100%;background:var(--grund)}