:root{--grund: #faf7f0;--text: #1a1a1a;--gedaempft: #6b6459;--akzent: #c8552a;--rand: #ddd6c9;--flaeche: #fff}@media (prefers-color-scheme: dark){:root{--grund: #1c1a17;--text: #f0ece4;--gedaempft: #a9a294;--akzent: #e87a4d;--rand: #3a352e;--flaeche: #26231f}}*{box-sizing:border-box}body{margin:0;background:var(--grund);color:var(--text);font-family:system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5}main{max-width:640px;margin:0 auto;padding:16px 16px calc(96px + env(safe-area-inset-bottom))}h1{font-size:1.5rem;margin:8px 0 20px}h2{font-size:1rem;text-transform:uppercase;letter-spacing:.06em;color:var(--gedaempft);margin:0 0 12px}section{background:var(--flaeche);border:1px solid var(--rand);border-radius:12px;padding:16px;margin-bottom:16px}label{display:block;margin-bottom:16px;font-weight:600}label:last-child{margin-bottom:0}input,select{display:block;width:100%;margin-top:6px;padding:12px;font-size:16px;font-family:inherit;font-weight:400;color:var(--text);background:var(--grund);border:1px solid var(--rand);border-radius:8px}input:focus,select:focus{outline:2px solid var(--akzent);outline-offset:1px}.quelle{margin-top:6px;border-style:dashed}.hinweis{display:block;font-weight:400;font-size:.85rem;color:var(--gedaempft);margin-top:2px}.zeile{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.zeile .hinweis{margin:0}button{font:inherit;padding:12px 16px;border-radius:8px;border:1px solid var(--rand);background:var(--grund);color:var(--text);cursor:pointer;min-height:44px}button.haupt{position:fixed;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));max-width:608px;margin:0 auto;background:var(--akzent);color:#fff;border:none;font-weight:600;box-shadow:0 4px 16px #0000002e}button.haupt:disabled{background:var(--gedaempft);cursor:not-allowed}.meldung{background:var(--flaeche);border-left:3px solid var(--akzent);border-radius:6px;padding:12px}.kasten{background:var(--flaeche);border:1px solid var(--rand);border-radius:12px;padding:16px}.kasten ol{padding-left:20px}.kasten li{margin-bottom:10px}code{font-family:ui-monospace,monospace;font-size:.9em;background:var(--grund);padding:1px 5px;border-radius:4px;overflow-wrap:anywhere}html,body{overflow-x:hidden}.kopf{display:flex;align-items:center;justify-content:space-between;gap:12px}.kopf h1{margin:8px 0}.kopf button{min-height:38px;padding:8px 14px}.angemeldet{margin:0 0 16px}