.quiz-timebar{flex-direction:column;gap:6px;padding-bottom:10px;display:flex}.quiz-timebar__track{background:var(--line);border-radius:2px;height:4px;overflow:hidden}.quiz-timebar__fill{height:100%;width:var(--value,100%);background:var(--blue)}.quiz-timebar__fill.is-running{transition:width .25s linear, background var(--dur) var(--ease)}.quiz-timebar__fill.is-low{background:var(--error)}.quiz-timebar__note{font-size:var(--fs-xs);color:var(--muted)}.quiz-timebar__hint{font-size:var(--fs-xs);color:var(--muted);margin-top:2px;font-style:italic}.quiz-nav{width:112px}.quiz-nav .listbox__button{min-height:36px;padding:6px 10px}.quiz-nav .listbox__list{width:260px;max-width:calc(100vw - 2 * var(--gutter));left:auto}.quiz-nav__status{color:var(--muted);align-items:center;gap:6px;display:inline-flex}.quiz-nav__status.is-correct{color:var(--success)}.quiz-nav__status.is-partial{color:var(--partial)}.quiz-nav__status.is-incorrect{color:var(--error)}.quiz-timer-set{width:168px}.quiz-timer-set .field__label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.quiz-timer-set .listbox__button{min-height:36px;font-size:var(--fs-sm);padding:6px 10px}.quiz-timer-set .listbox__list{width:200px;left:auto}@media (max-width:640px){.quiz-timer-set{width:132px}}.segments__item.is-answered{background:var(--muted)}.q-text--multi{margin-bottom:var(--s-3)}.q-select{margin-bottom:var(--s-5)}.quiz-note{margin-top:var(--s-4);font-size:var(--fs-sm);color:var(--muted)}.quiz-main>.container>.quiz-note:first-child{margin:0 0 var(--s-4)}.quiz-error{align-items:center;gap:6px var(--s-2);margin-top:var(--s-4);font-size:var(--fs-sm);color:var(--error);flex-wrap:wrap;display:flex}.modal__summary--2{grid-template-columns:repeat(2,1fr)}.modal__summary .is-success{color:var(--success)}.tutor{margin-top:var(--s-4)}.tutor__bar{align-items:center;gap:var(--s-3);flex-wrap:wrap;display:flex}.tutor__body{margin-top:var(--s-3);gap:var(--s-3)}.tutor__intro{font-size:var(--fs-sm);color:var(--muted)}.tutor__msgs{gap:var(--s-3);max-height:320px;display:grid;overflow-y:auto}.tutor__msg{border-radius:var(--r-md);background:var(--bg-muted);max-width:92%;font-size:var(--fs-sm);white-space:pre-wrap;padding:10px 14px;line-height:1.5}.tutor__msg--user{background:var(--bg-tint);justify-self:end}.tutor__msg--assistant{justify-self:start}.tutor__chips{gap:var(--s-2);flex-wrap:wrap;display:flex}.tutor__form{gap:var(--s-2);display:flex}.tutor__form .input{flex:1;min-width:0}.tutor__note{font-size:var(--fs-sm);color:var(--muted)}.tutor__note.is-error{color:var(--error);align-items:baseline;gap:6px;display:flex}.modal__title--flush{padding-right:0}.modal__head{--stack:10px}.modal__form{--stack:var(--s-4)}.quiz-timebar__warning{font-size:var(--fs-sm);color:var(--warning);background:var(--warning-bg);border-radius:var(--r-sm);align-items:center;gap:6px;padding:8px 12px;display:flex}.quiz-main .q-text{max-width:none}.quiz-main{padding-block:clamp(16px, 2vw, 24px) var(--s-8)}.quiz-main .q-card{padding:clamp(20px,3vw,32px)}.quiz-main .q-meta{margin-bottom:var(--s-3)}.quiz-main .q-text{margin-bottom:var(--s-5)}.quiz-main .q-text--multi{margin-bottom:var(--s-2)}.quiz-main .q-select{margin-bottom:var(--s-4)}.quiz-main .options{gap:var(--s-2)}.quiz-main .option{min-height:52px;padding:10px 14px}.quiz-main .q-actions{margin-top:var(--s-5);padding-top:var(--s-4)}.quiz-main .feedback{padding:var(--s-4) var(--s-5)}.quiz-main .feedback__status{margin-bottom:var(--s-2)}@media (min-width:900px){.q-body:has(.feedback){gap:var(--s-5);grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;display:grid}.q-body:has(.feedback) .feedback{margin-top:0}}@media (min-width:561px) and (max-height:760px){.quiz-main .q-actions{z-index:2;background:var(--bg);margin-inline:calc(-1*clamp(20px,3vw,32px));padding:var(--s-3) clamp(20px, 3vw, 32px);border-radius:0 0 var(--r-lg) var(--r-lg);margin-bottom:calc(-1*clamp(20px,3vw,32px));position:sticky;bottom:0}}.feedback__path{align-items:center;gap:4px var(--s-2);flex-wrap:wrap;flex-basis:100%;display:flex}.feedback__path ol{flex-wrap:wrap;align-items:center;gap:4px 0;margin:0;padding:0;list-style:none;display:flex}.feedback__path li+li:before{content:"→";margin-inline:var(--s-2);color:var(--muted)}.feedback__path strong{font-weight:var(--fw-medium);color:var(--ink)}.feedback__explain{margin-bottom:var(--s-2)}.feedback__explain>summary{color:var(--ink);font-weight:var(--fw-medium);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;list-style:none;display:inline-flex}.feedback__explain>summary::-webkit-details-marker{display:none}.feedback__explain>summary:hover{color:var(--ink)}.feedback__explain>summary svg{transition:transform .15s}.feedback__explain[open]>summary svg{transform:rotate(180deg)}.feedback__explain>.feedback__text{margin-top:4px}