.modal.svelte-1peh69b{--color--error: #f44336}.modal.svelte-1peh69b{display:flex;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:#00000080;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.modal-content.svelte-1peh69b{background-color:var(--color--white);border-radius:var(--border-radius--border-radius);width:100%;max-width:800px;height:600px;max-height:600px;overflow:hidden;box-shadow:9px 5px 0 0 var(--color--black);border:2px solid var(--color--black);display:flex;flex-direction:column}.modal-header.svelte-1peh69b{padding:20px 25px;border-bottom:2px solid var(--color--black);display:flex;justify-content:space-between;align-items:center;background-color:var(--color--gray-1);flex-shrink:0;gap:15px}.navigation-left.svelte-1peh69b,.navigation-right.svelte-1peh69b{display:flex;align-items:center;gap:10px}.modal-title.svelte-1peh69b{text-align:center;flex:1}.info-button-modal.svelte-1peh69b{background-color:var(--color--white);border:2px solid var(--color--black);border-radius:50%;width:40px;height:40px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0}.info-button-modal.svelte-1peh69b img:where(.svelte-1peh69b){width:24px;height:24px;display:block}.info-button-modal.svelte-1peh69b:hover{background-color:var(--color--black);transform:scale(1.1);box-shadow:2px 2px 0 0 var(--color--black)}.info-button-modal.svelte-1peh69b:hover img:where(.svelte-1peh69b){filter:invert(1)}.info-button-modal.svelte-1peh69b:focus{outline:none}.like-button-modal.svelte-1peh69b{background-color:var(--color--white);border:2px solid var(--color--black);border-radius:50%;width:40px;height:40px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0}.like-button-modal.svelte-1peh69b img:where(.svelte-1peh69b){width:24px;height:24px;display:block;transition:transform .2s ease}.like-button-modal.svelte-1peh69b:hover{background-color:var(--color--black);transform:scale(1.1);box-shadow:2px 2px 0 0 var(--color--black)}.like-button-modal.svelte-1peh69b:hover img:where(.svelte-1peh69b){filter:invert(1)}@keyframes svelte-1peh69b-heartBeat{0%{transform:scale(1)}15%{transform:scale(1.25)}30%{transform:scale(1.1)}45%{transform:scale(1.2)}60%{transform:scale(1.15)}to{transform:scale(1)}}.like-button-modal.svelte-1peh69b:active img:where(.svelte-1peh69b){animation:svelte-1peh69b-heartBeat .4s ease}.like-button-modal.svelte-1peh69b:focus{outline:none}.modal-close.svelte-1peh69b{width:36px;height:36px;border:2px solid var(--color--black);border-radius:var(--border-radius--border-radius);background:var(--color--white);color:var(--color--black);font-size:20px;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;line-height:1}.modal-close.svelte-1peh69b:hover{background:var(--color--error);color:var(--color--white);transform:rotate(90deg)}.nav-button.svelte-1peh69b{width:40px;height:40px;border:2px solid var(--color--black);background-color:var(--color--white);color:var(--color--black);font-size:24px;font-weight:700;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.nav-button.svelte-1peh69b:hover:not(:disabled){background-color:var(--color--black);color:var(--color--white);transform:scale(1.1);box-shadow:2px 2px 0 0 var(--color--black)}.nav-button.svelte-1peh69b:disabled{background-color:var(--color--gray-1);border-color:var(--color--gray-2);color:#ccc;cursor:not-allowed;transform:none}.nav-button.svelte-1peh69b:focus{outline:2px solid var(--color--primary-1);outline-offset:2px}.modal-body.svelte-1peh69b{padding:25px;flex:1;overflow-y:auto}.question-content.svelte-1peh69b{display:flex;flex-direction:column;gap:25px}.question-text.svelte-1peh69b{font-size:16px;line-height:1.4;color:var(--color--black);font-weight:500;font-family:var(--font-family--heading)}.answer-options-modal.svelte-1peh69b{display:flex;flex-direction:column;gap:12px}.answer-option-modal.svelte-1peh69b{display:flex;align-items:flex-start;gap:15px;padding:12px;border:2px solid var(--color--black);border-radius:var(--border-radius--border-radius);transition:all .2s;position:relative;background-color:var(--color--white)}.answer-option-modal.svelte-1peh69b:hover{box-shadow:2px 2px 0 0 var(--color--black);transform:translate(1px)}.answer-option-modal.user-selected.svelte-1peh69b{border-color:var(--color--primary-3);background-color:#2196f31a}.answer-option-modal.correct-answer.svelte-1peh69b{border-color:var(--color--primary-1);background-color:#4caf501a}.answer-option-modal.user-wrong.svelte-1peh69b{border-color:#f44336;background-color:#f443361a}.answer-letter-modal.svelte-1peh69b{width:36px;height:36px;border:2px solid var(--color--black);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;background-color:var(--color--white);color:var(--color--black);flex-shrink:0;border-radius:var(--border-radius--border-radius)}.answer-option-modal.user-selected.svelte-1peh69b .answer-letter-modal:where(.svelte-1peh69b){border-color:var(--color--primary-3);background-color:var(--color--primary-3);color:var(--color--white)}.answer-option-modal.correct-answer.svelte-1peh69b .answer-letter-modal:where(.svelte-1peh69b){border-color:var(--color--primary-1);background-color:var(--color--primary-1);color:var(--color--white)}.answer-option-modal.user-wrong.svelte-1peh69b .answer-letter-modal:where(.svelte-1peh69b){border-color:#f44336;background-color:#f44336;color:var(--color--white)}.answer-text-modal.svelte-1peh69b{flex:1;font-size:14px;line-height:1.4;padding-top:6px;color:var(--color--black)}.answer-status.svelte-1peh69b{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:700;padding:4px 8px;border-radius:4px;position:absolute;top:-10px;right:8px}.answer-status.your-answer.svelte-1peh69b{background:#2196f3;color:#fff}.answer-status.correct.svelte-1peh69b{background:#4caf50;color:#fff}.answer-status.wrong.svelte-1peh69b{background:#f44336;color:#fff}.result-summary.svelte-1peh69b{background-color:var(--color--gray-1);padding:15px;border-radius:var(--border-radius--border-radius);border:2px solid var(--color--black);box-shadow:3px 3px 0 0 var(--color--black)}.result-summary.correct.svelte-1peh69b{background-color:#4caf500d}.result-summary.incorrect.svelte-1peh69b{background-color:#f443360d}.result-summary.unanswered.svelte-1peh69b{background-color:var(--color--gray-1)}.result-summary.svelte-1peh69b h4:where(.svelte-1peh69b){margin-bottom:8px;font-size:16px;font-family:var(--font-family--heading)}.result-summary.correct.svelte-1peh69b h4:where(.svelte-1peh69b){color:var(--color--primary-1)}.result-summary.incorrect.svelte-1peh69b h4:where(.svelte-1peh69b){color:#f44336}.result-summary.unanswered.svelte-1peh69b h4:where(.svelte-1peh69b){color:var(--color--black)}.result-summary.svelte-1peh69b p:where(.svelte-1peh69b){margin:0 0 8px;line-height:1.4;color:var(--color--black)}.result-summary.svelte-1peh69b p:where(.svelte-1peh69b):last-child{margin-bottom:0}.answer-option-modal.browse-mode.svelte-1peh69b{border-color:var(--color--gray-2);background-color:var(--color--white)}.answer-option-modal.browse-mode.svelte-1peh69b:hover{border-color:var(--color--black);background-color:var(--color--gray-1)}.answer-option-modal.browse-mode.svelte-1peh69b .answer-letter-modal.browse-letter:where(.svelte-1peh69b){border-color:var(--color--gray-2);background-color:var(--color--white);color:var(--color--black)}.question-metadata.svelte-1peh69b{background-color:var(--color--gray-1);padding:15px;border-radius:var(--border-radius--border-radius);border:2px solid var(--color--black);box-shadow:3px 3px 0 0 var(--color--black)}.question-metadata.svelte-1peh69b p:where(.svelte-1peh69b){margin:0 0 8px;line-height:1.4;color:var(--color--black)}.question-metadata.svelte-1peh69b p:where(.svelte-1peh69b):last-child{margin-bottom:0}@media(max-width:768px){.modal.svelte-1peh69b{padding:10px}.modal-header.svelte-1peh69b{padding:15px 20px;gap:10px}.nav-button.svelte-1peh69b{width:36px;height:36px;font-size:20px}.info-button-modal.svelte-1peh69b img:where(.svelte-1peh69b),.like-button-modal.svelte-1peh69b img:where(.svelte-1peh69b){width:28px;height:28px}.modal-body.svelte-1peh69b{padding:20px}.question-text.svelte-1peh69b{font-size:15px}.answer-option-modal.svelte-1peh69b{gap:12px;padding:10px}.answer-letter-modal.svelte-1peh69b{width:32px;height:32px;font-size:16px}.answer-text-modal.svelte-1peh69b{font-size:13px}.answer-status.svelte-1peh69b{position:static;margin-top:8px;align-self:flex-start}.modal-title.svelte-1peh69b{font-size:14px;line-height:1.2}}