.question-time-chart{background:linear-gradient(#fffffff5,#f7fafcfa),#fff;border:1px solid #1529371a;border-radius:16px;width:100%;margin:0 0 2.5rem;padding:1.35rem 1.4rem 1.25rem;box-shadow:inset 0 1px #fffc,0 10px 28px #1529370d}.question-time-chart-head{margin-bottom:1rem}.question-time-chart-title-row{align-items:flex-start;gap:.75rem;margin-bottom:.45rem;display:flex}.question-time-chart-icon{width:34px;height:34px;color:var(--navy,#152937);background:#1529370f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.question-time-chart-title{color:var(--navy,#152937);letter-spacing:-.01em;margin:.1rem 0 0;font-size:1.15rem;font-weight:700}.question-time-chart-copy{max-width:62ch;color:var(--muted-dark,#5b6b73);margin:0;font-size:.875rem;line-height:1.5}.question-time-chart-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin:0 0 .9rem;display:grid}.question-time-kpi{background:#15293709;border:1px solid #1529370f;border-radius:12px;flex-direction:column;gap:.2rem;min-width:0;padding:.7rem .8rem;display:flex}.question-time-kpi-lbl{letter-spacing:.04em;text-transform:uppercase;color:var(--muted,#7a8a92);font-size:.68rem;font-weight:600}.question-time-kpi-val{color:var(--navy,#152937);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;overflow:hidden}.question-time-chart-legend{color:var(--muted-dark,#5b6b73);flex-wrap:wrap;gap:.85rem 1.1rem;margin:0 0 .85rem;font-size:.75rem;display:flex}.question-time-chart-legend span{align-items:center;gap:.35rem;display:inline-flex}.question-time-swatch{border-radius:3px;width:10px;height:10px;display:inline-block}.question-time-swatch.correct{background:#10b981}.question-time-swatch.wrong{background:#f87171}.question-time-swatch.skipped{background:#9ca3af}.question-time-swatch.avg{background:0 0;border-top:2px dashed #64748b;border-radius:0;width:14px;height:0}.question-time-chart-frame{grid-template-columns:42px minmax(0,1fr);align-items:stretch;gap:.35rem .5rem;display:grid}.question-time-y-axis{color:var(--muted,#7a8a92);text-align:right;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:space-between;padding:1.35rem 0 1.7rem;font-size:.68rem;font-weight:600;display:flex}.question-time-chart-scroll{scrollbar-width:thin;padding-bottom:.15rem;overflow:auto hidden}.question-time-bars{box-sizing:border-box;align-items:flex-end;gap:6px;height:220px;padding:1.35rem .25rem 0;display:flex;position:relative}.question-time-grid{pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:1.35rem 0 22px}.question-time-grid span{border-top:1px dashed #15293714;width:100%;display:block}.question-time-avg-line{pointer-events:none;z-index:2;border-top:1.5px dashed #64748bd9;height:0;position:absolute;left:0;right:0}.question-time-avg-label{color:#475569;letter-spacing:.02em;white-space:nowrap;background:#f1f5f9f2;border:1px solid #64748b40;border-radius:999px;padding:1px 6px;font-size:.65rem;font-weight:700;position:absolute;top:-.95rem;right:0}.question-time-bar-col{z-index:1;cursor:pointer;min-width:22px;max-width:48px;height:100%;color:inherit;font:inherit;background:0 0;border:0;flex-direction:column;flex:1 1 0;justify-content:flex-end;align-items:center;gap:4px;margin:0;padding:0;display:flex;position:relative}.question-time-bar-value{color:var(--muted,#7a8a92);opacity:0;white-space:nowrap;pointer-events:none;font-size:.62rem;font-weight:700;transition:opacity .12s;position:absolute;top:0;left:50%;transform:translate(-50%)}.question-time-bar-col.is-hovered .question-time-bar-value,.question-time-bar-col:focus-visible .question-time-bar-value{opacity:1;color:var(--navy,#152937)}.question-time-bar-track{background:#15293708;border-radius:8px 8px 4px 4px;align-items:flex-end;width:100%;height:calc(100% - 22px);display:flex;overflow:hidden}.question-time-bar-fill{width:100%;height:var(--bar-height,0%);border-radius:7px 7px 3px 3px;min-height:0;transition:height .35s cubic-bezier(.22,1,.36,1),filter .15s,opacity .15s;display:block}.question-time-bar-col.correct .question-time-bar-fill{background:linear-gradient(#34d399 0%,#059669 100%)}.question-time-bar-col.wrong .question-time-bar-fill{background:linear-gradient(#fca5a5 0%,#ef4444 100%)}.question-time-bar-col.skipped .question-time-bar-fill{background:linear-gradient(#d1d5db 0%,#9ca3af 100%)}.question-time-bar-col.is-hovered .question-time-bar-fill,.question-time-bar-col:focus-visible .question-time-bar-fill{filter:brightness(1.05);box-shadow:0 0 0 2px #15293714}.question-time-bar-label{height:18px;color:var(--muted,#7a8a92);font-size:.68rem;font-weight:600;line-height:18px}.question-time-bar-col.is-hovered .question-time-bar-label,.question-time-bar-col:focus-visible .question-time-bar-label{color:var(--navy,#152937)}.question-time-tooltip{color:var(--muted-dark,#5b6b73);background:#1529370a;border:1px solid #15293714;border-radius:12px;flex-wrap:wrap;align-items:baseline;gap:.35rem .75rem;margin-top:.85rem;padding:.7rem .85rem;font-size:.82rem;display:flex}.question-time-tooltip strong{color:var(--navy,#152937);align-items:center;gap:.45rem;font-size:.88rem;display:inline-flex}.question-time-outcome{letter-spacing:.02em;text-transform:uppercase;border-radius:999px;align-items:center;padding:2px 7px;font-size:.68rem;font-weight:700;display:inline-flex}.question-time-outcome.correct{color:#047857;background:#10b9811f}.question-time-outcome.wrong{color:#b91c1c;background:#ef44441f}.question-time-outcome.skipped{color:#4b5563;background:#6b72801f}.question-time-flag{color:var(--navy,#152937);margin-left:auto;font-size:.75rem;font-weight:600}.question-time-defs{width:0;height:0;position:absolute;overflow:hidden}@media (max-width:820px){.question-time-chart-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.question-time-chart{padding:1.1rem .95rem 1rem}.question-time-chart-frame{grid-template-columns:34px minmax(0,1fr)}.question-time-bars{gap:4px;height:190px}.question-time-bar-col{min-width:18px}.question-time-tooltip{flex-direction:column;align-items:flex-start}.question-time-flag{margin-left:0}}
