*{box-sizing:border-box;margin:0;padding:0}:root{--grund:#f6f3ee;--flaeche:#fff;--tinte:#2b2925;--tinte-leise:#6f6a61;--akzent:#37544c;--akzent-hell:#e7ede9;--linie:#e2ddd3;--warnung:#8a4b3a}html,body{height:100%}body{background:var(--grund);color:var(--tinte);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:17px;line-height:1.55}.rahmen{flex-direction:column;max-width:680px;min-height:100dvh;margin:0 auto;padding:0 16px;display:flex}.kopf{border-bottom:1px solid var(--linie);align-items:baseline;gap:10px;padding:18px 4px 12px;display:flex}.kopf h1{font-size:19px;font-weight:600}.kopf .version{color:var(--tinte-leise);font-size:14px}.kopf .platz{flex:1}.verlauf{flex-direction:column;flex:1;gap:14px;padding:20px 0 12px;display:flex;overflow-y:auto}.zug{white-space:pre-wrap;overflow-wrap:break-word;border-radius:14px;max-width:85%;padding:12px 15px}.zug.person{background:var(--akzent);color:#fdfcfa;border-bottom-right-radius:4px;align-self:flex-end}.zug.coach{background:var(--flaeche);border:1px solid var(--linie);border-bottom-left-radius:4px;align-self:flex-start}.hinweis{color:var(--tinte-leise);text-align:center;align-self:center;max-width:90%;font-size:15px}.hinweis.warnung{color:var(--warnung)}.denkt{color:var(--tinte-leise);align-self:flex-start;padding:6px 2px;font-size:15px}.eingabe{background:var(--grund);align-items:flex-end;gap:10px;padding:10px 0 18px;display:flex;position:sticky;bottom:0}.eingabe textarea{resize:none;border:1px solid var(--linie);background:var(--flaeche);color:var(--tinte);font:inherit;border-radius:12px;flex:1;min-height:48px;max-height:180px;padding:11px 13px}.eingabe textarea:focus{outline:2px solid var(--akzent);outline-offset:-1px}button{font:inherit;cursor:pointer;background:var(--akzent);color:#fdfcfa;border:none;border-radius:12px;padding:11px 18px}button:disabled{opacity:.45;cursor:default}button.leise{color:var(--tinte-leise);border:1px solid var(--linie);background:0 0}button.klein{padding:7px 12px;font-size:14px}.karte{background:var(--flaeche);border:1px solid var(--linie);border-radius:14px;flex-direction:column;gap:14px;margin:24px 0;padding:22px;display:flex}.karte h2{font-size:18px;font-weight:600}.karte input[type=password]{border:1px solid var(--linie);font:inherit;background:var(--grund);color:var(--tinte);border-radius:10px;padding:11px 13px}.karte input[type=password]:focus{outline:2px solid var(--akzent);outline-offset:-1px}.protokoll{background:var(--akzent-hell);white-space:pre-wrap;overflow-wrap:break-word;border-radius:10px;max-height:45vh;padding:16px;font-size:15px;overflow-y:auto}.knopfzeile{flex-wrap:wrap;gap:10px;display:flex}.fuss{justify-content:center;padding:8px 0 20px;display:flex}.loeschfrage{text-align:center;color:var(--tinte-leise);flex-direction:column;align-items:center;gap:10px;font-size:15px;display:flex}.fehler{color:var(--warnung);font-size:15px}