/* Ergänzungen: Anmeldung, Begrüßung, Konto-Fenster, Hausaufgaben */
input[type=email],input[type=password]{width:100%;font:16px var(--body);color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:10px 12px}
input:focus-visible{outline:3px solid var(--marker);outline-offset:2px}
a.btn{text-decoration:none;display:inline-block}
header{align-items:center}
#hello{overflow-wrap:anywhere}

.authwrap{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px 16px}
.authcard{width:min(420px,100%);background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:18px;box-shadow:0 12px 40px rgba(24,32,59,.08)}
.authcard form{gap:12px}
.authcard .btn.big{width:100%}
.linkish{background:none;border:0;padding:0;color:var(--blue);font:700 .875rem var(--body);cursor:pointer;text-decoration:underline;text-underline-offset:2px}

dialog{border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--ink);padding:20px;width:min(440px,calc(100% - 32px));max-height:calc(100dvh - 32px)}
dialog::backdrop{background:rgba(14,18,34,.45)}
dialog .field input{margin-bottom:6px}

.hw{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding-block:12px;border-top:1px solid var(--line)}
.hw:first-child{border-top:0;padding-top:0}
.hw .title{font-weight:700;overflow-wrap:anywhere}
.stack>.field,.authcard .field,dialog .field{flex:0 0 auto}