:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172033;background:#f5f7fb}*{box-sizing:border-box}body{margin:0}main{max-width:1100px;margin:auto;padding:24px}.card{background:white;border-radius:18px;padding:24px;box-shadow:0 8px 30px #17203312;margin:16px 0}h1{font-size:clamp(2rem,5vw,4rem);margin:.2em 0}.muted{color:#64748b}.btn,button{display:inline-block;border:0;border-radius:14px;padding:14px 20px;font-size:1rem;font-weight:700;cursor:pointer;text-decoration:none;background:#172033;color:white}.btn.alt{background:#e8edf5;color:#172033}.statuses{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.status{min-height:190px}.status h2{margin-top:0}.names{font-size:1.15rem;line-height:1.8}.student-buttons{display:grid;gap:14px}.student-buttons button{font-size:1.2rem;padding:20px}.working{background:#fff5c2;color:#493d00}.done{background:#dff7e8;color:#0d4b28}.present{background:#e3edff;color:#173b76}input,textarea{width:100%;padding:13px;border:1px solid #cbd5e1;border-radius:12px;font:inherit;margin:6px 0 16px}label{font-weight:700}.top{display:flex;justify-content:space-between;gap:15px;align-items:center;flex-wrap:wrap}.qr{width:220px;max-width:100%}@media(max-width:760px){.statuses{grid-template-columns:1fr}main{padding:14px}}

/* Version 1.1: deutliche Statusauswahl */
.student-buttons button{border:3px solid transparent;opacity:.62;transition:transform .12s ease,opacity .12s ease,box-shadow .12s ease,background .12s ease}
.student-buttons button.selected{opacity:1;transform:scale(1.015);box-shadow:0 7px 20px #1720332b;border-color:currentColor}
.student-buttons button.working.selected{background:#f4cf32;color:#352c00}
.student-buttons button.done.selected{background:#55c982;color:#073b20}
.student-buttons button.present.selected{background:#6f9ff2;color:#102f63}
.name{display:block}.name.anonymized{filter:blur(7px);user-select:none;opacity:.7}
#teacherTimer{font-variant-numeric:tabular-nums;margin:.5rem 0;font-size:clamp(1.5rem,3vw,2.4rem)}
dialog{border:0;border-radius:18px;padding:0;box-shadow:0 20px 70px #17203344;width:min(560px,calc(100% - 28px))}dialog::backdrop{background:#17203388}dialog form{padding:24px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px;flex-wrap:wrap}

.home-card h1{margin-bottom:.25rem}.home-card h2{margin-top:0;font-size:clamp(1.25rem,3vw,1.8rem)}.home-card .lead{font-size:1.12rem;margin-top:1.5rem}.home-meta{margin-top:1.5rem}.count-toggle{display:block;width:100%;margin:.4rem 0 1rem;padding:.45rem .65rem;border:0;background:transparent;color:inherit;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:800;line-height:1.1;cursor:pointer;border-radius:10px}.count-toggle:hover,.count-toggle:focus-visible{background:rgba(255,255,255,.38);outline:2px solid currentColor;outline-offset:2px}
.form-error{padding:.7rem .9rem;border-radius:.7rem;background:#fff1f1;font-weight:650}
.participant-row{display:flex;align-items:center;gap:.55rem;margin:.35rem 0}
.participant-row .name{flex:1;min-width:0;margin:0}
.remove-participant{width:auto;padding:.45rem .65rem;font-size:.78rem;background:transparent;color:inherit;border:1px solid currentColor;opacity:.62}
.remove-participant:hover,.remove-participant:focus-visible{opacity:1}

.removed-notice{margin-top:1.25rem;padding:1.25rem;border:2px solid #c94b4b;border-radius:14px;background:#fff4f4}.removed-notice h2{margin-top:0}.button-link{display:inline-block;margin-top:.5rem;padding:.8rem 1rem;border-radius:10px;background:#222;color:#fff;text-decoration:none;font-weight:700}.button-link:hover{opacity:.9}

#timer{font-variant-numeric:tabular-nums}
#timer.timer-urgent,#teacherTimer.timer-urgent{color:#c62828}

/* Version 1.7: Branding und Präsentationsauswahl */
.brand{display:inline-block;margin:2px 0 8px;text-decoration:none}.brand img{display:block;width:min(330px,78vw);height:auto}.home-card .brand img{width:min(390px,82vw)}
.random-picker{margin-top:1.25rem;padding-top:1rem;border-top:1px solid rgba(23,59,118,.18)}.presenter-pick{width:100%;background:#173b76}.presenter-result{margin-top:.85rem;padding:1rem;border-radius:12px;background:rgba(255,255,255,.62);text-align:center;font-size:1.2rem}.presenter-result .anonymized{filter:blur(7px);user-select:none;opacity:.7}

/* Version 1.8: Auslosung aufdecken und Timer bearbeiten */
.presenter-name-reveal{display:inline;padding:0;border:0;background:transparent;color:inherit;font:inherit;font-weight:800;cursor:pointer;border-radius:5px}.presenter-name-reveal:focus-visible{outline:2px solid currentColor;outline-offset:4px}.presenter-name-reveal.anonymized{filter:blur(7px);user-select:none;opacity:.7}


/* Version 1.9: Zeit direkt an der laufenden Uhr hinzufügen */
.teacher-timer-row{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;margin:.5rem 0}.teacher-timer-row[hidden]{display:none}.teacher-timer-row #teacherTimer{margin:0}.timer-add-toggle{padding:.65rem .9rem}.add-time-form{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.add-time-form[hidden]{display:none}.add-time-form input{width:78px;margin:0;padding:.65rem .7rem}.add-time-form button{padding:.65rem .85rem}.add-time-form span{font-size:.92rem;color:#64748b}