:root{--grund:#12141a;--karte:#1b1e26;--karte-hell:#232733;--rand:#2e3340;--schrift:#e8eaf0;--schrift-leise:#9aa2b4;--akzent:#6ea8fe;--akzent-dunkel:#2f4a7a;--gut:#63c98a;--warn:#e3b341;--mythos:#e06c75;--radius:14px}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--grund);color:var(--schrift);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.55;-webkit-text-size-adjust:100%}main{max-width:560px;margin:0 auto;padding:20px 16px 96px}h1{font-size:1.5rem;margin:0 0 4px;letter-spacing:-.01em}h2{font-size:1.1rem;margin:28px 0 10px}p{margin:0 0 12px}a{color:var(--akzent)}.leise{color:var(--schrift-leise);font-size:.9rem}.karte{background:var(--karte);border:1px solid var(--rand);padding:16px;margin-bottom:12px}.karte,.knopf,button{border-radius:var(--radius)}.knopf,button{display:block;width:100%;padding:15px 18px;border:1px solid var(--rand);background:var(--karte-hell);color:var(--schrift);font:inherit;text-align:left;text-decoration:none;cursor:pointer;margin-bottom:10px}button:disabled{opacity:.45;cursor:default}.knopf-haupt{background:var(--akzent-dunkel);border-color:var(--akzent);text-align:center;font-weight:600}.knopf-rot{background:#4a2530;border-color:var(--mythos);text-align:center}input,select,textarea{width:100%;padding:13px 14px;border-radius:10px;border:1px solid var(--rand);background:var(--karte);color:var(--schrift);font:inherit;margin-bottom:10px}.reihe{display:flex;gap:8px}.reihe>*{flex:1 1}.marke{display:inline-block;font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:999px;letter-spacing:.03em}.marke-A{background:#1d4030;color:var(--gut)}.marke-B{background:#3b3520;color:var(--warn)}.marke-C{background:#2a2f3d;color:var(--schrift-leise)}.marke-mythos{background:#43222a;color:var(--mythos)}.fehler{background:#3a1f26;border:1px solid var(--mythos);border-radius:10px;padding:12px;margin-bottom:12px}nav.fuss{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--karte);border-top:1px solid var(--rand);padding-bottom:env(safe-area-inset-bottom)}nav.fuss a{flex:1 1;text-align:center;padding:12px 4px;font-size:.78rem;color:var(--schrift-leise);text-decoration:none}nav.fuss a.aktiv{color:var(--akzent)}.gespraech{text-align:center;padding-top:8px}.zeit{font-size:2.6rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin:8px 0}.puls{width:132px;height:132px;border-radius:50%;margin:22px auto;background:var(--akzent-dunkel);border:2px solid var(--akzent);display:flex;align-items:center;justify-content:center;transition:transform .1s linear}.verlauf{text-align:left;margin-top:20px}.wende{margin-bottom:10px}.wende .wer{font-size:.75rem;color:var(--schrift-leise)}.wende.ich .was{color:var(--schrift)}.wende.sie .was{color:#cfd6e6;font-style:italic}