:root{--surface-0:#f0eee6;--surface-1:#f7f6f2;--surface-2:#fff;--text-primary:#1f1e1c;--text-secondary:#5f5e5a;--text-muted:#8a8983;--border:#0000001a;--border-strong:#0000002e;--bg-accent:#e6f1fb;--text-accent:#185fa5;--fill-accent:#378add;--on-accent:#fff;--bg-success:#eaf3de;--text-success:#3b6d11;--fill-success:#639922;--bg-warning:#faeeda;--text-warning:#854f0b;--radius:8px;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}@media (prefers-color-scheme:dark){:root{--surface-0:#191917;--surface-1:#232320;--surface-2:#2b2b28;--text-primary:#eceae2;--text-secondary:#b4b2a9;--text-muted:#888780;--border:#ffffff1f;--border-strong:#ffffff38;--bg-accent:#0c447c;--text-accent:#b5d4f4;--bg-success:#27500a;--text-success:#c0dd97;--bg-warning:#633806;--text-warning:#fac775}}*{box-sizing:border-box}body{font-family:var(--font-sans);background:var(--surface-0);color:var(--text-primary);margin:0;padding:16px}.karte{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.gedaempft{color:var(--text-secondary);font-size:14px}.hinweis{background:var(--bg-warning);color:var(--text-warning);border-radius:var(--radius);padding:12px;font-size:14px}.feld{border:0;margin-bottom:14px;padding:0;display:block}.feld>span,.feld>legend{color:var(--text-secondary);margin-bottom:5px;padding:0;font-size:14px;display:block}.feld em{color:var(--text-muted);font-style:normal;font-weight:400}.feld>span em{margin-left:4px;font-size:13px}.feld input[type=text],.feld input:not([type]){width:100%}.feld input{width:100%;font:inherit;color:var(--text-primary);background:var(--surface-1);border:1px solid var(--border-strong);border-radius:var(--radius);padding:10px 12px;font-size:16px}.feld input:focus-visible{outline:2px solid var(--fill-accent);outline-offset:1px}.feld small{margin-top:5px;font-size:13px;display:block}.haken{cursor:pointer;align-items:flex-start;gap:10px;padding:8px 0;display:flex}.haken input{width:20px;height:20px;accent-color:var(--fill-accent);flex:none;margin:1px 0 0}.haken span{font-size:15px;line-height:1.35}.haken em{color:var(--text-muted);font-size:13px;font-style:normal;display:block}.knopf{width:100%;font:inherit;border-radius:var(--radius);background:var(--fill-accent);color:var(--on-accent);cursor:pointer;border:0;padding:12px 16px;font-size:16px;font-weight:600}.knopf:disabled{background:var(--text-muted);cursor:default}.knopf-schlicht{font:inherit;cursor:pointer;color:var(--text-accent);border:1px solid var(--border-strong);border-radius:var(--radius);background:0 0;padding:6px 10px;font-size:14px}.paare{grid-template-columns:auto 1fr;gap:4px 12px;margin:0 0 14px;display:grid}.paare dt{color:var(--text-secondary);font-size:14px}.paare dd{overflow-wrap:anywhere;margin:0;font-size:14px}.geheimnis{background:var(--bg-accent);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:8px;padding:12px;display:flex}.geheimnis>p{flex-basis:100%}.geheimnis code{letter-spacing:.04em;color:var(--text-accent);overflow-wrap:anywhere;flex:auto;font-size:17px}body{padding:0}.rahmen{flex-direction:column;min-height:100dvh;display:flex}.inhalt{flex-direction:column;flex:1;gap:12px;padding:16px 16px 12px;display:flex}.leiste{background:var(--surface-2);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom,0);display:flex;position:sticky;bottom:0}.leiste-knopf{cursor:pointer;min-width:0;color:var(--text-muted);font:inherit;background:0 0;border:0;flex-direction:column;flex:1 1 0;align-items:center;gap:3px;padding:9px 2px 7px;font-size:11px;line-height:1.2;display:flex}.leiste-knopf>span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.leiste-knopf.aktiv{color:var(--text-accent)}.leiste-knopf:focus-visible{outline:2px solid var(--fill-accent);outline-offset:-2px}.titel{margin:4px 0 0;font-size:17px}.titel.gross{font-size:20px}.knopf-link{text-align:center;margin-top:12px;text-decoration:none;display:block}.nowrap{white-space:nowrap}.liste{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.eintrag{padding:12px 14px}.eintrag-kopf{align-items:baseline;gap:8px;display:flex}.eintrag-titel{overflow-wrap:anywhere;flex:1;font-size:15px;line-height:1.35}.eintrag-nr{color:var(--text-muted);flex:none;font-size:13px}.eintrag-fuss{margin:8px 0 0;font-size:13px}.marken{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.marke{white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:12px}.marke-gut{background:var(--bg-success);color:var(--text-success)}.marke-aktiv{background:var(--bg-accent);color:var(--text-accent)}.marke-neutral{background:var(--surface-1);color:var(--text-secondary);border:1px solid var(--border)}