:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#111827;background:#f3f4f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.screen{min-height:100svh;padding:24px}.setup-screen,.center{display:grid;place-items:center}.card,.results-card{width:min(760px,100%);background:#fff;border-radius:28px;padding:34px;box-shadow:0 18px 60px #1118271a}.setup-card{max-width:680px}.brand,.eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#6366f1}h1{margin:8px 0 10px;font-size:clamp(2rem,5vw,3rem);line-height:1.05}h2{margin:0 0 12px}.muted{color:#6b7280;line-height:1.55}label{display:block;margin:20px 0 8px;font-weight:700}input{width:100%;border:2px solid #e5e7eb;border-radius:14px;padding:16px 18px;outline:none;background:#fff}input:focus{border-color:#6366f1}.btn{border:0;border-radius:14px;padding:13px 18px;font-weight:800;cursor:pointer}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:#4f46e5;color:#fff}.btn.secondary{background:#eef2ff;color:#3730a3}.big-btn{width:100%;margin-top:26px;padding:17px;font-size:1.08rem}.error,.floating-error{background:#fef2f2;color:#991b1b;border-radius:12px;padding:12px 14px;margin-top:14px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182794;display:grid;place-items:center;padding:20px;z-index:20}.modal{width:min(560px,100%);background:#fff;border-radius:24px;box-shadow:0 25px 80px #00000040;overflow:hidden}.modal-content{padding:30px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;padding:18px 30px;background:#f9fafb}.summary{margin:20px 0;display:grid;gap:10px}.summary div{display:flex;justify-content:space-between;gap:20px;padding:12px 14px;background:#f9fafb;border-radius:12px}.summary span{color:#6b7280}.voting-screen{display:flex;flex-direction:column}.voting-header{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:1200px;width:100%;margin:0 auto}.voting-header h1{font-size:clamp(1.5rem,3vw,2.4rem)}.counter{min-width:130px;text-align:center;background:#fff;border-radius:18px;padding:12px 18px;box-shadow:0 8px 30px #11182714}.counter strong{font-size:2rem}.counter span{font-size:1.2rem;color:#6b7280}.counter small{display:block;color:#6b7280}.vote-area{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px;text-align:center}.vote-area h2{font-size:clamp(1.5rem,4vw,2.7rem)}.faces{display:grid;grid-template-columns:repeat(5,minmax(110px,1fr));gap:clamp(10px,2vw,24px);width:min(1050px,100%)}.face{border:3px solid transparent;background:#fff;border-radius:26px;padding:clamp(14px,2vw,26px) 8px;cursor:pointer;box-shadow:0 12px 35px #1118271a;transition:transform .12s,border-color .12s;min-height:190px}.face:active{transform:scale(.96)}.face span{display:block;font-size:clamp(4rem,10vw,7rem);line-height:1}.face b{display:block;font-size:1.25rem;margin-top:10px}.face small{display:block;color:#6b7280;margin-top:5px}.teacher-bar{max-width:1200px;width:100%;margin:20px auto 0;padding:14px;background:#ffffffe6;border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:15px}.progress-dot,.complete-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;background:#f59e0b}.complete-dot{background:#10b981}.thanks{flex:1;display:grid;place-content:center;text-align:center}.thanks-emoji{font-size:5rem;color:#10b981}.results-screen{display:grid;place-items:center}.results-card{max-width:900px}.result-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.average{text-align:right;min-width:130px}.average span,.average small{color:#6b7280}.average strong{display:inline-block;font-size:3rem;line-height:1;margin:4px 0}.result-list{margin:30px 0 15px;display:grid;gap:12px}.result-row{display:grid;grid-template-columns:60px 30px 1fr 50px;align-items:center;gap:10px}.result-face{font-size:2.3rem;text-align:center}.result-number{font-weight:800}.bar-track{height:22px;background:#eef2f7;border-radius:999px;overflow:hidden}.bar{height:100%;background:#6366f1;border-radius:inherit}.result-count{text-align:right}.total{border-top:1px solid #e5e7eb;padding-top:18px;font-size:1.1rem}.qr-panel{margin-top:28px;background:#f9fafb;border-radius:20px;padding:22px;display:flex;justify-content:space-between;align-items:center;gap:25px}.qr-wrap{background:#fff;padding:10px;border-radius:12px;min-width:210px;min-height:210px;display:grid;place-items:center}.qr-wrap canvas{max-width:190px}.full-btn{width:100%;margin-top:20px}@media(max-width:700px){.screen{padding:14px}.card,.results-card{padding:22px;border-radius:20px}.faces{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.face{min-height:150px;padding:10px 2px;border-radius:16px}.face span{font-size:clamp(2.6rem,13vw,5rem)}.face small{font-size:.68rem}.teacher-bar{flex-direction:column;align-items:stretch}.teacher-bar .btn{width:100%}.result-heading,.qr-panel{flex-direction:column}.average{text-align:left}.qr-wrap{align-self:center}}@media(max-width:450px){.voting-header{align-items:flex-start}.counter{min-width:100px;padding:8px}.counter strong{font-size:1.5rem}.counter span{font-size:.95rem}.faces{gap:4px}.face{min-height:125px}.face span{font-size:2.7rem}.face b{font-size:1rem}.face small{display:none}}