.yn-quiz{--yn-danger:#8B0000;--yn-brand:#6c3cf0;--yn-brand-dark:#5425cc;--yn-text:#333;--yn-option:#fbf9ff;--yn-line:#d8c9ff;--yn-soft:#f4efff;--yn-section:#faf2ff;--yn-section-line:#d8b8ff;font-family:inherit;font-size:18px;line-height:1.8;color:var(--yn-text);background:var(--yn-section);border:1px solid var(--yn-section-line);border-radius:14px;padding:20px;margin:30px 0;max-width:100%;text-align:left;color-scheme:light}.yn-quiz.yn-theme-learn{--yn-section:#f2fff2;--yn-section-line:#b8e6b8}.yn-quiz.yn-theme-produce{--yn-section:#f2f7ff;--yn-section-line:#b8d5ff}.yn-quiz.yn-theme-master{--yn-section:#faf2ff;--yn-section-line:#d8b8ff}.yn-quiz *,.yn-quiz *::before,.yn-quiz *::after{box-sizing:border-box}.yn-quiz .yn-question{background:#fff;padding:22px;margin:0 0 18px;border:0;border-radius:6px;box-shadow:0 2px 4px rgb(0 0 0 / .05)}.yn-quiz .yn-question:last-of-type{margin-bottom:0}.yn-quiz .yn-heading{display:flex;align-items:baseline;gap:12px;margin:0 0 22px}.yn-quiz .yn-qnumber{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:30px;padding:2px 10px;border:0;border-radius:999px;color:var(--yn-brand);background:var(--yn-soft);font-size:15px;line-height:1.6;font-weight:700}.yn-quiz .yn-prompt{min-width:0;margin:0;color:var(--yn-text);font-size:1.15em;font-weight:600;line-height:2;overflow-wrap:anywhere}.yn-quiz .yn-underline{color:var(--yn-brand-dark);text-decoration:underline;text-decoration-color:var(--yn-line);text-decoration-thickness:3px;text-underline-offset:6px}.yn-quiz ruby{ruby-align:center}.yn-quiz rt{font-size:.5em;line-height:1.2;font-weight:400}.yn-quiz .yn-passage{background:var(--yn-soft);padding:18px 20px;border-radius:12px;margin:0 0 24px;font-size:1em;line-height:2.4}.yn-quiz .yn-passage p{margin:0 0 12px}.yn-quiz .yn-passage p:last-child{margin-bottom:0}.yn-quiz .yn-options{display:grid;gap:12px;margin:0;padding:0;min-width:0;border:0}.yn-quiz .yn-options--one{grid-template-columns:minmax(0,1fr)}.yn-quiz .yn-options--two{grid-template-columns:repeat(2,minmax(0,1fr))}.yn-quiz .yn-option{position:relative;display:block;margin:0;cursor:pointer;min-width:0}.yn-quiz .yn-option input{position:absolute;width:1px;height:1px;padding:0;opacity:0}.yn-quiz .yn-option-box{display:flex;align-items:center;gap:12px;min-height:64px;height:100%;padding:12px 16px;background:var(--yn-option);color:var(--yn-text);border:1px solid var(--yn-line);border-radius:12px;transition:background-color .15s,border-color .15s,box-shadow .15s}.yn-quiz .yn-option-box.correct_answer{border-color:var(--yn-brand)!important;border-width:3px}.yn-quiz .yn-option-box.wrong_answer{border-color:var(--yn-danger)!important;border-width:3px}.yn-quiz .yn-number{display:inline-flex;align-items:center;justify-content:center;flex:0 0 30px;height:30px;border:1px solid var(--yn-line);border-radius:50%;background:#fff;color:var(--yn-brand);font-size:14px;font-weight:700;line-height:1}.yn-quiz .yn-text{flex:1;min-width:0;font-size:1em;line-height:2;overflow-wrap:anywhere}.yn-quiz .yn-option:hover .yn-option-box{background:var(--yn-soft);border-color:var(--yn-brand)}.yn-quiz .yn-option input:checked+.yn-option-box{background:var(--yn-soft);border-color:var(--yn-brand);box-shadow:inset 0 0 0 1px var(--yn-brand)}.yn-quiz .yn-option input:checked+.yn-option-box .yn-number{background:var(--yn-brand);border-color:var(--yn-brand);color:#fff}.yn-quiz .yn-option input:focus-visible+.yn-option-box{outline:3px solid var(--yn-brand);outline-offset:3px}.yn-quiz .yn-actions,.yn-results .yn-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.yn-quiz .yn-button,.yn-results .yn-button{appearance:none;background:var(--yn-brand);color:#fff;border:0;border-radius:8px;padding:12px 18px;font:inherit;font-size:15px;font-weight:600;cursor:pointer;line-height:1.5;box-shadow:none;text-transform:none;letter-spacing:normal}.yn-quiz .yn-button:hover,.yn-results .yn-button:hover{background:var(--yn-brand-dark)}.yn-quiz .yn-button--reset,.yn-results .yn-button--reset{color:#333;background:#eceff5}.yn-quiz .yn-button--reset:hover,.yn-results .yn-button--reset:hover{background:#dce1ea}.yn-quiz .yn-button--reset.hidden,.yn-results .yn-button--reset.hidden{visibility:hidden}.yn-quiz .yn-button--remake,.yn-results .yn-button--remake{color:#fff;background:#dc3545}.yn-quiz .yn-button--remake:hover,.yn-results .yn-button--remake:hover{background:#bb2d3b}.yn-quiz .yn-button--remake.hidden,.yn-results .yn-button--remake.hidden{visibility:hidden}.yn-quiz .yn-button:focus-visible{outline:3px solid var(--yn-brand);outline-offset:3px}.yn-quiz .yn-feedback{margin:16px 0 0;padding:12px 16px;border-radius:8px;background:var(--yn-soft);font-size:16px;font-weight:600}.yn-quiz .yn-feedback:empty{visibility:hidden}.yn-quiz .yn-feedback[data-state="correct"]{background:#f2fff2;color:#23643f;border:1px solid #b8e6b8}.yn-quiz .yn-feedback[data-state="wrong"]{background:#fff3f3;color:#a32d32;border:1px solid #efc5c5}.yn-quiz .yn-explanation{margin:8px 0 0;font-size:16px;line-height:1.8}.yn-quiz [hidden]{display:none!important}@media(max-width:560px){.yn-quiz{padding:12px;font-size:16px}.yn-quiz .yn-question{padding:16px 12px}.yn-quiz .yn-options--two{grid-template-columns:minmax(0,1fr)}.yn-quiz .yn-heading{gap:8px;margin-bottom:18px}.yn-quiz .yn-qnumber{min-width:30px;padding:2px 8px;font-size:14px}.yn-quiz .yn-option-box{padding:12px;gap:10px}.yn-quiz .yn-passage{padding:14px}}@media(prefers-reduced-motion:reduce){.yn-quiz .yn-option-box{transition:none}}@media print{.yn-quiz .yn-actions{display:none}.yn-quiz .yn-question{break-inside:avoid}}.yn-results{--yn-results-brand:#6c3cf0;font-family:inherit;color:#333;line-height:1.6;text-align:left;background:#f4efff;border:1px solid #d8c9ff;border-radius:14px;padding:22px;margin:28px 0;width:100%;box-sizing:border-box}.yn-results[hidden]{display:none!important}.yn-results *{box-sizing:border-box}.yn-results .yn-results-title{margin:0 0 18px;color:#5f35d6;font-size:22px;font-weight:700;line-height:1.4}.yn-results .yn-results-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.yn-results .yn-results-card{min-width:0;background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 4px rgb(0 0 0 / .05)}.yn-results .yn-results-label{margin:0 0 12px;color:#555;font-size:16px;font-weight:600;line-height:1.5;min-height:3em;overflow-wrap:anywhere}.yn-results .yn-results-percent{display:block;margin:0 0 2px;font-size:38px;font-weight:700;line-height:1.25;color:#5f35d6;font-variant-numeric:tabular-nums}.yn-results .yn-results-count{margin:0;font-size:16px;color:#666}.yn-results .yn-results-track{height:7px;background:#eee7fc;border-radius:999px;margin-top:18px;overflow:hidden}.yn-results .yn-results-fill{display:block;height:100%;width:0;background:var(--yn-results-brand);border-radius:inherit}.yn-results .yn-results-card--total{background:var(--yn-results-brand)}.yn-results .yn-results-card--total .yn-results-label,.yn-results .yn-results-card--total .yn-results-percent,.yn-results .yn-results-card--total .yn-results-count{color:#fff}.yn-results .yn-results-card--total .yn-results-track{background:rgb(255 255 255 / .25)}.yn-results .yn-results-card--total .yn-results-fill{background:#fff}@media(max-width:640px){.yn-results{padding:16px}.yn-results .yn-results-grid{grid-template-columns:minmax(0,1fr)}.yn-results .yn-results-card{padding:18px}.yn-results .yn-results-label{min-height:0;margin-bottom:8px}}.yn-countdown{position:fixed;top:15px;right:15px;z-index:9999;background:#fff;border:1px solid #ddd;border-radius:10px;padding:8px 14px;font-size:20px;font-weight:700;font-family:monospace;box-shadow:0 2px 8px rgb(0 0 0 / .15)}.yn-countdown[hidden]{display:none!important}.yn-countdown--danger{border-color:#dc3545;color:#dc3545}