*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:linear-gradient(135deg,#dff6ff,#fff3d6);color:#17324d}button{border:0;border-radius:16px;padding:14px 22px;font-size:18px;font-weight:700;cursor:pointer;background:#168aad;color:#fff;box-shadow:0 4px 0 #0b6478}button:active{transform:translateY(3px);box-shadow:0 1px 0 #0b6478}.app{max-width:950px;margin:auto;padding:20px}.card{background:#fff;border-radius:28px;padding:28px;box-shadow:0 10px 30px #0002;margin:15px 0}.hero{text-align:center}.hero h1{font-size:42px;margin:10px 0;color:#126782}.hero p{font-size:20px}.icon{font-size:90px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.part{background:#f1fbff;border:3px solid #bde7f5;border-radius:22px;padding:20px;text-align:center;cursor:pointer;transition:.2s}.part:hover{transform:translateY(-4px);background:#e2f7ff}.part .emoji{font-size:65px}.part h3{margin:8px 0}.hidden{display:none}.top{display:flex;justify-content:space-between;align-items:center;gap:10px}.bar{height:16px;background:#e6eef2;border-radius:20px;overflow:hidden}.fill{height:100%;background:#43aa8b;width:0;transition:.3s}.question{font-size:26px;font-weight:700;margin:22px 0}.answers{display:grid;gap:12px}.answers button{background:#f0f7fa;color:#17324d;box-shadow:none;border:2px solid #b9dbe5}.answers button:hover{background:#dff5fb}.feedback{text-align:center;font-size:23px;font-weight:700;min-height:40px;margin:15px}.result{text-align:center}.score{font-size:60px;color:#168aad;font-weight:800}@media(max-width:600px){.hero h1{font-size:32px}.card{padding:18px}.question{font-size:21px}}

.info{margin-top:18px;padding:16px;border-radius:16px;background:#fff8df;border:2px solid #f0d58a;min-height:54px;font-size:18px}
button:focus-visible,.part:focus-visible{outline:3px solid #f59e0b;outline-offset:3px}
.part{outline:none}
.part.selected{border-color:#168aad;background:#dff5fb}