@charset "UTF-8";.quiz-header{display:flex;flex-direction:column;align-items:center;width:100%;margin-bottom:var(--space-2);flex-shrink:0}.quiz-header__topbar{width:100%;height:11px;background:var(--quiz-header-bar)}.quiz-header__frame{background:var(--quiz-header-frame);width:100%;padding:var(--space-4) var(--space-8);border-radius:0 0 50% 50%/0 0 28px 28px;display:flex;justify-content:center;align-items:center}@media(max-width:480px){.quiz-header__frame{padding:var(--space-3) var(--space-4)}}.quiz-header__inner{display:flex;align-items:center;gap:var(--space-4);max-width:var(--quiz-max-width);width:100%;justify-content:center}.quiz-header__badge{background:var(--quiz-header-badge);border-radius:50px;padding:var(--space-3) var(--space-8);display:flex;align-items:center;gap:var(--space-3)}@media(max-width:480px){.quiz-header__badge{padding:var(--space-2) var(--space-4)}}.quiz-header__badge img{width:320px;height:75px;object-fit:contain}.quiz-page--play .quiz-header__badge img{height:55px;width:auto}.quiz-header__star{font-size:1.2rem;color:var(--quiz-header-star);flex-shrink:0}.quiz-header__dots{display:flex;gap:var(--space-3);margin-top:var(--space-3)}.quiz-header__dots span{width:7px;height:7px;background:var(--quiz-bg);border:1.5px solid var(--quiz-header-dot);border-radius:50%}:root{--color-brand: #00b5e2;--color-brand-contrast: #ffffff;--color-bg: #ffffff;--color-bg-muted: #f5f5f5;--color-text: #1A1A1A;--color-text-muted: #555555;--color-border: #e0e0e0}:root{--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Inter", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.25rem;--text-xl: 1.75rem;--font-regular: 400;--font-medium: 500;--font-bold: 700}:root{--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem}:root{--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--shadow-sm: 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.1)}:root{--quiz-bg: #ffffff;--quiz-bg-pattern-a: #e0f6fd;--quiz-bg-pattern-b: #f0fbff;--quiz-header-bar: #ff671f;--quiz-header-frame: #00b5e2;--quiz-header-badge: #ffffff;--quiz-header-badge-border: #1A1A1A;--quiz-header-star: #00b5e2;--quiz-header-dot: #00b5e2;--quiz-btn-bg: #ffffff;--quiz-btn-border: #1A1A1A;--quiz-btn-text: #1A1A1A;--quiz-btn-hover-bg: #f0f0f0;--quiz-btn-radius: 50px;--quiz-badge-bg: #ffffff;--quiz-badge-border: #1A1A1A;--quiz-badge-text: #1A1A1A;--color-correct: #97d700;--color-correct-bg: #edfabb;--color-correct-border: #cae667;--color-correct-text: #4a6600;--color-incorrect: #c8102e;--color-incorrect-bg: #fde6ea;--color-incorrect-border: #e8889a;--color-incorrect-text: #68000f;--quiz-pagination-bg: #f0f0f0;--quiz-pagination-border: #1A1A1A;--quiz-max-width: 40rem;--quiz-content-bg: transparent}[hidden]{display:none!important}body{font-family:var(--font-sans);font-size:var(--text-md);color:var(--color-text);background:var(--color-bg);margin-top:0}.quiz-page{height:100dvh;overflow:hidden;background:#fff;display:flex;flex-direction:column;align-items:stretch}.quiz-main{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;align-items:center;padding:0 var(--space-4) var(--space-4)}.quiz-content{width:100%;max-width:var(--quiz-max-width);display:flex;flex-direction:column;gap:var(--space-4)}.answer-buttons{margin-top:15px}.quiz-nav{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between;align-items:flex-start;margin-top:15px}@media(max-width:480px){.quiz-nav{flex-direction:column}.quiz-nav__group{width:100%;align-items:stretch}}.quiz-nav__group{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2)}.quiz-intro-body{display:flex;flex-direction:column;gap:var(--space-6)}.quiz-intro-body__title{margin:0;font-size:2rem;font-weight:var(--font-bold);line-height:1.2;text-align:center;color:#1a1a1a}.quiz-intro-body__description{font-size:var(--text-lg);line-height:1.6;color:#1a1a1a;margin:0}.quiz-intro-body__actions{display:flex;justify-content:center}.quiz-pagination{flex-shrink:0;display:flex;justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4)}.pagination__arrow{background:transparent;border:1px solid var(--quiz-pagination-border);border-radius:var(--radius-md);color:var(--quiz-pagination-border);width:2rem;height:2rem;font-size:1.25rem;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s}.pagination__arrow:hover:not(:disabled){background:var(--quiz-pagination-bg)}.pagination__arrow:disabled{opacity:.3;cursor:not-allowed}.pagination__num{background:transparent;border:1px solid var(--quiz-pagination-border);border-radius:var(--radius-md);color:var(--quiz-pagination-border);width:2rem;height:2rem;font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s}.pagination__num:hover{background:var(--quiz-pagination-bg)}.pagination__num--current{background:var(--quiz-pagination-border);color:#fff}.pagination__num--done{background:var(--quiz-pagination-bg)}.btn--start{background:var(--color-brand);color:var(--color-brand-contrast);border:2px solid var(--color-brand);border-radius:var(--quiz-btn-radius);padding:var(--space-4) var(--space-8);font-size:var(--text-lg, 1.125rem);font-weight:var(--font-medium);cursor:pointer;transition:opacity .15s}.btn--start:hover{opacity:.9}.btn--start:focus-visible{outline:3px solid #1A1A1A;outline-offset:3px}