@layer components{.quiz-loading,.quiz-unavailable,.quiz-finished,.quiz-start{padding:clamp(1.5rem,4vw,2.75rem)}.quiz-loading,.quiz-unavailable,.quiz-finished{gap:var(--space-4);display:grid}.quiz-unavailable,.quiz-finished{max-width:54rem;margin-inline:auto}.quiz-notice,.quiz-warning,.quiz-error{border-radius:var(--radius-md);border:1px solid var(--msc-border);background:var(--msc-surface-1);padding:.9rem 1rem}.quiz-error{border-color:color-mix(in srgb,var(--msc-danger) 60%,var(--msc-border));color:#ffd6d6;background:color-mix(in srgb,var(--msc-danger) 8%,var(--msc-surface-1))}.quiz-warning{border-color:color-mix(in srgb,var(--msc-warning) 60%,var(--msc-border));color:#ffefb2;background:color-mix(in srgb,var(--msc-warning) 7%,var(--msc-surface-1))}.quiz-notice{border-color:color-mix(in srgb,var(--msc-info) 55%,var(--msc-border))}.quiz-button{border-radius:var(--radius-md);cursor:pointer;min-height:2.85rem;transition:transform var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),background var(--motion-fast) var(--ease-standard);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.quiz-button:hover:not(:disabled){transform:translateY(-1px)}.quiz-button:disabled{opacity:.48;cursor:not-allowed}.quiz-button--primary{color:#160b07;background:linear-gradient(135deg,var(--msc-peach-300),var(--msc-orange-500));box-shadow:var(--shadow-glow)}.quiz-button--secondary{color:var(--msc-text);background:var(--msc-surface-2);border-color:var(--msc-border-strong)}.quiz-start{gap:var(--space-6);display:grid}.quiz-start__intro{gap:var(--space-4);display:grid}.quiz-start__facts{flex-wrap:wrap;gap:.7rem;display:flex}.quiz-start__facts span{border:1px solid var(--msc-border);border-radius:var(--radius-md);background:var(--msc-surface-1);padding:.55rem .7rem}.quiz-start__form{gap:var(--space-4);display:grid}.quiz-start__form label,.quiz-written-answer{color:var(--msc-text-soft);gap:.45rem;font-weight:800;display:grid}.quiz-start__form input,.quiz-start__form select,.quiz-written-answer input,.quiz-written-answer textarea{border:1px solid var(--msc-border);border-radius:var(--radius-md);width:100%;color:var(--msc-text);background:var(--msc-bg-soft);padding:.75rem .8rem}.quiz-start__form input,.quiz-start__form select,.quiz-written-answer input{min-height:3rem}.quiz-written-answer textarea{resize:vertical;line-height:1.6}.quiz-start__privacy{font-size:var(--step--1);color:var(--msc-text-muted)}.quiz-catalogue{gap:var(--space-5);display:grid}.quiz-catalogue__card{gap:var(--space-3);padding:var(--space-5);display:grid}.quiz-catalogue__top{color:var(--msc-text-muted);font-size:var(--step--1);justify-content:space-between;align-items:center;gap:1rem;display:flex}.quiz-status-pill{border:1px solid var(--msc-border);border-radius:var(--radius-pill);color:var(--msc-text-muted);background:var(--msc-surface-1);padding:.35rem .6rem;font-weight:850;display:inline-flex}.quiz-status-pill--open{border-color:color-mix(in srgb,var(--msc-success) 55%,var(--msc-border));color:var(--msc-success)}.quiz-number{font-size:var(--step-4);color:var(--msc-text);font-weight:900;line-height:1}.quiz-shell{gap:var(--space-4);width:min(100% - 1rem,82rem);margin-inline:auto;display:grid}.quiz-shell__topbar{gap:var(--space-4);top:calc(var(--header-height) + .5rem);z-index:15;flex-direction:column;padding:1rem 1.15rem;display:flex;position:sticky}.quiz-shell__status{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.quiz-shell__layout{gap:var(--space-4);display:grid}.quiz-shell__nav{min-width:0}.quiz-shell__question{gap:var(--space-4);min-width:0;display:grid}.quiz-save{font-size:var(--step--1);color:var(--msc-text-muted);font-weight:800}.quiz-save--saved{color:var(--msc-success)}.quiz-save--offline,.quiz-save--error{color:var(--msc-warning)}.quiz-timer{text-align:right;gap:.05rem;display:grid}.quiz-timer__label{text-transform:uppercase;letter-spacing:.09em;color:var(--msc-text-muted);font-size:.72rem;font-weight:800}.quiz-timer strong{font-variant-numeric:tabular-nums;font-size:var(--step-2);color:var(--msc-text);line-height:1}.quiz-timer--urgent strong{color:var(--msc-danger)}.quiz-question-nav{gap:var(--space-3);border:1px solid var(--msc-border);border-radius:var(--radius-lg);background:var(--msc-surface-1);padding:1rem;display:grid}.quiz-question-nav__legend{color:var(--msc-text-muted);flex-wrap:wrap;gap:.5rem 1rem;font-size:.78rem;display:flex}.quiz-question-nav__legend b{color:var(--msc-peach-300)}.quiz-question-nav ol{grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.quiz-question-nav__button{border:1px solid var(--msc-border);width:100%;min-height:3.1rem;color:var(--msc-text-soft);background:var(--msc-bg-soft);cursor:pointer;border-radius:.75rem;place-items:center;display:grid;position:relative}.quiz-question-nav__button.is-current{border-color:var(--msc-peach-300);box-shadow:0 0 0 2px #ffb89d26}.quiz-question-nav__button.is-answered{background:color-mix(in srgb,var(--msc-success) 7%,var(--msc-bg-soft))}.quiz-question-nav__button.is-flagged{border-style:dashed;border-color:var(--msc-warning)}.quiz-question-nav__number{font-weight:900}.quiz-question-nav__mark{color:var(--msc-text-muted);font-size:.68rem;position:absolute;bottom:.12rem;right:.28rem}.quiz-question-nav__button.is-flagged .quiz-question-nav__mark{color:var(--msc-warning)}.quiz-question-nav__button.is-answered .quiz-question-nav__mark{color:var(--msc-success)}.quiz-question{gap:var(--space-5);border:1px solid var(--msc-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);background:linear-gradient(145deg,#1d1d23e6,#111115f5);padding:clamp(1.25rem,4vw,2.4rem);display:grid}.quiz-question__header{gap:var(--space-4);display:grid}.quiz-question__header>div{gap:.65rem;display:grid}.quiz-question__guidance{border-left:3px solid var(--msc-orange-500);color:var(--msc-text-soft);background:#ff6b350e;padding:.85rem 1rem}.quiz-question__meta{color:var(--msc-text-muted);font-size:var(--step--1);flex-wrap:wrap;gap:.55rem;display:flex}.quiz-question__meta span{border:1px solid var(--msc-border);border-radius:var(--radius-pill);padding:.28rem .55rem}.quiz-flag{border:1px solid var(--msc-border);border-radius:var(--radius-md);min-height:2.7rem;color:var(--msc-text-soft);background:var(--msc-surface-1);cursor:pointer;justify-self:start;align-items:center;gap:.5rem;padding:.55rem .75rem;display:inline-flex}.quiz-flag.is-flagged{border-color:var(--msc-warning);color:var(--msc-warning)}.quiz-options{border:0;gap:.75rem;margin:0;padding:0;display:grid}.quiz-option{border:1px solid var(--msc-border);border-radius:var(--radius-md);cursor:pointer;background:var(--msc-bg-soft);grid-template-columns:auto auto 1fr;align-items:center;gap:.75rem;min-height:3.5rem;padding:.8rem;display:grid}.quiz-option:hover{border-color:var(--msc-border-strong)}.quiz-option.is-selected{border-color:var(--msc-orange-400);background:#ff6b350f}.quiz-option input{width:1.15rem;height:1.15rem;accent-color:var(--msc-orange-500)}.quiz-option__key{border:1px solid var(--msc-border);min-width:2rem;min-height:2rem;color:var(--msc-peach-200);background:var(--msc-surface-2);border-radius:.55rem;place-items:center;font-weight:900;display:grid}.quiz-question-actions{grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;display:grid}.quiz-question-actions>span{text-align:center;color:var(--msc-text-muted);font-size:var(--step--1)}.quiz-question-actions .quiz-button:last-child{justify-self:end}.quiz-submit-bar{justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.quiz-submit-bar>div{display:grid}.quiz-submit-bar span{color:var(--msc-text-muted);font-size:var(--step--1)}.quiz-submit-dialog{border:1px solid var(--msc-border-strong);border-radius:var(--radius-xl);width:min(100% - 2rem,36rem);color:var(--msc-text-soft);background:var(--msc-surface-2);box-shadow:var(--shadow-md);padding:0}.quiz-submit-dialog::backdrop{backdrop-filter:blur(4px);background:#000000b8}.quiz-submit-dialog__body{gap:var(--space-4);padding:clamp(1.4rem,4vw,2rem);display:grid}.quiz-submit-summary{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.quiz-submit-summary p{border:1px solid var(--msc-border);border-radius:var(--radius-md);background:var(--msc-bg-soft);gap:.15rem;padding:1rem;display:grid}.quiz-submit-summary strong{font-size:var(--step-2);color:var(--msc-text)}@media (width>=48rem){.quiz-start{grid-template-columns:minmax(0,1fr) minmax(18rem,.75fr)}.quiz-catalogue{grid-template-columns:repeat(2,minmax(0,1fr))}.quiz-question-nav ol{grid-template-columns:repeat(8,minmax(0,1fr))}.quiz-question__header{grid-template-columns:1fr auto;align-items:start}.quiz-flag{justify-self:end}}@media (width>=68rem){.quiz-shell__topbar{flex-direction:row;justify-content:space-between;align-items:center}.quiz-shell__status{justify-content:flex-end}.quiz-shell__layout{grid-template-columns:18rem minmax(0,1fr);align-items:start}.quiz-shell__nav{top:calc(var(--header-height) + 7.5rem);position:sticky}.quiz-question-nav ol{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width<=34rem){.quiz-question-actions{grid-template-columns:1fr 1fr}.quiz-question-actions>span{grid-area:1/1/auto/-1}.quiz-question-actions .quiz-button{width:100%}.quiz-submit-bar{flex-direction:column;align-items:stretch}.quiz-submit-bar .quiz-button{width:100%}}}