.app{max-width:880px;margin:0 auto;padding:2rem 1.5rem 4rem}.app__header{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid #26262b}.app__header h1{font-size:2rem;margin:0 0 .5rem;color:#f5f5f7}.app__lead{color:#9a9aa0;margin:0 0 1.5rem;max-width:700px}.app__stats{display:flex;gap:1.5rem;margin:0;flex-wrap:wrap}.app__stats>div{background:#17171b;padding:.75rem 1.25rem;border-radius:8px;border:1px solid #26262b;min-width:120px}.app__stats dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#7c7c82;margin:0}.app__stats dd{margin:.25rem 0 0;font-size:1.5rem;font-weight:600;color:#f5f5f7}.frage{background:#17171b;border:1px solid #26262b;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000004d}.frage__header{margin-bottom:1rem}.frage__meta{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.frage__nummer{font-weight:700;font-size:.95rem;color:#f5f5f7}.frage__typ{font-size:.75rem;font-weight:600;padding:.25rem .6rem;border-radius:999px;text-transform:uppercase;letter-spacing:.03em}.frage__typ--single{background:#3884ff26;color:#6ea8ff}.frage__typ--multi{background:#ff9f4026;color:#ffb066}.frage__richtige{font-size:.8rem;color:#b8b8be;background:#23232a;padding:.25rem .6rem;border-radius:999px}.frage__text-row{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem}.frage__text{flex:1;margin:0;font-size:1.05rem;font-weight:500;color:#f5f5f7}.frage__code-row{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem}.frage__code{flex:1;margin:0;padding:.9rem 1rem;background:#0d0d10;border:1px solid #2a2a31;border-radius:8px;font-family:SF Mono,Menlo,Consolas,monospace;font-size:.85rem;color:#e8e8ea;overflow-x:auto;white-space:pre;line-height:1.55}.frage__optionen{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.option{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#1e1e24;border:1px solid #2a2a31;border-radius:8px;transition:background .15s,border-color .15s}.option--richtig{background:#28a7451f;border-color:#28a74566}.option__buchstabe{font-weight:700;font-size:.9rem;color:#7c7c82;width:1.5rem;flex-shrink:0}.option--richtig .option__buchstabe{color:#5dd47c}.option__text{flex:1;color:#e8e8ea}.option__badge{font-size:.7rem;font-weight:600;color:#fff;background:#2ea043;padding:.2rem .55rem;border-radius:999px;text-transform:uppercase;letter-spacing:.03em}.copy-btn{font-size:.75rem;font-weight:500;padding:.4rem .75rem;background:#23232a;border:1px solid #34343c;border-radius:6px;color:#e8e8ea;cursor:pointer;transition:background .15s,border-color .15s,color .15s;flex-shrink:0;white-space:nowrap;min-width:44px;text-align:center}.copy-btn:hover{background:#2c2c34;border-color:#45454d}.copy-btn--ok{background:#2ea043;border-color:#2ea043;color:#fff}.copy-btn--ok:hover{background:#2ea043;border-color:#2ea043}.app__footer{margin-top:3rem;text-align:center;color:#7c7c82;font-size:.85rem}@media (max-width: 600px){.app{padding:1.5rem 1rem 3rem}.app__header h1{font-size:1.5rem}.frage{padding:1.25rem 1rem}.frage__text-row{flex-direction:column}.option{flex-wrap:wrap}}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0d0d10;color:#e8e8ea;line-height:1.5}