:root{color-scheme:dark;--bg:#0b0b0d;--fl:#141417;--rand:#26262b;--text:#e7e7ea;--leise:#9d9da6;
  --akzent:#a5b4fc;--akzent-text:#0b0b0d;--fehler:#f1a1a1}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);
  font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;display:flex;justify-content:center}
main{width:100%;max-width:400px;padding:12vh 16px 32px}
.marke{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--leise);margin:0 0 28px}
h1{font-size:1.35rem;font-weight:600;margin:0 0 8px}
p{margin:0 0 16px;color:var(--leise)}
p.fehler{color:var(--fehler)}
label{display:block;font-size:.85rem;color:var(--leise);margin:20px 0 6px}
input[type=text],input[type=url]{width:100%;min-height:44px;background:var(--fl);color:var(--text);border:0;
  border-radius:6px;padding:10px 12px;font:16px/1.4 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--akzent);outline-offset:2px}
button,.knopf{display:block;width:100%;min-height:48px;margin-top:20px;border:0;border-radius:6px;
  background:var(--akzent);color:var(--akzent-text);font:600 1rem/1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  cursor:pointer;text-align:center;text-decoration:none;padding:16px;transition:opacity .15s}
button:disabled{opacity:.55;cursor:default}
button.zweit,.knopf.zweit{background:var(--fl);color:var(--text)}
#pk-status{min-height:1.5em;margin:12px 0 0;font-size:.9rem}
.hinweis{margin-top:20px;padding:14px;background:var(--fl);border-radius:6px}
.hinweis p{margin:0 0 4px;color:var(--text)}
.hinweis button{margin-top:12px}
.hinweis a{display:inline-block;margin-top:12px;color:var(--leise);font-size:.9rem;min-height:44px;line-height:44px}
.klein{display:inline-block;margin-top:24px;color:var(--leise);font-size:.85rem;text-decoration:none;
  min-height:44px;line-height:44px}
.klein:hover{color:var(--text)}
[hidden]{display:none!important}
ul.kacheln{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:8px}
ul.kacheln a{display:block;padding:14px 16px;background:var(--fl);border-radius:6px;color:var(--text);
  text-decoration:none;min-height:48px}
ul.kacheln a:active{background:var(--rand)}
form.zeile button{margin-top:28px}
button.eng{margin-top:8px}