.answer-option{border:2px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-text);text-align:start;cursor:pointer;border-radius:.9rem;align-items:center;gap:.75rem;min-height:3.25rem;padding:.9rem 1rem;font-family:inherit;font-size:1rem;transition:border-color .15s,background-color .15s,transform .1s;display:flex}.answer-option:active:not(:disabled){transform:scale(.99)}.answer-option:hover:not(:disabled){border-color:var(--color-primary)}.answer-option:disabled{cursor:default}.answer-option__key{background:var(--color-bg);width:2rem;height:2rem;color:var(--color-text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;font-weight:500;display:inline-flex}.answer-option__label{flex:1;line-height:1.5}.answer-option__icon{flex-shrink:0;font-size:1.1rem;font-weight:500}.answer-option--selected{border-color:var(--color-primary);background:var(--color-primary-tint)}.answer-option--selected .answer-option__key{background:var(--color-primary);color:#fff}.answer-option--correct{border-color:var(--color-success);background:var(--color-success-tint)}.answer-option--correct .answer-option__key{background:var(--color-success);color:#fff}.answer-option--correct .answer-option__icon{color:var(--color-success)}.answer-option--incorrect{border-color:var(--color-danger);background:var(--color-danger-tint)}.answer-option--incorrect .answer-option__key{background:var(--color-danger);color:#fff}.answer-option--incorrect .answer-option__icon{color:var(--color-danger)}
.audio-player{align-items:center;display:inline-flex}.audio-player__button{border:2px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;font-size:1.1rem;transition:border-color .15s,background-color .15s;display:inline-flex}.audio-player__button:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-primary-tint)}.audio-player__button:disabled{opacity:.4;cursor:not-allowed}.audio-player__button--playing{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.audio-player__button--playing:hover:not(:disabled){background:var(--color-primary-dark);border-color:var(--color-primary-dark)}
.question-card{background:var(--color-surface);border-radius:1.1rem;flex-direction:column;gap:1rem;padding:1.1rem;display:flex;box-shadow:0 1px 3px #0f282114}.question-card__header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.question-card__meta{align-items:center;gap:.85rem;display:flex}.question-card__meta .exam-session__progress{font-size:1rem;font-weight:500}.question-card__code{color:var(--color-text-muted);background:var(--color-bg);border-radius:999px;padding:.25rem .6rem;font-size:.8rem;font-weight:500}.question-card__text{color:var(--color-text);margin:0;font-size:1.15rem;font-weight:500;line-height:1.7}.question-card__image-wrap{background:var(--color-bg);aspect-ratio:16/9;border-radius:1rem;width:100%;max-width:42rem;margin-inline:auto;position:relative;overflow:hidden}.question-card__image{object-fit:cover;width:100%;height:100%;display:block}.question-card__options{flex-direction:column;gap:.65rem;display:flex}.question-card__groups{flex-direction:column;gap:1rem;display:flex}.question-group{flex-direction:column;gap:.55rem;display:flex}.question-group__label{border-inline-start:3px solid var(--color-primary);margin:0;padding-inline-start:.75rem;font-size:1rem;font-weight:500;line-height:1.7}.question-group__options{flex-direction:column;gap:.6rem;display:flex}.question-group__options--pair{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}@media (max-width:26rem){.question-group__options--pair{grid-template-columns:1fr}}.question-card__feedback{border-radius:1rem;padding:1rem}.question-card__feedback--correct{background:var(--color-success-tint);border:1px solid var(--color-success)}.question-card__feedback--incorrect{background:var(--color-danger-tint);border:1px solid var(--color-danger)}.question-card__feedback-title{margin:0 0 .35rem;font-weight:500}.question-card__feedback--correct .question-card__feedback-title{color:var(--color-success)}.question-card__feedback--incorrect .question-card__feedback-title{color:var(--color-danger)}.question-card__feedback-text{color:var(--color-text);margin:0;line-height:1.6}.question-card--fill{gap:.7rem;min-height:0;overflow:hidden;box-shadow:0 2px 18px #0f282112}@media (prefers-reduced-motion:no-preference){.question-card--fill{animation:.32s cubic-bezier(.22,.9,.35,1) question-card-in}}@keyframes question-card-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.question-card--fill .question-card__image-wrap{aspect-ratio:auto;flex:auto;width:100%;max-width:none;min-height:8rem;max-height:none}.question-card__panel{flex-direction:column;gap:1rem;min-height:0;display:flex}@media (min-width:48.01rem){.question-card--fill{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);column-gap:clamp(1.75rem,2.5vw,3rem);padding:clamp(1.25rem,1.8vw,2.25rem);display:grid}.question-card--fill .question-card__image-wrap{aspect-ratio:16/9;grid-area:1/2;align-self:center;width:100%;height:auto;min-height:0;max-height:100%}.question-card--fill .question-card__panel{grid-area:1/1;justify-content:center;gap:clamp(1.25rem,2.5vh,2.25rem);padding-block:1rem;overflow-y:auto}.question-card--fill{position:relative}.question-card--fill .question-card__panel-top{top:clamp(1.25rem,1.8vw,2.25rem);z-index:2;position:absolute;inset-inline-start:clamp(1.25rem,1.8vw,2.25rem)}.question-card--fill.question-card--noimage .question-card__panel-top{border-bottom:1px solid var(--color-border);width:100%;padding-bottom:.75rem;position:static}.question-card--fill.question-card--noimage .question-card__panel-top .audio-player{margin-inline-start:auto}.question-card--fill .question-card__feedback,.question-card--fill.question-card--noimage .question-card__panel{grid-column:1/-1}}.question-card--fill .question-card__text{margin:0;font-size:clamp(1.05rem,.6vw + .75rem,1.5rem);line-height:1.55}.qnum{flex-direction:column;gap:.9rem;display:flex}.qnum-ref{flex-direction:column;gap:.85rem;display:flex}.qnum-ref__label{margin-bottom:.25rem;font-size:clamp(1rem,.5vw + .8rem,1.35rem);font-weight:500;display:block}.qnum-ref__props{flex-wrap:wrap;gap:.5rem 1.25rem;display:flex}.qnum-ref__prop{color:var(--color-text-muted);font:inherit;text-align:start;cursor:pointer;background:0 0;border:none;border-radius:.7rem;align-items:center;gap:.55rem;padding:.35rem .7rem;transition:background-color .18s,color .18s;display:inline-flex}.qnum-ref__prop:hover:not(:disabled):not(.qnum-ref__prop--selected){background:var(--color-bg);color:var(--color-text)}.qnum-ref__prop:disabled{cursor:default}.qnum-ref__prop--correct{color:var(--color-success);font-weight:500}.qnum-ref__num{background:var(--color-bg);width:clamp(1.5rem,1.3vw,1.75rem);height:clamp(1.5rem,1.3vw,1.75rem);color:var(--color-text);font-variant-numeric:tabular-nums;border-radius:50%;flex-shrink:0;place-items:center;font-size:clamp(.85rem,.75vw,1rem);transition:background-color .18s,color .18s;display:inline-grid}.qnum-ref__text{font-size:clamp(1rem,.5vw + .8rem,1.35rem);line-height:1.45}.qnum-btns{grid-template-columns:repeat(auto-fit,minmax(3.5rem,1fr));gap:.6rem;display:grid}.qnum-btn{border:2px solid var(--color-border);background:var(--color-surface);height:3rem;color:var(--color-text);font-variant-numeric:tabular-nums;cursor:pointer;border-radius:.85rem;font-size:1.4rem;font-weight:500;transition:border-color .15s,background-color .15s,color .15s,transform .15s,box-shadow .15s;box-shadow:0 1px 3px #0f28210f}.qnum-btn:hover:not(:disabled){border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 8px 18px #0e7c6629}.qnum-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #0e7c662e}.qnum-btn--selected{border-color:var(--color-primary);background:var(--color-primary);color:#fff;box-shadow:0 8px 20px #0e7c664d}.qnum-btn--correct{border-color:var(--color-success);background:var(--color-success-tint);color:var(--color-success)}.qnum-btn--incorrect{border-color:var(--color-danger);background:var(--color-danger-tint);color:var(--color-danger)}.qnum-btn:disabled{cursor:default}.qnum-ref__prop--selected{color:var(--color-primary);background:var(--color-primary-tint);font-weight:500}.qnum-ref__prop--selected .qnum-ref__num{background:var(--color-primary);color:#fff}.qnum-ref__props--stacked{flex-direction:column;gap:.85rem}.question-card__count{z-index:2;font-variant-numeric:tabular-nums;color:#fff;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);direction:ltr;background:#0f282173;border-radius:999px;padding:.2rem .7rem;font-size:1.05rem;font-weight:500;position:absolute;top:.85rem;right:.85rem}.question-card__audio{z-index:2;position:absolute;bottom:.85rem;right:.85rem}.question-card__audio .audio-player__button{box-shadow:0 3px 12px #00000038}.question-card__panel-top{align-items:center;gap:.85rem;display:flex}.question-card__count--flat{background:var(--color-bg);color:var(--color-text);-webkit-backdrop-filter:none;backdrop-filter:none;position:static}@media (max-width:48rem){.question-card--fill .question-card__image-wrap{aspect-ratio:16/9;flex:none;max-width:100%;max-height:40vh}.question-card--fill .question-card__text{font-size:1rem}.qnum-ref__prop{min-height:2.75rem;padding-inline:.85rem}}
