:root{--font: "Rubik";--primary-light: #313e51;--primary-dark: white;--secondary-light: #626c7f;--secondary-dark: #abc1e1;--primary-background-light: #f4f6fa;--primary-background-dark: #313e51;--secondary-background-light: white;--secondary-background-dark: #3b4d66;--shadow-light: rgb(143 160 193 / 0.14);--shadow-dark: rgb(49 62 81 / 0.14);--primary-correct: #2fd887;--primary-incorrect: #ee5454}@property --subject-theme-colour{:root{syntax:"<color>";inherits:false;initial-value:#626c7f}}:root{--outer-block-margin-start: 1rem;--outer-block-margin-end: 2rem;--outer-inline-margin: 1.5rem;--outer-inline-size: calc(1157 / 1440 * 100vi);--outer-max-inline-size: 72.3125rem;--outer-start-block-margin-start: 1.625rem;--outer-background-1-size: 977px;--outer-background-2-block-size: 608px;--outer-background-2-inline-size: 540px;--outer-background-1-block-inset: 0;--outer-background-1-inline-inset: 0;--grid-first-column-size: calc(465 / 1157 * 100%);--grid-gap: 8rem;--header-block-margin-end: 3rem;--header-start-block-margin-end: 2.5rem;--header-start-block-inset-start: -7.9375rem;--header-start-inline-inset-end: 0;--header-start-gap: 1rem;--mode-choice-start-block-margin-end: 2.625rem;--mode-choice-gap: 0.5rem;--mode-choice-button-block-size: 1.25rem;--mode-choice-button-inline-size: 2rem;--mode-choice-button-border-radius: 0.625rem;--mode-choice-button-inside-size: 0.75rem;--mode-choice-button-inside-block-inset: 50%;--mode-choice-button-inside-inline-inset: 0.25rem;--mode-choice-button-inside-translate-y: -50%;--mode-choice-weather-icon-size: 16px;--header-title-size: 1.125rem;--header-title-internal-margin: 1rem;--header-start-title-size: 2.5rem;--header-start-title-internal-margin: 0.5rem;--header-start-text-size: 0.875rem;--subject-picture-small-size: 40px;--items-text-size: 1.125rem;--items-gap: 1rem;--items-internal-gap: 1rem;--items-padding: 1rem;--items-border-radius: 0.75rem;--items-box-shadow: 0 1rem 2.5rem light-dark(var(--shadow-light), var(--shadow-dark));--question-gap: 1rem;--question-header-block-margin: 2.5rem;--question-title-size: 1.25rem;--question-title-inside-margin: 1rem;--question-number-text-size: 0.875rem;--question-progress-block-size: 1rem;--question-progress-block-margin: 1.5rem;--question-progress-padding: 0.25rem;--question-button-text-size: 1.125rem;--question-button-padding: 1rem;--question-button-border-radius: 1rem;--question-error-message-gap: 0.5rem;--question-error-message-text-size: 1.125rem;--question-error-message-text-line-height: 1;--answer-rank-size: 2.5rem;--answer-border-radius: 0.375rem;--answer-outline-width: 0.1875rem;--answer-outline-offset: -0.1875rem;--answer-result-size: 32px;--score-header-block-margin: 2.5rem;--score-header-inner-margin: 0.5rem;--score-title-size: 2.5rem;--score-result-text-size: 1.125rem;--score-result-padding: 2rem;--score-result-block-margin: 1rem;--score-result-border-radius: 0.75rem;--score-result-subject-text-size: 1.125rem;--score-result-subject-block-margin: 1rem;--score-result-subject-gap: 1rem;--score-result-note-text-size: 5.5rem;--score-result-note-block-margin: 1rem;--score-button-text-size: 1.125rem;--score-button-padding: 1rem;--score-button-border-radius: 0.75rem}@media(width >= 31.25em){:root{--outer-block-margin-start: 2.5rem;--outer-block-margin-end: 3.25rem;--outer-inline-margin: 4rem;--outer-start-block-margin-start: 3.375rem;--outer-background-1-block-inset: -446px;--outer-background-1-inline-inset: -539px;--header-block-margin-end: 3.0625rem;--header-start-block-margin-end: 4rem;--mode-choice-start-block-margin-end: 1.9375rem;--mode-choice-gap: 1rem;--mode-choice-weather-icon-size: 24px;--header-title-size: 1.75rem;--header-title-internal-margin: 1.5rem;--header-start-title-size: 4rem;--header-start-text-size: 1.25rem;--items-text-size: 1.75rem;--items-gap: 1.5rem;--items-internal-gap: 2rem;--items-border-radius: 1.5rem;--question-gap: 2rem;--question-title-size: 2.25rem;--question-title-inside-margin: 1.5rem;--question-number-text-size: 1.25rem;--question-progress-block-margin: 2.5rem;--question-button-text-size: 1.75rem;--question-button-padding: 2rem;--question-button-border-radius: 1.5rem;--question-error-message-text-size: 1.5rem;--question-error-message-text-line-height: 1.5;--answer-rank-size: 3.5rem;--answer-border-radius: 0.75rem;--answer-result-size: 40px;--score-header-block-margin: 4rem;--score-result-text-size: 1.5rem;--score-result-padding: 3rem;--score-result-block-margin: 2rem;--score-result-border-radius: 1.5rem;--score-result-subject-text-size: 1.75rem;--score-result-subject-block-margin: 2.5rem;--score-result-subject-gap: 1.5rem;--score-result-note-text-size: 9rem;--score-button-text-size: 1.75rem;--score-button-padding: 2rem;--score-button-border-radius: 1.5rem}}@media(width >= 67.5em){:root{--outer-block-margin-start: 5.1875rem;--outer-block-margin-end: 9.25rem;--outer-inline-margin: auto;--outer-start-block-margin-start: 14rem;--outer-background-1-block-inset: -413px;--outer-background-1-inline-inset: -539px;--header-block-margin-end: 5.3125rem;--header-start-gap: 3rem;--items-gap: 1rem;--items-padding: 1.5rem;--question-header-block-margin: 7.4375rem;--answer-border-radius: 0.5rem}}body,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,pre,blockquote,figure,figcaption,form,fieldset,legend,input,select,textarea,button{padding:0;margin:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6,pre{font-size:1rem}pre{white-space:pre-wrap}table{border-collapse:collapse;border-spacing:0}address{font-style:normal}fieldset,legend,img,abbr,acronym{border:none}legend{white-space:normal}input,select,textarea,button,img{vertical-align:middle}input,select,textarea,button,code,kbd,samp,var{font-size:inherit}input,select,textarea,button{font-family:inherit;border:1px solid}input,select,textarea{border-radius:0}input[type=checkbox],input[type=radio],input[type=range],input[type=submit],input[type=reset],input[type=button]{cursor:pointer}button,details summary{cursor:pointer}input[type=checkbox],input[type=radio]{border:none}input[type=search]{appearance:none}input[type=submit],input[type=reset]{appearance:none}input::placeholder{color:inherit;opacity:1}input[disabled],button[disabled]{cursor:default}button{background:rgba(0,0,0,0)}button:focus-visible{outline:thin dotted}img,object,audio,video,embed,svg{max-width:100%;height:auto}abbr[title]{text-decoration:none}::selection{color:#000;background-color:#add8e6;text-shadow:none}@media print{*{color:#000 !important;background-color:rgba(0,0,0,0) !important;background-image:none !important}}@media print{h1,h2,h3,h4,h5,h6{page-break-after:avoid}}@media print{img,object,audio,video,embed,svg{page-break-inside:avoid}}@font-face{font-family:"Rubik";src:url("fonts/Rubik-VariableFont_wght.woff2") format("woff2") tech(variations);font-style:normal;font-weight:300 500;font-display:swap}@font-face{font-family:"Rubik";src:url("fonts/Rubik-Italic-VariableFont_wght.woff2") format("woff2") tech(variations);font-style:italic;font-weight:300;font-display:swap}body{font-family:var(--font),sans-serif}h1,h2{font-weight:500}.sr-only{width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(1px);position:absolute}:root{color-scheme:light dark}html{background-color:light-dark(var(--primary-background-light), var(--primary-background-dark))}html[data-mode-choice=dark]{color-scheme:dark}body{color:light-dark(var(--primary-light), var(--primary-dark))}#header form{display:inline-flex;gap:var(--mode-choice-gap);justify-content:flex-end;align-items:center}#header form::before,#header form::after{background:url("images/mode-choice.svg") no-repeat;display:inline-block;width:var(--mode-choice-weather-icon-size);height:var(--mode-choice-weather-icon-size);content:""}[data-mode-choice=dark] #header form::before{background-position-y:-16px}#header form::after{background-position-y:-32px}[data-mode-choice=dark] #header form::after{background-position-y:-48px}#header input[type=checkbox]{width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(1px);position:absolute}#header input[type=checkbox]:checked+label::before{transform:translate(100%, var(--mode-choice-button-inside-translate-y))}#header label{background:#a729f5;display:block;inline-size:var(--mode-choice-button-inline-size);min-block-size:var(--mode-choice-button-block-size);border-radius:var(--mode-choice-button-border-radius);position:relative;cursor:pointer}#header label::before{background:#fff;width:var(--mode-choice-button-inside-size);aspect-ratio:1;border-radius:50%;position:absolute;inset-block-start:var(--mode-choice-button-inside-block-inset);inset-inline-start:var(--mode-choice-button-inside-inline-inset);transform:translate(0%, var(--mode-choice-button-inside-translate-y));transition:transform 250ms ease-in;content:""}@media(width >= 31.25em){#header form::before{background-position-y:-64px}[data-mode-choice=dark] #header form::before{background-position-y:-88px}#header form::after{background-position-y:-112px}[data-mode-choice=dark] #header form::after{background-position-y:-136px}}.subjects,.answers{font-size:var(--items-text-size);line-height:1;font-weight:500;display:flex;flex-direction:column;gap:var(--items-gap);list-style:none}.subjects li,.answers li{background:light-dark(var(--secondary-background-light), var(--secondary-background-dark));display:flex;gap:var(--items-internal-gap);align-items:center;padding:var(--items-padding);border-radius:var(--items-border-radius);box-shadow:var(--items-box-shadow)}.subjects a,.answers a{color:inherit;text-decoration:none;display:contents}@media(width < 31.25em){.subjects img,.answers img{width:40px;aspect-ratio:1}}html::before,html::after{background:url("images/ellipses.svg") no-repeat;position:absolute;z-index:-1;content:""}html::before{width:var(--outer-background-1-size);aspect-ratio:1;inset-block-end:var(--outer-background-1-block-inset);inset-inline-end:var(--outer-background-1-inline-inset)}html::after{width:var(--outer-background-2-inline-size);height:var(--outer-background-2-block-size);inset-block-end:0;inset-inline-end:0}html[data-mode-choice=dark]::before,html[data-mode-choice=dark]::after{background-position-y:calc(var(--outer-background-1-size)*-1)}@media(width >= 31.25em){html::before{inset-block-start:var(--outer-background-1-block-inset);inset-block-end:initial;inset-inline-start:var(--outer-background-1-inline-inset);inset-inline-end:initial}}@media(width < 67.5em){html::after{content:normal}}body{margin:var(--outer-block-margin-start) var(--outer-inline-margin) var(--outer-block-margin-end)}body[data-context=start]{margin-block-start:var(--outer-start-block-margin-start)}@media(width >= 67.5em){body{inline-size:min(var(--outer-inline-size),var(--outer-max-inline-size))}body[data-context=start]{display:grid;grid-template-columns:var(--grid-first-column-size) 1fr;gap:var(--grid-gap);position:relative}}@media(width >= 67.5em){#question,#score{display:grid;grid-template-columns:var(--grid-first-column-size) 1fr;gap:var(--grid-gap)}}#header{display:flex;margin-block-end:var(--header-block-margin-end)}#header h1{font-size:var(--header-title-size);line-height:1}#header h1 img{margin-inline-end:var(--header-title-internal-margin)}@media(width < 31.25em){#header h1 img{width:40px;aspect-ratio:1}}:not([data-context=start])>#header{justify-content:space-between}[data-context=start] #header{flex-direction:column;gap:var(--header-start-gap);margin-block-end:var(--header-start-block-margin-end)}[data-context=start] #header h1{font-size:var(--header-start-title-size);font-weight:300}[data-context=start] #header h1 .welcome,[data-context=start] #header h1 .app-name{white-space:nowrap}[data-context=start] #header h1 .app-name{font-weight:500;display:block;margin-block-start:var(--header-start-title-internal-margin)}[data-context=start] #header>p{font-size:var(--header-start-text-size);line-height:1.5;font-style:italic}[data-context=start] #header form{order:-1;margin-block-end:var(--mode-choice-start-block-margin-end)}@media(width >= 67.5em){[data-context=start] #header{margin-block-end:initial}[data-context=start] #header form{position:absolute;inset-block-start:var(--header-start-block-inset-start);inset-inline-end:var(--header-start-inline-inset-end)}}#question header{margin-block-end:var(--question-header-block-margin)}#question header h2{font-size:var(--question-title-size);line-height:1.2}#question header p{margin-block-start:var(--question-progress-block-margin)}#question header progress{background:light-dark(var(--secondary-background-light), var(--secondary-background-dark));box-sizing:border-box;inline-size:100%;block-size:var(--question-progress-block-size);padding:var(--question-progress-padding);appearance:none;border:none;border-radius:0.5rem}#question header progress::-moz-progress-bar{background:var(--subject-theme-colour);border-radius:0.25rem}#question header progress::-webkit-progress-bar{background:light-dark(var(--secondary-background-light), var(--secondary-background-dark));border-radius:0.5rem}#question header progress::-webkit-progress-value{background:var(--subject-theme-colour);border-radius:0.25rem}#question header .question-number{font-size:var(--question-number-text-size);line-height:1.5;font-style:italic;display:block;margin-block-end:var(--question-title-inside-margin)}#question form,#question form p{display:flex;flex-direction:column}#question form{gap:var(--question-gap)}#question input[type=submit]{font-size:var(--question-button-text-size);line-height:1;font-weight:500;color:var(--primary-dark);background:var(--subject-theme-colour);padding:var(--question-button-padding);border:none;border-radius:var(--question-button-border-radius);box-shadow:var(--items-box-shadow)}#question input[type=submit].unanswered{background:linear-gradient(rgba(255, 255, 255, 0.5)),var(--subject-theme-colour)}#question .error-message{font-size:var(--question-error-message-text-size);line-height:var(--question-error-message-text-line-height);color:light-dark(var(--primary-incorrect), var(--primary-dark));display:flex;flex-direction:initial;justify-content:center;align-items:center;gap:var(--question-error-message-gap);order:1}#question .error-message:not(:empty)::before{background:url("images/answer-result.svg") no-repeat center -32px;display:block;width:var(--answer-result-size);aspect-ratio:1;content:""}@media(width >= 31.25em){#question .error-message:not(:empty)::before{background-position-y:-104px}}@media(width >= 67.5em){#question header{display:flex;flex-direction:column;justify-content:space-between}#question header p{margin-block-start:initial}}.answers{counter-reset:answer-rank}.answers li{counter-increment:answer-rank}.answers li::before{color:var(--secondary-light);background:var(--primary-background-light);display:inline-grid;place-items:center;inline-size:var(--answer-rank-size);min-block-size:var(--answer-rank-size);border-radius:var(--answer-border-radius);content:counter(answer-rank, upper-alpha)}.answers li.proposed-answer,.answers li:not(:has(input:disabled)):hover,.answers li:not(.proposed-answer):has(input[type=radio]:focus,input[type=radio]:checked){outline:var(--answer-outline-width) solid;outline-offset:var(--answer-outline-offset)}.answers li.proposed-answer::before,.answers li:not(:has(input:disabled)):hover::before,.answers li:not(.proposed-answer):has(input[type=radio]:focus,input[type=radio]:checked)::before{color:var(--primary-dark)}.answers li:not(:has(input:disabled)):hover,.answers li:not(.proposed-answer):has(input[type=radio]:focus,input[type=radio]:checked){outline-color:var(--subject-theme-colour)}.answers li:not(:has(input:disabled)):hover::before,.answers li:not(.proposed-answer):has(input[type=radio]:focus,input[type=radio]:checked)::before{background:var(--subject-theme-colour)}.answers li:not(:has(input:disabled)) label{cursor:pointer}.answers li.correct-answer::after,.answers li.incorrect-answer::after{background:url("images/answer-result.svg") no-repeat;display:block;width:var(--answer-result-size);aspect-ratio:1;content:""}.answers li.incorrect-answer::after{background-position-y:-32px}.answers li.proposed-answer.correct-answer{outline-color:var(--primary-correct)}.answers li.proposed-answer.correct-answer::before{background:var(--primary-correct)}.answers li.proposed-answer.incorrect-answer{outline-color:var(--primary-incorrect)}.answers li.proposed-answer.incorrect-answer::before{background:var(--primary-incorrect)}.answers input[type=radio]{width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(1px);position:absolute}.answers label{flex:1}@media(width >= 31.25em){.answers li.correct-answer::after{background-position-y:-64px}.answers li.incorrect-answer::after{background-position-y:-104px}}#score header h2,#score header p{font-size:var(--score-title-size);line-height:1}#score header h2{font-weight:300;margin-block-end:var(--score-header-inner-margin)}#score header p{font-weight:500}#score p:first-child,#score .button{box-shadow:var(--items-box-shadow)}#score p{line-height:1;font-weight:500}#score p:first-child{font-size:var(--score-result-text-size);color:light-dark(var(--secondary-light), var(--secondary-dark));background:light-dark(var(--secondary-background-light), var(--secondary-background-dark));text-align:center;padding:var(--score-result-padding);margin-block-end:var(--score-result-block-margin);border-radius:var(--score-result-border-radius)}#score .subject,#score .score-note{color:light-dark(var(--primary-light), var(--primary-dark));display:block}#score .subject{font-size:var(--score-result-subject-text-size);margin-block-end:var(--score-result-subject-block-margin)}#score .subject img{margin-inline-end:var(--score-result-subject-gap)}#score .score-note{font-size:var(--score-result-note-text-size);margin-block-end:var(--score-result-note-block-margin)}#score .button{font-size:var(--score-button-text-size);color:var(--primary-dark);background:var(--subject-theme-colour);text-align:center;text-decoration:none;display:block;padding:var(--score-button-padding);border-radius:var(--score-button-border-radius)}@media(width < 31.25em){#score .subject img{width:40px;aspect-ratio:1}}@media(width >= 31.25em){#score p:first-child{line-height:1.5}#score .subject,#score .score-note{line-height:1}}@media(width < 67.5em){#score header{margin-block-end:var(--score-header-block-margin)}}@media(width >= 67.5em){#score p:first-child{font-weight:normal}#score .subject,#score .score-note{font-weight:500}}