:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#26302d;background:#edf1ed;--paper:#fffefb;--pine:#315f50;--pine-light:#e7f1ec;--lake:#326b7d;--lake-light:#e8f4f7;--wine:#8b4d49;--wine-light:#f7ebe9;--gold:#a87523;--gold-light:#fff3d5;--line:#d2d9d4;--muted:#68716d;--shadow:0 20px 55px -32px rgba(38,48,45,.55)}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:linear-gradient(145deg,#e6eeea,#f7eee2);color:#26302d}button,input{font:inherit}.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.6rem 1rem;z-index:10}header{max-width:1040px;margin:auto;padding:24px 20px 8px}.brand{display:flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;color:var(--muted)}.mark{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--pine-light);color:var(--pine);font-weight:800;font-size:1.2rem}main{max-width:1040px;margin:auto;padding:12px 20px 48px}footer{text-align:center;padding:0 20px 28px;color:var(--muted);font-size:.75rem}.card{background:var(--paper);border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow);padding:clamp(24px,5vw,48px)}.hero{margin-top:16px}.eyebrow,.role-label{text-transform:uppercase;letter-spacing:.12em;font-weight:700;font-size:.75rem;color:var(--pine);margin:0 0 8px}h1,h2{font-family:Georgia,Times New Roman,serif}h1{font-size:clamp(2rem,6vw,3.5rem);line-height:1.05;margin:.15em 0}h2{font-size:1.45rem;margin:.35rem 0}.lead{font-size:1.2rem;color:var(--muted)}.home-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:30px}.choice-card{border:1px solid var(--line);border-radius:22px;padding:24px;background:#fff}.choice-card p{min-height:48px;color:var(--muted)}.icon{font-size:2rem}.button{border:0;border-radius:15px;min-height:50px;padding:12px 20px;font-weight:750;cursor:pointer;width:100%;margin-top:15px;transition:transform .15s,opacity .15s}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--pine);color:#fff}.secondary{background:var(--lake-light);border:2px solid var(--lake);color:var(--lake)}label{display:grid;gap:6px;font-size:.84rem;font-weight:650;margin-top:12px}label input{width:100%;min-height:48px;border:1px solid var(--line);border-radius:12px;padding:8px 12px;background:#fff}.toggle{display:flex;align-items:center;gap:8px;color:var(--lake);font-weight:600}.toggle input{width:20px;min-height:20px}.fine{font-size:.78rem;text-align:center;color:var(--muted);margin-top:18px}.error{background:var(--wine-light);border:1px solid var(--wine);color:var(--wine);padding:12px 15px;border-radius:12px}.centered{text-align:center;max-width:650px;margin:5vh auto}.spinner{width:50px;height:50px;border-radius:50%;border:5px solid var(--pine-light);border-top-color:var(--pine);margin:0 auto 22px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.code-block{display:grid;text-align:center;background:var(--pine-light);padding:18px;border-radius:20px;margin:22px auto;max-width:440px}.code-block span{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--pine)}.code-block strong{font-size:clamp(2.4rem,10vw,4.2rem);letter-spacing:.16em;color:var(--pine)}.qr-wrap{text-align:center}.qr-wrap canvas{max-width:100%;border-radius:16px}.connection-row{display:flex;justify-content:center;margin:20px 0}.status{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;font-size:.85rem}.status i{width:9px;height:9px;border-radius:50%}.online{background:var(--pine-light);color:var(--pine)}.online i{background:#2f765a}.offline{background:#f1f2f1;color:var(--muted)}.offline i{background:#9ca3a0}.pulse{display:grid;place-items:center;width:70px;height:70px;border-radius:50%;background:var(--pine-light);color:var(--pine);font-size:2rem;margin:auto;animation:pulse 1.6s infinite}@keyframes pulse{50%{transform:scale(1.07)}}.code-small{font-weight:800;letter-spacing:.13em}.quiz-shell{max-width:820px;margin:auto}.progress-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;color:var(--muted);font-size:.88rem;margin-top:12px}.progress{height:9px;background:var(--line);border-radius:99px;overflow:hidden;margin:9px 0 16px}.progress i{display:block;height:100%;background:var(--pine);transition:width .3s}.question-card{background:var(--paper);border:1px solid var(--line);border-radius:28px;padding:clamp(22px,5vw,38px);box-shadow:var(--shadow)}.question-card h1{font-size:clamp(1.55rem,4vw,2.35rem);margin-bottom:24px}.answers{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.answer{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:72px;padding:15px;border:2px solid var(--lake);background:var(--lake-light);border-radius:17px;text-align:left;font-weight:650;color:#26302d}.answer:nth-child(2){border-color:var(--pine);background:var(--pine-light)}.answer:nth-child(3){border-color:var(--wine);background:var(--wine-light)}.answer:nth-child(4){border-color:var(--gold);background:var(--gold-light)}button.answer{cursor:pointer}.answer span{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:50%;background:#fff;font-size:.8rem}.answer b{margin-left:auto;font-size:.72rem}.answer.selected{box-shadow:0 0 0 3px #26302d}.answer.correct{border-color:#2f765a;background:#e0f2e9}.answer.wrong{border-color:#a6423b;background:#f8deda}.feedback{margin-top:18px;border-radius:16px;padding:15px}.feedback p{margin:.35rem 0}.feedback.good{background:var(--pine-light);color:var(--pine)}.feedback.bad{background:var(--gold-light);color:#6f4d16}.host-bar{background:var(--paper);border:1px solid var(--line);border-radius:20px;margin-top:14px;padding:15px;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center}.host-bar .button{margin:0}.live-result{display:flex;flex-direction:column}.live-result span{color:var(--muted);font-size:.82rem}.big-score{font-size:clamp(4rem,13vw,7rem);font-weight:850;color:var(--pine);line-height:1;margin:25px 0}.big-score small{font-size:.3em;color:var(--muted)}.result{text-align:center;max-width:760px;margin:auto}.result-grid{display:grid;grid-template-columns:repeat(5,1fr);list-style:none;padding:0;gap:8px;margin:25px 0}.result-grid li{display:flex;justify-content:space-between;padding:9px;border-radius:10px;font-size:.78rem}.result-grid .ok{background:var(--pine-light);color:var(--pine)}.result-grid .ko{background:var(--wine-light);color:var(--wine)}.toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%);background:#26302d;color:#fff;padding:12px 18px;border-radius:12px;box-shadow:var(--shadow)}:focus-visible{outline:3px solid var(--lake);outline-offset:3px}@media(max-width:700px){.home-grid,.answers{grid-template-columns:1fr}.choice-card p{min-height:0}.host-bar{grid-template-columns:1fr}.result-grid{grid-template-columns:repeat(3,1fr)}.card{border-radius:22px}.code-block strong{letter-spacing:.08em}}