:root{--smd-blau:#3b82f6;--smd-gelb:#fbbf24;--smd-gruen:#34d399;--smd-pink:#f472b6;--smd-dunkel:#1e293b;--smd-papier:#f8fafc}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--smd-papier);color:var(--smd-dunkel);min-height:100vh}.beitritt{max-width:420px;margin:12vh auto;padding:2rem;background:#fff;border-radius:24px;box-shadow:0 8px 40px rgba(30,41,59,.12);text-align:center}.beitritt h1{font-size:1.6rem;margin-bottom:.5rem}.beitritt p{color:#64748b;margin-bottom:1.5rem}.beitritt input{width:100%;padding:.9rem 1rem;font-size:1.1rem;border:2px solid #e2e8f0;border-radius:14px;margin-bottom:1rem}.beitritt button{width:100%;padding:.9rem;font-size:1.1rem;font-weight:700;color:#fff;background:var(--smd-blau);border:none;border-radius:14px;cursor:pointer}.beitritt button:hover{filter:brightness(1.08)}.klassenraum{display:grid;grid-template-rows:auto 1fr auto;height:100vh}.kopfleiste{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1.2rem;background:#fff;border-bottom:1px solid #e2e8f0}.kopfleiste .thema{font-weight:700}.ki-hinweis{font-size:.8rem;background:var(--smd-gelb);color:#713f12;padding:.25rem .7rem;border-radius:999px;font-weight:600}.buehne{display:grid;grid-template-columns:minmax(280px,1fr) 2fr;grid-gap:1rem;gap:1rem;padding:1rem;min-height:0}.lehrerin-panel{background:var(--smd-dunkel);border-radius:20px;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}.lehrerin-panel video{width:100%;height:100%;object-fit:cover}.lehrerin-warten{color:#94a3b8;text-align:center;padding:1rem}.folien-panel{background:#fff;border-radius:20px;border:1px solid #e2e8f0;padding:2rem;overflow:auto}.fussleiste{display:flex;gap:.8rem;justify-content:center;padding:.8rem;background:#fff;border-top:1px solid #e2e8f0}.fussleiste button{padding:.7rem 1.4rem;font-size:1rem;font-weight:600;border:2px solid #e2e8f0;background:#fff;border-radius:999px;cursor:pointer}.fussleiste button.aktiv{background:var(--smd-gruen);border-color:var(--smd-gruen);color:#fff}.fussleiste button.medienknopf{position:relative;font-size:1.4rem;padding:.5rem 1rem}.fussleiste button.medienknopf.aus{background:#fee2e2;border-color:#fecaca}.fussleiste button.medienknopf.aus:after{content:"";position:absolute;left:14%;right:14%;top:50%;height:3px;margin-top:-1.5px;background:#dc2626;transform:rotate(-22deg);border-radius:3px;pointer-events:none}.folie h2{font-size:2rem;margin-bottom:1rem}.folie .untertitel{color:#64748b;font-size:1.1rem;margin-bottom:1.5rem}.wort-karte{display:inline-block;font-size:1.6rem;font-weight:800;padding:.6rem 1.2rem;border-radius:16px;margin:.4rem}.wort-karte.blau{background:#dbeafe;color:#1d4ed8}.wort-karte.gelb{background:#fef3c7;color:#b45309}.wort-karte.gruen{background:#d1fae5;color:#047857}.gleichung{font-size:2rem;margin:1.2rem 0}.quiz-frage{font-size:1.5rem;font-weight:700;background:#eef2ff;border-left:6px solid var(--smd-blau);padding:1.2rem;border-radius:0 16px 16px 0;margin-top:1rem}.quiz-zaehler{color:#64748b;font-weight:600}.phasen-info{font-size:.85rem;color:#475569;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.lehrerin-panel{background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.22)),url(/klassenraum-bg.png) 50% /cover no-repeat;flex-direction:column;gap:.9rem;padding:1.2rem}.avatar-buehne{width:min(80%,300px);aspect-ratio:3/4;border-radius:22px;overflow:hidden;border:5px solid #fff;box-shadow:0 18px 45px rgba(76,50,20,.38);background:#0f172a}.namensschild{background:rgba(255,255,255,.92);color:#78350f;font-weight:700;font-size:.85rem;padding:.3rem .95rem;border-radius:999px;box-shadow:0 3px 10px rgba(0,0,0,.15)}.schueler-leiste{display:flex;gap:.6rem;padding:.5rem 1rem;background:#fff;border-top:1px solid #e2e8f0;overflow-x:auto}.schueler-kachel{position:relative;width:150px;height:100px;flex:0 0 auto;border-radius:12px;overflow:hidden;background:#0f172a}.schueler-kachel video{width:100%;height:100%;object-fit:cover}.schueler-kachel span{position:absolute;bottom:4px;left:6px;color:#fff;font-size:.75rem;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.85)}.chat-panel{position:fixed;top:0;right:0;bottom:0;width:330px;background:#fff;border-left:1px solid #e2e8f0;box-shadow:-8px 0 30px rgba(0,0,0,.1);display:flex;flex-direction:column;z-index:20}.chat-kopf{padding:.9rem 1rem;font-weight:700;border-bottom:1px solid #e2e8f0}.chat-verlauf{flex:1 1;overflow-y:auto;padding:.8rem 1rem;display:flex;flex-direction:column;gap:.5rem}.chat-leer{color:#94a3b8;font-size:.9rem}.chat-nachricht{font-size:.95rem;line-height:1.4}.chat-nachricht b{color:var(--smd-blau)}.chat-eingabe{display:flex;gap:.5rem;padding:.8rem;border-top:1px solid #e2e8f0}.chat-eingabe input{flex:1 1;padding:.6rem .8rem;border:2px solid #e2e8f0;border-radius:10px}.chat-eingabe button{padding:.6rem 1rem;background:var(--smd-blau);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer}.fussleiste button.verlassen{border-color:#fecaca;color:#dc2626}.avatar-frage{margin-bottom:.5rem;color:#64748b;font-weight:600}.avatar-wahl{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin-bottom:1.3rem}.avatar-wahl button{width:auto;font-size:1.7rem;line-height:1;padding:.35rem .5rem;background:#f1f5f9;color:inherit;border:2px solid transparent;border-radius:12px;cursor:pointer}.avatar-wahl button.gewaehlt{border-color:var(--smd-blau);background:#dbeafe}.beitritt-breit{max-width:560px}.campus-link{margin-top:1.2rem;margin-bottom:0}.campus-link a{color:#64748b;font-size:.9rem;text-decoration:none}.campus-link a:hover{text-decoration:underline}.modus-wahl{display:flex;gap:.6rem;margin-bottom:1rem}.modus-wahl button{flex:1 1;padding:.7rem;font-size:1rem;font-weight:700;background:#fff;color:inherit;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer}.modus-wahl button.aktiv{background:var(--smd-blau);border-color:var(--smd-blau);color:#fff}.bg-wahl{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;align-items:center;margin-bottom:1.3rem}.bg-wahl .bg-option{width:auto;padding:.5rem .8rem;font-size:.9rem;font-weight:600;background:#f1f5f9;color:inherit;border:2px solid transparent;border-radius:12px;cursor:pointer}.bg-wahl .bg-option.gewaehlt{border-color:var(--smd-blau);background:#dbeafe}.bg-wahl .bg-thumb{width:74px;height:54px;padding:0;border:3px solid transparent;border-radius:10px;background-size:cover;background-position:50%;cursor:pointer}.bg-wahl .bg-thumb.gewaehlt{border-color:var(--smd-blau);box-shadow:0 0 0 2px rgba(59,130,246,.35)}.bg-upload{display:inline-flex;align-items:center;gap:.2rem}.avatar-emoji{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;background:radial-gradient(circle at 50% 38%,#334155,#0f172a)}.schueler-kachel.spricht{outline:3px solid var(--smd-gruen);box-shadow:0 0 0 4px rgba(52,211,153,.45)}.folien-panel.tafel-modus{padding:0;overflow:hidden}.whiteboard{height:100%;display:flex;flex-direction:column}.wb-werkzeuge{display:flex;gap:.4rem;align-items:center;padding:.5rem .8rem;border-bottom:1px solid #e2e8f0;background:#f8fafc}.wb-werkzeuge button{height:30px;border-radius:8px;border:2px solid #e2e8f0;cursor:pointer;padding:0}.wb-farbe{width:30px}.wb-radierer{width:34px;font-size:1rem;background:#fff}.wb-leeren{width:auto;padding:0 .7rem;font-weight:600;background:#fff}.wb-werkzeuge button.gewaehlt{border-color:var(--smd-dunkel);box-shadow:0 0 0 2px rgba(30,41,59,.25)}.wb-canvas{flex:1 1;width:100%;background:#fff;touch-action:none;cursor:crosshair;display:block}@media (max-width:760px){.buehne{grid-template-columns:1fr;grid-template-rows:240px 1fr}.chat-panel{width:100%}}