.oq-page{inline-size:min(80rem,100%);margin-inline:auto;padding-block:var(--space-32) var(--space-48);display:flex;flex-direction:column;gap:var(--space-24);font-family:var(--font-sans);color:var(--text-primary)}.oq-controls{display:flex;align-items:center;gap:var(--space-12);flex-wrap:wrap}.oq-controls__label{font-size:var(--text-caption);color:var(--text-muted)}.oq-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:var(--space-16)}.oq-card{position:relative;display:flex;flex-direction:column;gap:var(--space-12);padding:var(--space-16);border:1px solid var(--border-default);border-radius:var(--radius-card);background:var(--content-bg);color:var(--text-primary);box-shadow:var(--shadow-1);transition:transform .42s var(--ease-spring),box-shadow .3s ease}.oq-card:has(.oq-card__hit:focus-visible){outline:2px solid var(--accent-primary);outline-offset:2px}.oq-card:hover{transform:translateY(calc(-1 * var(--lift-card, 3px) * var(--kit-amp, 1)));box-shadow:var(--shadow-2)}.oq-card:active{transform:none;box-shadow:var(--shadow-1);transition-duration:90ms}.oq-card__icon{display:inline-flex;align-items:center;justify-content:center;inline-size:var(--space-48);block-size:var(--space-48);border-radius:var(--radius-control);background:var(--surface-elevated);color:var(--accent-primary);flex-shrink:0}.oq-card__header{display:flex;align-items:flex-start;gap:var(--space-12)}.oq-card__body{display:flex;flex-direction:column;gap:var(--space-4);min-inline-size:0;flex:1 1 auto}.oq-card__pinnedBadge{display:inline-flex;align-items:center;gap:var(--space-4);font-size:var(--text-micro);color:var(--accent-primary);font-weight:var(--font-weight-semibold)}.oq-card__title{font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oq-card__meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-6);font-size:var(--text-micro);color:var(--text-muted)}.thryve-btn.oq-card__hit{position:absolute;inset:0;block-size:auto;padding-inline:0;border-radius:var(--radius-card);border:none;background:transparent;cursor:pointer}.thryve-btn.oq-card__hit:hover{background:transparent}.thryve-btn.oq-card__hit:focus-visible{outline:none}.oq-card__actions{position:relative;z-index:1;margin-inline-start:auto;flex-shrink:0}.oq-menuIcon{margin-inline-end:var(--space-8)}.oq-menuItem--danger{color:var(--text-error-strong)}.oq-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-12);padding-block:var(--space-48);text-align:center}.oq-skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:var(--space-16)}.oq-skeleton-card{display:flex;flex-direction:column;gap:var(--space-12);padding:var(--space-16);border:1px solid var(--border-default);border-radius:var(--radius-card);background:var(--content-bg)}.oq-skeleton-card__row{display:flex;gap:var(--space-12);align-items:flex-start}.oq-skeleton-card__icon{inline-size:var(--space-48);block-size:var(--space-48);border-radius:var(--radius-control);flex-shrink:0}.oq-skeleton-card__lines{flex:1;display:flex;flex-direction:column;gap:var(--space-8)}.oq-skeleton-card__lineWide{block-size:var(--space-16);inline-size:60%}.oq-skeleton-card__lineNarrow{block-size:var(--space-12);inline-size:80%}.oq-loadMoreRow{display:flex;justify-content:center;padding-block:var(--space-16)}.oq-createForm{gap:var(--space-16)}.oq-createField,.oq-createForm{display:flex;flex-direction:column}.oq-createField{gap:var(--space-6)}.oq-createHint{font-size:var(--text-micro);color:var(--text-muted)}.oq-modeTiles{flex-direction:row;flex-wrap:wrap;gap:var(--space-8)}.thryve-label.oq-modeTile{padding:var(--space-8) var(--space-12);border-radius:var(--radius-control);border:1px solid var(--border-default);background:var(--content-bg);color:var(--text-secondary);font-size:var(--text-body);font-weight:var(--font-weight-regular);cursor:pointer}.thryve-label.oq-modeTile:has([data-state=checked]){border-color:var(--accent-primary);background:var(--surface-elevated);color:var(--accent-primary);font-weight:var(--font-weight-semibold)}.thryve-label.oq-modeTile:focus-within{outline:2px solid var(--accent-primary);outline-offset:2px}.oq-createStatus{display:flex;align-items:center;gap:var(--space-8);color:var(--text-muted);font-size:var(--text-caption)}.oq-createActions{display:flex;justify-content:flex-end;gap:var(--space-8)}@media (prefers-reduced-motion:reduce){.oq-card{transition:none}}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.oral-view{display:flex;flex-direction:column;block-size:100%;min-block-size:0;background:var(--content-bg);color:var(--text-primary);font-family:var(--font-sans)}.oral-view__toolbar{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-16);background:var(--surface-elevated);border-block-end:1px solid var(--border-default);flex-shrink:0;flex-wrap:wrap;min-block-size:calc(var(--space-16) * 3)}.thryve-btn.oral-view__back-btn{display:inline-flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-8);border:none;background:transparent;color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--text-caption);font-weight:var(--font-weight-regular);border-radius:var(--radius-control);cursor:pointer;flex-shrink:0}.thryve-btn.oral-view__back-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.thryve-btn.oral-view__back-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.oral-view__title{margin:0;font-size:var(--text-body);font-weight:var(--font-weight-semibold);min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oral-view__toolbar-spacer{flex:1 1 auto}.oral-view__tabs{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.thryve-btn.oral-tab-btn{display:inline-flex;align-items:center;gap:var(--space-4);padding:var(--space-6) var(--space-12);border:1px solid transparent;background:transparent;color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--text-caption);font-weight:var(--font-weight-regular);border-radius:var(--radius-control);cursor:pointer;transition:background var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default)}@media (prefers-reduced-motion:reduce){.thryve-btn.oral-tab-btn{transition:none}}.thryve-btn.oral-tab-btn:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary)}.thryve-btn.oral-tab-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.thryve-btn.oral-tab-btn[aria-current=page]{background:color-mix(in srgb,var(--accent-primary) 10%,transparent);color:var(--accent-primary);border-color:var(--accent-primary)}.thryve-btn.oral-tab-btn:disabled{opacity:.5;cursor:not-allowed}.oral-view__body{flex:1 1 auto;overflow-y:auto}.oral-view__import-export-wrap{max-inline-size:48rem;margin-inline:auto}.oral-flow{display:flex;flex-direction:column;gap:var(--space-20);padding:var(--space-4)}.oral-flow__label{font-size:var(--text-caption);font-weight:var(--font-weight-semibold);color:var(--text-secondary)}.thryve-label.oral-flow__radioLabel{display:flex;align-items:center;gap:var(--space-4);cursor:pointer;font-size:inherit;font-weight:inherit;color:inherit}.oral-editor,.oral-editor__question-form{display:flex;flex-direction:column;gap:var(--space-16)}.oral-editor__field{display:flex;flex-direction:column;gap:var(--space-6)}.oral-editor__field-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:var(--space-12)}.oral-editor__field-hint{font-size:var(--text-micro);color:var(--text-muted)}.oral-editor__move-row{display:flex;align-items:center;gap:var(--space-2)}.oral-editor__question-summary{display:flex;align-items:baseline;gap:var(--space-8);min-inline-size:0}.oral-editor__question-num{flex-shrink:0;font-weight:var(--font-weight-semibold);color:var(--text-muted)}.oral-editor__question-prompt{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary)}.oral-editor__muted{color:var(--text-muted);font-style:normal}.oral-editor__defaults-panel{background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-card);padding:var(--space-16);display:flex;flex-direction:column;gap:var(--space-16)}.oral-editor__switch-row{display:flex;align-items:center;gap:var(--space-8);flex-wrap:wrap}.oral-editor__inline-label{margin-inline-start:var(--space-12)}.oral-editor__number-narrow{max-inline-size:5rem}.oral-editor__save-row{display:flex;justify-content:flex-end}.oral-editor__skeleton-header{block-size:var(--space-32);inline-size:16rem;border-radius:var(--radius-control)}.oral-editor__skeleton-row{block-size:4rem;border-radius:var(--radius-card)}.oral-editor__load-error{color:var(--text-error)}.oral-play{max-inline-size:48rem;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-24)}.oral-play--complete{align-items:center;text-align:center;gap:var(--space-16)}.oral-play__completeIcon{color:var(--kit-success-ink);display:inline-flex;align-items:center;justify-content:center;inline-size:var(--space-48);block-size:var(--space-48)}.oral-play__completeIcon-glyph{transform:scale(2)}.oral-play__progress{font-size:var(--text-caption);color:var(--text-muted)}.oral-play__idle{display:flex;flex-direction:column;align-items:center;gap:var(--space-16);padding:var(--space-32)}.oral-play__muted,.oral-play__mutedSmall{color:var(--text-muted)}.oral-play__mutedSmall{font-size:var(--text-micro)}.oral-play__finishNote{text-align:center}.oral-play__reveal{display:flex;flex-direction:column;align-items:center;gap:var(--space-16);padding:var(--space-24);background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-card);text-align:center}.oral-play__revealHead{display:flex;align-items:center;gap:var(--space-8);flex-wrap:wrap;justify-content:center}.oral-play__prompt{font-size:var(--text-title);font-weight:var(--font-weight-medium);color:var(--text-primary);line-height:1.5}.oral-play__prompt--compact{font-size:var(--text-body)}.oral-play__countdownRow{display:flex;align-items:center;gap:var(--space-8);flex-wrap:wrap;justify-content:center}.oral-play__countdownValue{font-variant-numeric:tabular-nums;font-weight:var(--font-weight-semibold);color:var(--text-primary)}.oral-play__recording{display:flex;flex-direction:column;align-items:center;gap:var(--space-16);padding:var(--space-24);background:var(--surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-card)}.oral-play__typedFallback{inline-size:100%;display:flex;flex-direction:column;gap:var(--space-6)}.thryve-label.oral-play__mutedSmall{font-size:var(--text-micro);font-weight:var(--font-weight-regular);color:var(--text-muted)}.oral-play .rec{inline-size:100%;padding-block:0;background:transparent}.oral-play__transcribing{display:inline-flex;align-items:center;gap:var(--space-8)}.oral-play__alert{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-12) var(--space-16);background:color-mix(in srgb,var(--text-error) 8%,var(--surface-elevated));border:1px solid var(--text-error);border-radius:var(--radius-card);color:var(--text-primary);flex-wrap:wrap}.oral-play__review{display:flex;flex-direction:column;gap:var(--space-16)}.oral-play__section{display:flex;flex-direction:column;gap:var(--space-6)}.oral-play__reference,.oral-play__transcript{font-size:var(--text-body);color:var(--text-primary);line-height:1.6;white-space:pre-wrap}.oral-play__gradingUnavailable,.oral-play__offlineQueued{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-12);padding:var(--space-16);background:var(--surface-hover);border-radius:var(--radius-card);color:var(--text-secondary)}.oral-play__selfAssess{display:flex;gap:var(--space-8);flex-wrap:wrap}.oral-play__gradeDetail{display:flex;flex-direction:column;gap:var(--space-12)}.oral-play__gradeHeader{display:flex;align-items:center;gap:var(--space-8)}.oral-play__concepts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-6)}.oral-play__conceptRow{display:flex;align-items:center;gap:var(--space-8);font-size:var(--text-caption);color:var(--text-primary)}.oral-play__conceptHit{color:var(--kit-success-ink)}.oral-play__conceptMiss{color:var(--text-error)}.oral-play__feedback{font-size:var(--text-caption);color:var(--text-secondary);line-height:1.5}.oral-play__revisions{font-size:var(--text-caption);color:var(--text-muted)}.oral-play__retakeRow{display:flex}.oral-import-export{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-8)}.oral-import-export__dropzone{border:2px dashed var(--border-default);border-radius:var(--radius-container);padding:var(--space-32);text-align:center;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-default)}.oral-import-export__dropzone:hover,.oral-import-export__dropzone[data-drag-over=true]{border-color:var(--accent-primary)}.oral-import-export__dropzone:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.oral-import-export__dropzone{transition:none}}.oral-play .thryve-btn.qs-pillBtn{padding-inline:var(--space-16)}.oral-play .thryve-btn.qs-pillBtn--outline{background-color:transparent;color:var(--text-secondary);border:1px solid var(--qs-border-subtle)}.oral-play .thryve-btn.qs-pillBtn--outline:hover{background-color:transparent}.oral-play .thryve-btn.qs-pillBtn--soft{color:var(--accent-primary);font-weight:var(--font-weight-medium)}.oral-play .thryve-btn.qs-pillBtn--soft,.oral-play .thryve-btn.qs-pillBtn--soft:hover{background-color:var(--qs-border-subtle)}.oral-play .thryve-btn.qs-pillBtn--accent{background-color:var(--accent-primary);color:var(--text-on-accent);font-weight:var(--font-weight-medium)}.oral-play .thryve-btn.qs-pillBtn--accent:hover{background-color:var(--accent-primary)}.thryve-btn.oral-play__progressPctBtn{padding-inline:var(--space-16);color:var(--accent-primary);font-weight:var(--font-weight-medium)}.thryve-btn.oral-play__progressPctBtn,.thryve-btn.oral-play__progressPctBtn:hover{background-color:var(--qs-border-subtle)}@media (prefers-reduced-motion:reduce){.oq-card{transition:none}.oq-card:active,.oq-card:hover{transform:none}}