*,:before,:after{box-sizing:border-box}*{margin:0;padding:0;font:inherit}ul[role=list],ol[role=list]{list-style:none}html{height:100%;scroll-behavior:smooth}body{height:100%;line-height:1.5;text-rendering:optimizeSpeed;-webkit-font-smoothing:antialiased}#root{height:100%;width:100%}body:before{content:"";position:fixed;top:-4rem;right:-4rem;width:30rem;height:30rem;background-image:url("data:image/svg+xml,%3csvg%20width='160'%20height='141'%20viewBox='0%200%20160%20141'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M63.4095%2081.3947C35.1213%2050.8508%20-2.68211%2021.7816%201.17274%20-19.6933C5.43941%20-65.599%2039.854%20-105.359%2082.4191%20-123.133C122.797%20-139.994%20170.035%20-130.256%20205.822%20-105.149C235.947%20-84.0141%20236.823%20-43.8756%20246.141%20-8.27104C256.17%2030.0508%20282.521%2070.8106%20260.501%20103.779C237.538%20138.159%20188.991%20143.432%20147.931%20138.768C112.318%20134.723%2087.7505%20107.677%2063.4095%2081.3947Z'%20fill='%23FFFAD1'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:contain;z-index:-1;pointer-events:none;opacity:.95}body:after{content:"";position:fixed;left:-6rem;bottom:-10rem;width:28rem;height:28rem;background-image:url("data:image/svg+xml,%3csvg%20width='148'%20height='118'%20viewBox='0%200%20148%20118'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M-5.55191%204.90596C35.9614%201.77498%2082.2425%20-9.72149%20112.306%2019.1094C145.581%2051.0203%20155.282%20102.703%20142.701%20147.081C130.767%20189.18%2093.7448%20220.092%2051.8208%20232.476C16.5281%20242.902%20-15.4332%20218.605%20-49.1007%20203.738C-85.3375%20187.737%20-133.641%20182.993%20-145.741%20145.239C-158.358%20105.868%20-132.269%2064.5881%20-103.064%2035.3528C-77.7328%209.99541%20-41.2727%207.60006%20-5.55191%204.90596Z'%20fill='%23DEEBF8'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:contain;z-index:-1;pointer-events:none;opacity:.9}:root{--clr-neutral-100: hsl(220, 43%, 97%);--clr-neutral-300: hsl(231, 41%, 90%);--clr-neutral-400: hsl(230, 61%, 90%);--clr-neutral-700: hsl(230, 34%, 46%);--clr-neutral-800: hsl(231, 42%, 28%);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--clr-text: var(--clr-neutral-800);--clr-bg: var(--clr-neutral-100);--clr-btn: var(--clr-neutral-700);--clr-border: var(--clr-neutral-300);--clr-choice-border: var(--clr-neutral-700);--clr-choice-selected: var(--clr-neutral-400);--clr-choice-correct: hsl(133, 46%, 71%);--clr-choice-incorrect: hsl(0, 81%, 85%);--space-small: var(--space-2);--space-medium: var(--space-4);--space-large: var(--space-5);--ff-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;--ff-ui: "Karla", sans-serif;--fs-title: 3rem;--fs-subtitle: 1.5rem;--fs-score: 1.3rem;--fs-choice: 1rem;--fs-btn: 1.2rem;--fw-regular: 400;--fw-medium: 500;--fw-bold: 700;--max-width: 550px;--radius: 15px}body{font-family:var(--ff-sans);font-weight:var(--fw-regular);color:var(--clr-text);background-color:var(--clr-bg)}main{height:100%;width:100%;display:flex;justify-content:center;align-items:center}.quiz-start{display:flex;flex-direction:column;max-width:var(--max-width);text-align:center}.quiz-start__title{margin:0 0 .5em;font-family:var(--ff-ui);font-weight:var(--fw-bold);font-size:var(--fs-title)}.quiz-start__description{margin-bottom:1.5em;font-size:var(--fs-subtitle)}.btn{padding:var(--space-medium);color:var(--clr-bg);font-weight:var(--fw-medium);font-size:var(--fs-btn);background-color:var(--clr-btn);border:none;border-radius:var(--radius);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease;-webkit-tap-highlight-color:transparent}.btn:focus-visible{outline:3px solid rgba(77,91,158,.18);outline-offset:3px;box-shadow:0 6px 18px #4d5b9e1f}.quiz-loading{font-family:var(--ff-ui);font-weight:var(--fw-bold);font-size:var(--fs-subtitle)}.quiz-questions{display:flex;flex-direction:column;gap:var(--space-medium);padding:var(--space-medium)}.quiz-questions__item{padding:var(--space-large);border:none;border-bottom:1px solid var(--clr-border)}.quiz-questions__title{font-weight:var(--fw-bold);font-size:var(--fs-subtitle)}.quiz-questions__choices{display:flex;flex-wrap:wrap;gap:var(--space-large) var(--space-medium)}.quiz-questions__choice input[type=radio]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.quiz-questions__choice-btn{padding:var(--space-small) var(--space-large);border:1px solid var(--clr-choice-border);border-radius:8px;font-weight:var(--fw-medium);font-size:var(--fs-choice);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none}.quiz-questions__choice-btn--selected,.quiz-questions__choice-btn--correct,.quiz-questions__choice-btn--incorrect{border:none}.quiz-questions__choice-btn--selected{background-color:var(--clr-choice-selected)}.quiz-questions__choice-btn--correct{background-color:var(--clr-choice-correct)}.quiz-questions__choice-btn--unselected,.quiz-questions__choice-btn--incorrect{opacity:.5}.quiz-questions__choice-btn--incorrect{background-color:var(--clr-choice-incorrect)}.quiz-questions .btn{padding:var(--space-medium) var(--space-large);margin:var(--space-medium) auto}.quiz-results{display:flex;justify-content:center;align-items:center;gap:var(--space-large)}.quiz-results__score{font-size:var(--fs-score);font-weight:var(--fw-bold)}.quiz-results .btn{margin:0}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);border:0;white-space:nowrap}.sr-only--focusable:active,.sr-only--focusable:focus{position:static!important;width:auto;height:auto;margin:0;overflow:visible;clip:auto;clip-path:none;white-space:normal}@media(prefers-reduced-motion:reduce){.btn{transition:none}}@media(max-width:768px){:root{--fs-title: 2.2rem;--fs-subtitle: 1rem;--fs-choice: .9rem;--fs-score: .8.5rem;--fs-btn: .8rem;--max-width: 95%}}