:root{--bg:#16121d;--karte:#211b2b;--karte-hell:#2f2740;--linie:#2b2438;--rand:#4a4058;--text:#f4eff8;--leise:#b9aec6;--sehr-leise:#8f849c;--lila:#cdb4f5;--gruen:#93c47d;--orange:#f6b26b;--dunkel:#1a1422;--discord:#4752c4;--titel-schrift:"Bricolage Grotesque", system-ui, sans-serif;color:var(--text);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:16px/1.45 Figtree,system-ui,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}a{color:var(--lila)}h1,h2{margin:0}.leise{color:var(--leise)}.sehr-leise{color:var(--sehr-leise)}.klein{font-size:13px}.gross{font-family:var(--titel-schrift);font-size:30px;font-weight:800;line-height:1.15}.seiten-hinweis{margin:0;padding:24px 18px}.link{font:inherit;color:var(--lila);cursor:pointer;background:0 0;border:0;align-self:flex-start;min-height:32px;padding:0;text-decoration:underline}.anmelden,.laden{place-items:center;min-height:100vh;padding:24px;display:grid}.anmelden-karte{text-align:center;flex-direction:column;gap:14px;width:100%;max-width:420px;display:flex}.anmelden-karte h1{font-family:var(--titel-schrift);font-size:32px;font-weight:800}.logo-titel{margin:0;line-height:0}.logo{border-radius:32px;width:240px;max-width:70vw;height:240px;max-height:70vw;margin:0 auto 6px;display:block}.knopf{width:100%;height:56px;font:inherit;cursor:pointer;border:0;border-radius:16px;justify-content:center;align-items:center;gap:10px;font-size:17px;font-weight:700;text-decoration:none;display:flex}.knopf:disabled{opacity:.7;cursor:wait}.knopf.discord{background:var(--discord);color:#fff}.knopf.zweitrangig{background:var(--lila);color:var(--dunkel)}.hinweis{background:var(--karte);text-align:left;border-radius:14px;gap:10px;padding:14px;display:grid}.hinweis p{margin:0}.hinweis .link{justify-self:start}.datenschutz{color:var(--sehr-leise);margin:6px 0 0;font-size:12px}.app{flex-direction:column;max-width:640px;min-height:100vh;margin:0 auto;display:flex}.kopfzeile{z-index:2;background:var(--bg);border-bottom:1px solid var(--linie);flex-shrink:0;align-items:center;gap:6px;height:58px;padding:0 10px 0 14px;display:flex;position:sticky;top:0}.icon-knopf{width:44px;height:44px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;margin-left:-6px;display:flex}.logo-klein{border-radius:9px;flex-shrink:0;width:32px;height:32px;display:block}.kopf-titel{min-width:0;font-family:var(--titel-schrift);white-space:nowrap;text-overflow:ellipsis;flex:1;padding-left:4px;font-size:20px;font-weight:800;overflow:hidden}.profil-knopf{background:var(--lila);width:34px;height:34px;color:var(--dunkel);border-radius:50%;place-items:center;font-weight:700;display:grid;overflow:hidden}.profil-knopf img{object-fit:cover;width:100%;height:100%}.inhalt{flex:1;padding-bottom:84px}.tabs{z-index:2;background:var(--bg);border-top:1px solid var(--linie);padding-bottom:env(safe-area-inset-bottom);justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.tab{max-width:160px;min-height:60px;color:var(--sehr-leise);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:12px;font-weight:600;text-decoration:none;display:flex}.tab.aktiv{color:var(--lila)}.seite{flex-direction:column;gap:14px;padding:16px 18px 28px;display:flex}.liste{flex-direction:column;gap:8px;display:flex}.liste>p{margin:0}.feld{flex-direction:column;gap:6px;display:flex}.feld label{color:var(--leise);font-size:13px}.feld input{border:1px solid var(--rand);background:var(--karte);height:48px;color:var(--text);font:inherit;border-radius:14px;padding:0 14px;font-size:16px}.karte{background:var(--karte);color:var(--text);border-radius:14px;text-decoration:none}.zeile{align-items:center;gap:12px;min-height:60px;padding:8px 12px 8px 10px;display:flex}.zeile-text{min-width:0;color:var(--text);flex-direction:column;flex:1;padding:4px 0;text-decoration:none;display:flex}.titel{flex-wrap:wrap;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.unter{color:var(--leise);margin-top:2px;font-size:13px}.autorin-karte{flex-direction:column;gap:8px;padding:14px;display:flex}.autorin-name{font-family:var(--titel-schrift);font-size:19px;font-weight:800}.reihe-zeile{padding-left:14px}.fortschritt-zahl{color:var(--gruen);white-space:nowrap;font-size:14px;font-weight:700}.balken{background:var(--karte-hell);border-radius:4px;width:100%;height:8px;display:block;overflow:hidden}.balken>span{background:var(--gruen);border-radius:4px;height:100%;display:block}.umschalter{background:var(--karte);border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;display:grid}.umschalter button{height:40px;font:inherit;cursor:pointer;color:var(--leise);background:0 0;border:0;border-radius:10px;font-size:14px;font-weight:700}.umschalter button[aria-selected=true]{background:var(--lila);color:var(--dunkel)}.schild{color:var(--dunkel);background:var(--lila);border-radius:999px;padding:2px 7px;font-size:11px;font-weight:700}.cover{object-fit:cover;border-radius:4px;flex-shrink:0;width:36px;height:52px}.cover.klein{width:32px;height:46px}.status-punkt{border-radius:50%;flex-shrink:0;width:14px;height:14px;margin:0 6px}.status-punkt.offen{border:2px solid var(--rand)}.status-chip{color:var(--dunkel);white-space:nowrap;border:1px solid;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:700}.status-chip.offen{color:var(--leise);border-color:var(--rand);background:0 0}.vorschlag-knopf{border:1px dashed var(--rand);height:48px;color:var(--lila);font:inherit;background:0 0;border-radius:14px;margin-top:6px;font-size:15px;font-weight:700}.vorschlag-knopf:disabled{opacity:.6}:focus-visible{outline:2px solid var(--lila);outline-offset:2px}.kopf{flex-direction:column;gap:8px;display:flex}.kopf p{margin:0}.grosszahl-zeile{align-items:baseline;gap:10px;display:flex}.grosszahl{font-family:var(--titel-schrift);font-size:38px;font-weight:800;line-height:1.1}.kopf .link{text-align:left;min-height:32px}.link:disabled{cursor:default;text-decoration:none}.kopf-autorin{color:var(--lila);align-self:flex-start;align-items:center;min-height:28px;font-weight:600;text-decoration:none;display:inline-flex}.titel-zeile{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.kopf-infos{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.reihe-status{border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700}.reihe-status.fertig{color:var(--leise);border:1px solid var(--rand)}.reihe-status.laeuft{color:var(--lila);border:1px solid var(--lila)}.fortschritt-reihe{align-items:center;gap:10px;margin-top:4px;display:flex}.fortschritt-zahl.weiss{color:var(--text)}.gruppe{flex-direction:column;gap:6px;display:flex}.gruppe>p{margin:0}.gruppe-kopf{justify-content:space-between;align-items:center;gap:8px;padding:0 2px;display:flex}.gruppe-titel{font-size:16px;font-weight:700}.gruppe-titel a{color:var(--text);align-items:center;min-height:32px;text-decoration:none;display:inline-flex}.klein-umschalter{border-radius:12px;padding:3px}.klein-umschalter button{border-radius:9px;height:34px;font-size:13px}.baende{background:var(--karte);border-radius:16px;padding:2px 0}.band-zeile{align-items:center;gap:10px;min-height:52px;padding:4px 10px 4px 14px;display:flex}.band-zeile+.band-zeile{border-top:1px solid var(--linie)}.band-nr{width:34px;color:var(--sehr-leise);flex-shrink:0;font-size:13px}.band-titel{flex-wrap:wrap;align-items:center;gap:6px;font-size:15px;font-weight:600;display:flex}.naechstes{color:var(--lila);border:1px solid var(--lila);border-radius:999px;padding:1px 7px;font-size:11px;font-weight:700}.naechstes.allein{align-self:flex-start;margin-top:4px}.sterne-zeile{color:var(--orange);margin-top:2px;font-size:12px}.fuss-aktionen{flex-direction:column;gap:8px;margin-top:6px;display:flex}.fuss-aktionen p{margin:0}.knopf-rand{border:1px solid var(--rand);min-height:46px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border-radius:14px;padding:0 16px;font-size:15px;font-weight:700}.knopf-rand:disabled{opacity:.6;cursor:wait}.blatt-hintergrund{z-index:10;background:#0a070e9e;flex-direction:column;justify-content:flex-end;align-items:center;display:flex;position:fixed;inset:0}.blatt{background:var(--karte);width:100%;max-width:640px;max-height:85vh;padding:14px 18px calc(22px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;flex-direction:column;gap:14px;display:flex;overflow-y:auto}.blatt:focus{outline:none}.blatt-griff{background:var(--rand);border-radius:2px;align-self:center;width:40px;height:4px}.blatt-titel{font-family:var(--titel-schrift);font-size:21px;font-weight:800}.blatt-unter{margin:3px 0 0}.blatt textarea{border:1px solid var(--rand);background:var(--bg);color:var(--text);font:inherit;resize:vertical;border-radius:14px;padding:12px 14px;font-size:16px}.blatt p{margin:0}.leser-liste{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.leser-zeile{align-items:center;gap:12px;min-height:52px;text-decoration:none;display:flex}.mitglied-bild{background:var(--karte-hell);width:36px;height:36px;color:var(--text);border-radius:50%;flex-shrink:0;place-items:center;font-size:14px;font-weight:700;display:grid;overflow:hidden}.mitglied-bild img{object-fit:cover;width:100%;height:100%}.lila{color:var(--lila)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fehler-hinweis{color:var(--sehr-leise);flex-wrap:wrap;align-items:center;gap:4px;margin:0;padding:0 2px;font-size:13px;display:flex}.fehler-hinweis .link{color:var(--leise);min-height:32px;font-size:13px}.status-knopf{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;min-width:44px;min-height:44px;margin:-6px -4px -6px 0;padding:0 4px;display:flex}.status-auswahl{flex-direction:column;gap:8px;display:flex}.status-option{border:1px solid var(--rand);min-height:46px;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:12px;padding:0 14px;font-size:15px;font-weight:600}.status-option.gewaehlt{color:var(--dunkel);font-weight:700}.status-option.entfernen{color:var(--leise);border-style:dashed}.status-option:disabled{opacity:.6;cursor:wait}.status-optionen{flex-wrap:wrap;gap:8px;display:flex}.status-optionen .status-option{text-align:center;min-height:42px;padding:0 13px;font-size:14px}.sterne-wahl{gap:2px;display:flex}.sterne-wahl.gross-sterne{justify-content:center;gap:4px}.stern{cursor:pointer;color:#6e6380;background:0 0;border:0;width:44px;height:44px;padding:0;font-size:30px;line-height:1}.gross-sterne .stern{width:52px;height:52px;font-size:36px}.stern.an{color:var(--orange)}.zwei-knoepfe{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.zwei-knoepfe .knopf,.zwei-knoepfe .knopf-rand{width:100%;height:50px}.link.mitte{align-self:center}.rechts{text-align:right}.buch-seite{gap:22px}.buch-kopf{gap:16px;display:flex}.cover.gross{border-radius:8px;width:84px;height:124px}.buch-kopf-text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.buch-kopf-text p{margin:0}.kopf-link{align-self:flex-start;min-height:24px;text-decoration:none}.buch-titel{font-family:var(--titel-schrift);font-size:25px;font-weight:800;line-height:1.12}.abschnitt{flex-direction:column;gap:10px;display:flex}.abschnitt>p{margin:0}.abschnitt-titel{letter-spacing:.08em;text-transform:uppercase;color:var(--leise);font-size:12.5px;font-weight:700}.datum-zeile{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.datum-zeile input{border:1px solid var(--rand);background:var(--karte);height:40px;color:var(--text);font:inherit;border-radius:10px;padding:0 10px}.kommentar-feld{border:1px solid var(--rand);background:var(--karte);color:var(--text);font:inherit;resize:vertical;border-radius:14px;padding:12px 14px;font-size:16px}.kommentar-leiste{justify-content:space-between;align-items:center;gap:10px;display:flex}.haekchen{min-height:44px;color:var(--text);cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.haekchen input{width:20px;height:20px;accent-color:var(--lila)}.kommentar-knoepfe{justify-content:flex-end;align-items:center;gap:12px;display:flex}.kommentar-knoepfe .link{align-self:center;margin-right:auto}.knopf-klein{background:var(--lila);height:44px;color:var(--dunkel);font:inherit;cursor:pointer;border:0;border-radius:12px;padding:0 18px;font-size:15px;font-weight:700}.knopf-klein:disabled{opacity:.45;cursor:default}.club-karte{text-align:left;cursor:pointer;font:inherit;border:0;flex-direction:column;padding:12px 14px;display:flex}.club-karte:disabled{cursor:default}.reaktionen{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.reaktion{gap:11px;display:flex}.reaktion-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.reaktion-kopf{flex-wrap:wrap;align-items:center;gap:8px;margin:0;display:flex}.reaktion-kopf a{text-decoration:none}.fett{font-weight:700}.sterne-anzeige{color:var(--orange);letter-spacing:1px;font-size:14px}.reaktion-inhalt{overflow-wrap:anywhere;margin:0;font-size:15px;line-height:1.4}.spoiler-knopf{background:var(--linie);min-height:40px;color:var(--leise);font:inherit;cursor:pointer;border:0;border-radius:10px;align-self:flex-start;padding:0 12px;font-size:14px}.nachbarn{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.nachbar{border:1px solid var(--karte-hell);color:var(--text);border-radius:12px;flex-direction:column;min-width:0;padding:10px 12px;text-decoration:none;display:flex}.nachbar.rechts{text-align:right}.nachbar-titel{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.admin-knopf{justify-content:center;align-items:center;text-decoration:none;display:flex}