:root{--blue:#48b8e8;--blue-dark:#218ac2;--ink:#143b48;--sun:#ffd241;--green:#57b879;--red:#df715e}*{box-sizing:border-box}html,body{margin:0;min-width:0;overflow-x:hidden}body{background:#edf6f3;padding:18px}.kp-quiz{max-width:760px;margin:auto;padding:24px;background:#fffdf8;color:var(--ink);font:16px/1.42 system-ui,sans-serif;border-radius:24px;box-shadow:0 14px 35px #143b4820}.kp-quiz h2{font-size:clamp(1.2rem,2.5vw,1.65rem);line-height:1.28;margin:12px 0}.kp-progress-head{display:flex;justify-content:space-between;align-items:center;font-size:.82rem;font-weight:850;color:#4c6b70;text-transform:uppercase;letter-spacing:.04em}.kp-progress-bar{height:8px;background:#dcebea;border-radius:99px;overflow:hidden;margin:8px 0 12px}.kp-progress-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--sun),#f4ad33);border-radius:inherit;transition:width .35s ease}.kp-quiz img.question-photo{width:100%;height:clamp(185px,34vw,300px);object-fit:cover;border-radius:16px;margin:13px 0}.kp-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kp-quiz button{min-height:52px;padding:10px 12px;border:0;border-radius:12px;background:var(--blue);color:#083a55;font:inherit;font-size:.94rem;font-weight:850;cursor:pointer;box-shadow:0 3px 0 var(--blue-dark);transition:transform .18s,filter .18s}.kp-quiz button:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.06)}.kp-quiz button:disabled{opacity:.9;cursor:default}.answer-letter{display:inline-grid;place-items:center;width:24px;height:24px;margin-right:8px;border-radius:50%;background:#ffffff9e;font-size:.78rem}.kp-quiz button.correct{background:var(--green);box-shadow:0 3px 0 #388c59;color:#073c20}.kp-quiz button.wrong{background:var(--red);box-shadow:0 3px 0 #b74d3e;color:#fff}.kp-feedback{min-height:0;margin-top:13px;padding:0;opacity:0;transition:opacity .16s}.kp-feedback.show{opacity:1;padding:12px 14px;background:#fff0cf;border-radius:13px}.result{text-align:center}.result-badge{display:inline-block;padding:8px 14px;border-radius:999px;background:#ffe6a6;color:#725100;font-weight:850}.result img{max-width:260px;width:100%;border-radius:18px;margin:12px auto}.next-title{text-align:left;margin-top:26px}.quiz-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.quiz-card{overflow:hidden;text-align:left;border:1px solid #dce9e7;border-radius:15px;background:#fff}.quiz-card img,.quiz-card .cover-fallback{width:100%;height:105px;object-fit:cover;background:#e5f3ef}.quiz-card .card-body{padding:10px}.quiz-card b{display:block}.quiz-card small{display:block;color:#638084;margin:4px 0 9px}.quiz-card a{display:block;text-align:center;text-decoration:none;padding:8px;border-radius:9px;background:#e6f6fc;color:#176989;font-weight:850}.show-all{display:block;margin:16px auto 0}.is-embed body,.is-embed{background:transparent}.is-embed body{padding:0}.is-embed .kp-quiz{max-width:1000px;box-shadow:none;border-radius:0}.is-embed main{width:100%;min-width:0}@media(max-width:560px){.kp-quiz{border-radius:16px;padding:15px}.kp-options{grid-template-columns:1fr}.kp-quiz img.question-photo{height:185px}.quiz-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.is-embed .kp-quiz{border-radius:0}}