:root{--grund:#0f1115;--karte:#171a21;--rand:#262b36;--text:#e7e9ee;--leise:#9aa3b2;--akzent:#7aa2f7;--warnung:#f7768e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--grund);color:var(--text);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.55}main{max-width:46rem;margin:0 auto;padding:3rem 1.25rem}.karte{background:var(--karte);border:1px solid var(--rand);border-radius:12px;max-width:26rem;margin:4rem auto;padding:1.75rem}h1{margin:0 0 .35rem;font-size:1.35rem}p.leise{color:var(--leise);margin:0 0 1.5rem;font-size:.9rem}label{color:var(--leise);margin-bottom:.35rem;font-size:.85rem;display:block}input{background:var(--grund);border:1px solid var(--rand);width:100%;color:var(--text);border-radius:8px;margin-bottom:1rem;padding:.6rem .7rem;font-family:inherit;font-size:1rem}input:focus{outline:2px solid var(--akzent);outline-offset:1px}input.ziffern{letter-spacing:.35em;text-align:center;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:1.25rem}button{background:var(--akzent);color:#0b1020;cursor:pointer;border:0;border-radius:8px;width:100%;padding:.65rem;font-family:inherit;font-size:1rem;font-weight:600}button:disabled{opacity:.6;cursor:default}.fehler{border:1px solid var(--warnung);color:var(--warnung);background:#f7768e1f;border-radius:8px;margin-bottom:1rem;padding:.6rem .75rem;font-size:.9rem}.geheimnis{word-break:break-all;background:var(--grund);border:1px solid var(--rand);-webkit-user-select:all;user-select:all;border-radius:8px;margin-bottom:1rem;padding:.75rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.95rem}