@layer normalize,reset,app;@layer normalize{/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}}@layer reset{*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}@media(prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords;scroll-behavior:smooth}}html{color-scheme:light dark;tab-size:2;scrollbar-gutter:stable;-webkit-text-size-adjust:none;text-size-adjust:none}body{font-synthesis:none;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,button,input,label{line-height:1.1}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;letter-spacing:inherit;color:currentColor}input:is([type=checkbox],[type=radio]),select,label,button,summary{cursor:pointer}:disabled,label:has(>:disabled,+:disabled){cursor:not-allowed}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}ol,ul,menu{list-style:none}a{color:inherit;text-decoration:none;cursor:pointer}a:focus{outline:none}table{border-collapse:collapse}th,td{text-align:start;vertical-align:top}#root,#__next{isolation:isolate}}@layer app{:root{--color-primary-darker: #090c26;--color-timer-low: #8b0000;--color-feedback-correct: #166534;--color-feedback-incorrect: #8b0000;--color-bg-body: antiquewhite;--color-bg-answer: #f9fafb;--color-bg-button-hover: #e5e7eb;--color-bg-button-disabled: #d1d5db;--color-text-primary: #050f20;--color-text-disabled: #9ca3af;--color-text-skip-link: #fff;--size-quiz-width: 56.25rem;--size-border-thin: .125rem;--size-grid-row-fixed: 4.25rem;--size-answers-end-min-height: 20rem;--spacing-sm: .0625rem;--spacing-md: .125rem;--spacing-lg: .375rem;--spacing-xl: .625rem;--spacing-question-headline-left: 2rem;--spacing-answer-label-left: 3.4rem;--spacing-answer-label-vertical: 1.5rem;--spacing-answer-radio-gap: 1.5rem;--spacing-feedback-right: 2.5rem;--spacing-score-tracker-left: 2.25rem;--spacing-score-value-left: .5rem;--spacing-feedback-padding-x: .5rem;--spacing-feedback-padding-y: .25rem;--spacing-skip-link-top-hidden: -2.5rem;--spacing-skip-link-padding-y: .5rem;--spacing-skip-link-padding-x: 1rem;--size-radio-button: 1.25rem;--size-radio-inner: .625rem;--size-radio-focus-ring: 4px;--letter-spacing-tight: .03125rem;--letter-spacing-normal: .125rem;--font-size-xs: .75rem;--font-size-base: 1.05rem;--font-size-md: 1.2rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--transform-translate-x-md: .625rem;--transform-translate-x-md-negative: -.625rem;--transform-scale-radio-active: .95;--transform-scale-timer-pulse: 1.05;--shadow-radio-focus: 0 0 0 var(--size-radio-focus-ring) rgba(9, 12, 38, .3);--transition-fast: all .25s ease;--transition-normal: all .3s ease;--opacity-disabled: .8;--opacity-skip-link-hidden: 0;--opacity-skip-link-visible: 1}body{font-family:Noto Sans Mono,sans-serif;min-height:100vh;display:grid;place-content:center;background-color:var(--color-bg-body);color:var(--color-text-primary);-webkit-user-select:none;user-select:none}button{color:var(--color-text-primary);background-color:var(--color-bg-answer);border:var(--size-border-thin) solid var(--color-primary-darker)}button:hover:not(:disabled){box-shadow:inset 0 0 0 9999px var(--color-bg-button-hover)}button:disabled{opacity:var(--opacity-disabled);color:var(--color-text-disabled);background-color:var(--color-bg-button-disabled);cursor:not-allowed}button:not(:first-of-type){padding:var(--spacing-lg);font-size:var(--font-size-base);font-weight:600;letter-spacing:var(--letter-spacing-tight)}.quiz-container{width:var(--size-quiz-width)}.quiz-app{height:100%;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:var(--size-grid-row-fixed) var(--size-grid-row-fixed) repeat(4,1fr) var(--size-grid-row-fixed) var(--size-grid-row-fixed)}.quiz-app__start-button{grid-column:span 5 / span 5;padding:var(--spacing-xl);font-size:var(--font-size-lg);font-weight:700;letter-spacing:var(--letter-spacing-normal)}.quiz-app__question-number{grid-row-start:2;border-bottom:var(--size-border-thin) solid var(--color-primary-darker);border-left:var(--size-border-thin) solid var(--color-primary-darker);border-right:var(--size-border-thin) solid var(--color-primary-darker);display:flex;flex-direction:column;align-items:center;padding-top:calc(1.25 * var(--spacing-xl))}.quiz-app__question-number-text{font-size:var(--font-size-lg);font-weight:700}.quiz-app__question-progress{display:flex;width:100%;max-width:100%;border-top:var(--size-border-thin) solid var(--color-primary-darker);margin-top:auto}.quiz-app__question-progress-cell{flex:1;height:.75rem;border-left:var(--size-border-thin) solid var(--color-primary-darker);background-color:transparent;transition:background-color var(--transition-fast)}.quiz-app__question-progress-cell:first-child{border-left:none}.quiz-app__question-progress-cell--filled{background-color:var(--color-primary-darker)}.quiz-app__question-headline{grid-column:span 4 / span 4;grid-row-start:2;border-bottom:var(--size-border-thin) solid var(--color-primary-darker);border-right:var(--size-border-thin) solid var(--color-primary-darker);display:flex;align-items:center;padding-left:var(--spacing-question-headline-left);font-size:var(--font-size-lg);text-wrap:wrap}.quiz-app__answers{grid-column:span 5 / span 5;grid-row:3 / 7;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4,1fr);border-left:var(--size-border-thin) solid var(--color-primary-darker);border-right:var(--size-border-thin) solid var(--color-primary-darker);border-bottom:var(--size-border-thin) solid var(--color-primary-darker)}.quiz-app__answers--end-state{display:flex;align-items:center;justify-content:center;min-height:var(--size-answers-end-min-height)}.quiz-app__answer-choice--1,.quiz-app__answer-choice--2,.quiz-app__answer-choice--3,.quiz-app__answer-choice--4{display:flex;align-items:center;cursor:pointer;transition:background-color var(--transition-fast)}.quiz-app__answer-choice--1:hover,.quiz-app__answer-choice--2:hover,.quiz-app__answer-choice--3:hover,.quiz-app__answer-choice--4:hover{background-color:var(--color-bg-answer)}.quiz-app__answer-choice--1,.quiz-app__answer-choice--2,.quiz-app__answer-choice--3{border-bottom:var(--size-border-thin) dotted var(--color-primary-darker)}.quiz-app__answer-choice--1{grid-row-start:1}.quiz-app__answer-choice--2{grid-row-start:2}.quiz-app__answer-choice--3{grid-row-start:3}.quiz-app__answer-choice--4{grid-row-start:4}.quiz-app__answer-label{display:flex;align-items:center;gap:var(--spacing-answer-radio-gap);font-size:var(--font-size-md);width:100%;height:100%;padding-left:var(--spacing-answer-label-left);padding-top:var(--spacing-answer-label-vertical);padding-bottom:var(--spacing-answer-label-vertical)}.quiz-app__answer-input{appearance:none;width:var(--size-radio-button);height:var(--size-radio-button);border:var(--size-border-thin) solid var(--color-primary-darker);margin-top:var(--spacing-md);display:grid;place-items:center;cursor:pointer;outline:none;transition:box-shadow var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);flex-shrink:0}.quiz-app__answer-input:focus-visible{box-shadow:var(--shadow-radio-focus)}.quiz-app__answer-input:active{transform:scale(var(--transform-scale-radio-active))}.quiz-app__answer-input:after{content:"";display:block;width:var(--size-radio-inner);height:var(--size-radio-inner);transform:scale(0);transition:transform var(--transition-normal);background-color:var(--color-primary-darker);margin:auto}.quiz-app__answer-input:checked:after{transform:scale(1);background-color:var(--color-primary-darker)}.quiz-app__answer-feedback{font-size:var(--font-size-xs);margin-left:auto;margin-right:var(--spacing-feedback-right);font-weight:500;padding:var(--spacing-feedback-padding-y) var(--spacing-feedback-padding-x);border:var(--size-border-thin) solid;text-align:center}.quiz-app__answer-label--correct{color:var(--color-feedback-correct)}.quiz-app__answer-label--correct .quiz-app__answer-input{border-color:var(--color-feedback-correct)}.quiz-app__answer-label--correct .quiz-app__answer-input:after{background-color:var(--color-feedback-correct)}.quiz-app__answer-label--correct .quiz-app__answer-feedback{color:var(--color-feedback-correct);border-color:var(--color-feedback-correct)}.quiz-app__answer-label--incorrect{color:var(--color-feedback-incorrect)}.quiz-app__answer-label--incorrect .quiz-app__answer-input{border-color:var(--color-feedback-incorrect)}.quiz-app__answer-label--incorrect .quiz-app__answer-input:after{background-color:var(--color-feedback-incorrect)}.quiz-app__answer-label--incorrect .quiz-app__answer-feedback{color:var(--color-feedback-incorrect);border-color:var(--color-feedback-incorrect)}.quiz-app__submit-button{grid-row-start:7;border-top:none}.quiz-app__void{grid-column:span 3 / span 3;grid-row-start:7;border-bottom:var(--size-border-thin) solid var(--color-primary-darker);display:flex;align-items:center;justify-content:center}.quiz-app__void-result{font-size:var(--font-size-lg);font-weight:700}.quiz-app__end-message{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:var(--font-size-xl);font-weight:700}.quiz-app__timer{grid-column-start:5;grid-row-start:7;border-left:var(--size-border-thin) solid var(--color-primary-darker);border-right:var(--size-border-thin) solid var(--color-primary-darker);border-bottom:var(--size-border-thin) solid var(--color-primary-darker);display:flex;align-items:center;justify-content:center}.quiz-app__timer-text{font-size:var(--font-size-lg);font-weight:700}.quiz-app__timer--low-time .quiz-app__timer-text{color:var(--color-timer-low)}.quiz-app__timer--low-time:not(.quiz-app__timer--paused) .quiz-app__timer-text{animation:timer-pulse-subtle 1.5s ease-in-out infinite}@keyframes timer-pulse-subtle{0%,to{transform:scale(1)}50%{transform:scale(var(--transform-scale-timer-pulse))}}.quiz-app__score-tracker{grid-column:span 4 / span 4;grid-row-start:8;border-left:var(--size-border-thin) solid var(--color-primary-darker);border-bottom:var(--size-border-thin) solid var(--color-primary-darker);display:flex;align-items:center;padding-left:var(--spacing-score-tracker-left)}.quiz-app__score-label{font-size:var(--font-size-md);font-weight:700}.quiz-app__score-value{font-size:var(--font-size-md);font-weight:700;margin-left:var(--spacing-score-value-left)}.quiz-app__next-button{grid-column-start:5;grid-row-start:8;border-top:none}.skip-link{position:absolute;top:var(--spacing-skip-link-top-hidden);left:0;background:#000;color:var(--color-text-skip-link);padding:var(--spacing-skip-link-padding-y) var(--spacing-skip-link-padding-x);text-decoration:none;z-index:100;opacity:var(--opacity-skip-link-hidden);pointer-events:none}.skip-link:focus{top:0;opacity:var(--opacity-skip-link-visible);pointer-events:auto}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes shake-horizontal{0%,to{transform:translate(0)}20%,60%{transform:translate(var(--transform-translate-x-md-negative))}40%,80%{transform:translate(var(--transform-translate-x-md))}}.quiz-app__next-button-text--shake{display:inline-block;animation:shake-horizontal .6s ease-in-out 0s 1}}