:root{--bg:#0f1115;--flaeche:#191c23;--rand:#2b303b;--text:#f2f4f8;--text-leise:#b6bdcc;--marke:#7561ef;--marke-hell:#9b8bf5;--gut:#3ddc97;--achtung:#ffb454;--schlecht:#ff6b6b;--radius:14px}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:18px;line-height:1.6;-webkit-text-size-adjust:100%}body{overflow-x:hidden}h1,h2,h3{line-height:1.25;margin:0 0 .5em}button{font:inherit;cursor:pointer;border-radius:var(--radius);border:1px solid var(--rand);background:var(--flaeche);color:var(--text);min-height:48px;min-width:48px;padding:12px 20px}button:focus-visible{outline:3px solid var(--marke-hell);outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed}input{font:inherit;width:100%;min-height:52px;padding:12px 16px;border-radius:var(--radius);border:1px solid var(--rand);background:var(--flaeche);color:var(--text)}input:focus-visible{outline:3px solid var(--marke-hell);outline-offset:2px}label{display:block;margin-bottom:6px;color:var(--text-leise)}a{color:var(--marke-hell)}.karte{background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius);padding:20px}.leise{color:var(--text-leise)}.fehler{color:var(--schlecht);border:1px solid var(--schlecht);border-radius:var(--radius);padding:12px 16px;background:rgba(255,107,107,.08)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;transition-duration:.001ms!important}}