:root{--ink:#17202a;--muted:#68717d;--paper:#f5f3ee;--card:#fff;--accent:#2457d6;--line:#d9d8d3;--good:#18794e;--bad:#b42318}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.45 system-ui,-apple-system,sans-serif}button,input,textarea{font:inherit}button{border:0;border-radius:9px;background:var(--accent);color:#fff;padding:.8rem 1rem;font-weight:700;cursor:pointer}button:disabled{opacity:.5}.panel{max-width:680px;margin:6vh auto;padding:clamp(1.2rem,4vw,2.5rem);background:#fff;border:1px solid var(--line);border-radius:18px}h1{font-size:clamp(2rem,5vw,4.5rem);line-height:1.05;margin:.25em 0}.eyebrow{letter-spacing:.15em;font-size:.75rem;font-weight:800;color:var(--accent)}.muted{color:var(--muted)}.drop{display:block;border:1px dashed #9ba3af;border-radius:12px;padding:1rem;margin:1rem 0}.drop input{display:block;margin:.6rem 0}.drop small,label small{display:block;color:var(--muted)}.preview{display:grid;gap:.5rem}.preview figure{margin:0}.preview img,.faction{width:100%;aspect-ratio:5/1;object-fit:cover;border-radius:8px}.preview figcaption{text-align:center}.error{color:var(--bad)}.screenLobby,.results{text-align:center;padding:4vh}.qr{width:min(360px,75vw);background:#fff;padding:12px}.joined,.names{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin:1rem}.joined span,.names span{background:#fff;border:1px solid var(--line);border-radius:99px;padding:.4rem .8rem}.groups{display:grid;grid-template-columns:repeat(5,1fr);gap:1vw;padding:1vw;border-bottom:3px solid var(--ink)}.groups article{text-align:center}.groups img{width:100%;aspect-ratio:5/1;object-fit:cover}.groups h2{margin:.4rem 0;font-size:clamp(.8rem,1.5vw,1.4rem)}.groups p{font-size:clamp(.7rem,1.1vw,1rem)}.lower{display:grid;grid-template-columns:1fr 1fr;min-height:55vh}.lower>section{padding:2vw}.lower>section+section{border-left:3px solid var(--ink)}.lower h2{font-size:2rem}.lower li{font-size:clamp(1rem,2vw,1.8rem);padding:.3rem}.lower li.active{background:#ffe56b;font-weight:800}.phone{max-width:600px;margin:auto;padding:1rem}.phone section{margin:1rem 0}.nameGrid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.nameGrid button{background:#fff;color:var(--ink);border:1px solid var(--line)}label{display:block;font-weight:700;margin:1rem 0}input,textarea{display:block;width:100%;margin-top:.4rem;padding:.75rem;border:1px solid #aab0b8;border-radius:8px}.teacherList{padding:0}.teacherList li{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:.4rem;margin:.5rem 0;background:#fff;padding:.5rem;border-radius:9px}.yes{background:var(--good)}.no,.danger{background:var(--bad)}.motion{background:#fff;border:1px solid var(--line);padding:1rem;border-radius:12px;margin:.8rem 0}.student{text-align:center}.motionForm{text-align:left;background:#fff;padding:1rem;border-radius:12px}.resultCols{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:900px;margin:2rem auto}.resultCols section{background:#fff;padding:2rem;border-radius:16px}.resultCols p{display:grid;grid-template-columns:auto 1fr auto;text-align:left;gap:1rem;font-size:1.2rem}@media(max-width:700px){.groups{grid-template-columns:1fr}.groups article p{display:none}.lower,.resultCols{grid-template-columns:1fr}.lower>section+section{border-left:0;border-top:3px solid var(--ink)}}