/* Shared CBA, TBQ, JBQ and CBM dark surfaces, including their portaled controls. Module/chapter gradients and printed PDFs keep their original colors. */
html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .back-button { color: var(--brand-deep); background: transparent; border: 0 }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .back-button:hover { background: rgba(20, 38, 56, 0.72) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-source-note { color: color-mix(in srgb, #765528 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-source-note a { color: color-mix(in srgb, #69400f 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .practice-entry-card { background: radial-gradient(circle at 90% 15%, rgba(20, 38, 56, 0.2), transparent 180px), linear-gradient(135deg, #23866f, #115444) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .live-entry-card { background: radial-gradient(circle at 90% 15%,#ffffff26,transparent 180px),linear-gradient(135deg,#7c3bb8,#482074) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .flash-method-card .method-icon { background: var(--flash-method-accent) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .flash-method-card .method-arrow { color: var(--flash-method-accent) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .study-method-view .method-arrow { color: var(--study-method-accent) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .study-method-view .method-icon { background: var(--study-method-accent) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .study-method-view .method-card:hover { border-color: var(--study-method-border) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .practice-option-card .method-icon { background: linear-gradient(145deg, #2d9a80, #155b49) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .practice-option-card .method-arrow { color: color-mix(in srgb, #19705a 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .match-option-card .method-icon { background: linear-gradient(145deg, #176fa9, #0b3f69) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .custom-range-option-card .method-icon { background: linear-gradient(145deg, #d18b22, #895411) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .custom-range-option-card .method-arrow { color: color-mix(in srgb, #9b6317 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .practice-point-choice { color: var(--ink); background: rgba(20, 38, 56, 0.9); border: 1px solid var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .practice-point-choice:hover { border-color: color-mix(in srgb, var(--practice-choice) 50%, var(--line)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .practice-point-choice [data-slot="checkbox"] { border: 2px solid color-mix(in srgb, var(--practice-choice) 55%, var(--line)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .practice-point-choice [data-slot="checkbox"][data-state="checked"] { color: white; background: var(--practice-choice); border-color: var(--practice-choice) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .practice-point-choice small { color: var(--muted-ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .practice-distribution { color: color-mix(in srgb, #276555 30%, #ffffff); background: color-mix(in srgb, #edf9f5 8%, var(--paper)); border: 1px solid var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .practice-start-button { color: white; background: linear-gradient(135deg, #2d9a80, #155b49); border: 0 }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .practice-start-button:disabled { color: #82949e; background: color-mix(in srgb, #e5edf1 8%, var(--paper)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .practice-range-card { background: rgba(20, 38, 56, 0.88); border: 1px solid var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .practice-range-card.is-selected { background: color-mix(in srgb, var(--practice-choice) 7%, var(--paper)); border-color: color-mix(in srgb, var(--practice-choice) 48%, var(--line)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .practice-range-category [data-slot="checkbox"] { border: 2px solid color-mix(in srgb, var(--practice-choice) 55%, var(--line)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .practice-range-category [data-slot="checkbox"][data-state="checked"] { color: white; background: var(--practice-choice); border-color: var(--practice-choice) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .practice-range-category small, html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .practice-session-choice small, html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .practice-range-count { color: var(--muted-ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .practice-range-inputs label > span { color: var(--muted-ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .practice-range-inputs input { background: var(--paper); border-color: color-mix(in srgb, var(--practice-choice) 28%, var(--line)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .practice-range-count { color: var(--practice-choice) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .practice-select-all-button { color: color-mix(in srgb, #176952 30%, #ffffff); background: transparent; border: 0 }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .practice-session-size { border: 0 }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .practice-session-size legend { color: var(--ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .practice-session-choice { background: rgba(20, 38, 56, 0.9); border: 1px solid var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .practice-session-choice:has([data-state="checked"]) { background: color-mix(in srgb, #edf9f5 8%, var(--paper)); border-color: var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .practice-session-choice em { color: color-mix(in srgb, #176952 30%, #ffffff); background: color-mix(in srgb, #dff4eb 8%, var(--paper)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .practice-range-note { color: color-mix(in srgb, #875812 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .practice-player-card::before { background: linear-gradient(90deg, #2d9a80, #3194d2, #0a304e) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .practice-answer-hidden { color: color-mix(in srgb, #648090 30%, #ffffff); background: color-mix(in srgb, #f0f7f9 8%, var(--paper)); border: 1px dashed var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .practice-reveal-button { color: white; background: #23866f; border: 0 }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .practice-next-button { color: var(--brand-deep); background: var(--paper); border: 1px solid var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .practice-complete-card { background: rgba(20, 38, 56, 0.94); border: 1px solid var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .practice-complete-icon { color: white; background: linear-gradient(145deg, #2d9a80, #155b49) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .practice-complete-card p { color: var(--muted-ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .practice-complete-actions button { color: white; background: #23866f; border: 0 }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .practice-complete-actions .practice-home-button { color: var(--brand-deep); background: var(--paper); border: 1px solid var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .method-card { color: var(--ink); background: rgba(20, 38, 56, 0.88); border: 1px solid var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .method-card:hover { border-color: var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .method-icon { color: white; background: linear-gradient(145deg, var(--brand), var(--brand-dark)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .method-card small { color: var(--muted-ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .method-arrow { color: var(--brand) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .points-badge { color: white }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .points-10 { background: #217958 }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .points-20 { background: #1673b2 }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .points-30 { background: #b94755 }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .player-card { background: rgba(20, 38, 56, 0.95); border: 1px solid var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .player-card::before { background: linear-gradient(90deg, color-mix(in srgb, #6bcaf4 8%, var(--paper)), var(--brand), var(--brand-deep)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .audio-tabs { background: color-mix(in srgb, #edf5fa 8%, var(--paper)) !important }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .audio-tab[data-state="active"] { color: var(--brand-deep) !important; background: var(--paper) !important }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .playback-state { background: color-mix(in srgb, #f7fbfe 8%, var(--paper)); border: 1px solid var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .playback-state small { color: var(--muted-ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .speed-control { background: color-mix(in srgb, #f7fbfe 8%, var(--paper)); border: 1px solid var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .speed-control > span { color: var(--muted-ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .speed-options { background: transparent }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .speed-option { color: var(--muted-ink) !important; background: var(--paper) !important; border: 1px solid var(--line) !important }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .speed-option[data-state="checked"] { color: white !important; background: var(--speed-accent) !important; border-color: var(--speed-accent) !important }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .answer-panel { border-top: 0 }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .answer-panel p { color: var(--ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .study-player-view .player-card::before { background: linear-gradient(90deg, var(--study-accent), var(--study-dark)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .study-player-view .answer-panel { background: var(--study-soft); border-left: 5px solid var(--study-accent) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .study-player-view .audio-tabs { background: color-mix(in srgb, var(--study-accent) 12%, var(--paper)) !important }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .study-player-view .speed-options { background: transparent !important }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .study-player-view .audio-tab[data-state="active"], html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .study-player-view .speed-option[data-state="checked"] { color: white !important }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .study-player-view .playback-state, html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .study-player-view .speed-control { background: color-mix(in srgb, var(--study-soft) 75%, var(--paper)); border-color: var(--study-line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .practice-question-view .practice-progress .stack-progress-copy strong, html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .practice-question-view .practice-progress .stack-progress-copy span, html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .practice-question-view .book-number, html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .practice-question-view .mode-block > p { color: color-mix(in srgb, var(--practice-accent) 40%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .practice-question-view .practice-progress .stack-progress-bar { background: color-mix(in srgb, var(--practice-accent) 18%, var(--paper)) !important }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .practice-question-view .practice-progress .stack-progress-bar [data-slot="progress-indicator"] { background: var(--practice-accent) !important }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .practice-question-view .practice-player-card { border-color: var(--practice-line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .practice-question-view .practice-player-card::before { background: linear-gradient(90deg, var(--practice-accent), var(--practice-dark)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .practice-question-view .practice-answer-hidden, html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .practice-question-view .playback-state, html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .practice-question-view .speed-control { color: color-mix(in srgb, var(--practice-dark) 40%, #ffffff); background: var(--practice-soft); border-color: var(--practice-line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .practice-question-view .answer-panel { background: var(--practice-soft); border-left: 5px solid var(--practice-accent) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .practice-question-view .audio-tabs { background: color-mix(in srgb, var(--practice-accent) 12%, var(--paper)) !important }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .practice-question-view .speed-options { background: transparent !important }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .practice-question-view .audio-tab[data-state="active"], html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .practice-question-view .speed-option[data-state="checked"] { color: white !important }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .practice-question-view .sound-rings { background: color-mix(in srgb, var(--practice-accent) 14%, var(--paper)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .practice-question-view .sound-rings i { background: var(--practice-accent) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .practice-question-view .primary-play, html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .practice-question-view .practice-reveal-button { color: white; background: linear-gradient(135deg, var(--practice-accent), var(--practice-dark)); border-color: transparent }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .practice-question-view .repeat-button, html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .practice-question-view .practice-next-button { color: color-mix(in srgb, var(--practice-dark) 40%, #ffffff); background: var(--paper); border-color: var(--practice-line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .game-option-card .method-icon { color: white; background: linear-gradient(145deg, #7c4fc6, #4d2d8d) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .game-option-card .method-arrow { color: color-mix(in srgb, #6540a6 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .game-setup-block { border: 1px solid var(--line); background: rgba(20, 38, 56, 0.9) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .game-setup-block > legend { color: color-mix(in srgb, #52348b 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .game-kind-card { color: var(--ink); background: color-mix(in srgb, #fff 8%, var(--paper)); border: 1px solid var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .game-kind-card:hover, html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .game-kind-card.is-selected { border-color: #8b63c8 }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .game-kind-card.is-selected { background: linear-gradient(145deg, color-mix(in srgb, #fbf9ff 8%, var(--paper)), color-mix(in srgb, #f3edff 8%, var(--paper))) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .game-kind-card > span { color: white; background: linear-gradient(145deg, #8a5bd2, #543092) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .game-kind-card small { color: var(--muted-ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .game-session-options label { border: 1px solid var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .game-session-options label:has([data-state="checked"]) { border-color: #8057bd; background: color-mix(in srgb, #f6f0ff 8%, var(--paper)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .game-session-options small { color: var(--muted-ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .game-audio-setting { background: color-mix(in srgb, #f8f4ff 8%, var(--paper)); border: 1px solid var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .game-audio-setting small, html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .game-setup-note { color: var(--muted-ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .game-start-button { background: linear-gradient(135deg, #7f50c6, #4d2d8d) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .game-sound-toggle { color: color-mix(in srgb, var(--practice-dark) 40%, #ffffff); background: var(--paper); border: 1px solid var(--practice-line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .game-sound-toggle[aria-pressed="false"] { color: var(--muted-ink); background: color-mix(in srgb, #f7f9fa 8%, var(--paper)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .game-live-score { color: white; background: linear-gradient(135deg, var(--practice-accent), var(--practice-dark)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .game-live-score > div + div { border-left: 1px solid rgba(255, 255, 255, 0.34) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .game-sfx-setting { background: linear-gradient(135deg, color-mix(in srgb, #fff9ed 8%, var(--paper)), color-mix(in srgb, #fff3d7 8%, var(--paper))); border-color: var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .game-quick-guide { color: color-mix(in srgb, var(--practice-dark) 40%, #ffffff); background: color-mix(in srgb, var(--practice-soft) 70%, var(--paper)); border: 1px solid var(--practice-line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .game-quick-guide p { color: var(--muted-ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .game-question-card, html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .matching-game-card { background: rgba(20, 38, 56, 0.94); border: 1px solid var(--practice-line); border-top: 6px solid var(--practice-accent) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .game-audio-button { color: color-mix(in srgb, var(--practice-dark) 40%, #ffffff); background: var(--practice-soft); border: 1px solid var(--practice-line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .game-choice-list button { color: var(--ink); background: var(--paper); border: 1px solid var(--practice-line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .game-choice-list button > span { color: color-mix(in srgb, var(--practice-dark) 40%, #ffffff); background: var(--practice-soft) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .game-choice-list button.is-selected { border-color: var(--practice-accent) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .game-choice-list button.is-correct { color: color-mix(in srgb, #155a3f 30%, #ffffff); background: color-mix(in srgb, #e9f8f1 8%, var(--paper)); border-color: #4aa67f }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .game-choice-list button.is-wrong { color: color-mix(in srgb, #8d2835 30%, #ffffff); background: color-mix(in srgb, #fff0f2 8%, var(--paper)); border-color: #d56b77 }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .missing-word-actions .game-submit-button, html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .game-next-button { color: white; background: linear-gradient(135deg, var(--practice-accent), var(--practice-dark)); border: 0 }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .game-feedback { border: 1px solid }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .game-feedback.is-correct { color: color-mix(in srgb, #155a3f 30%, #ffffff); background: color-mix(in srgb, #e9f8f1 8%, var(--paper)); border-color: var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .game-feedback.is-wrong { color: color-mix(in srgb, #852b36 30%, #ffffff); background: color-mix(in srgb, #fff0f2 8%, var(--paper)); border-color: var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .matching-game-card > header span, html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .matching-game-card > header em { color: var(--muted-ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .matching-column h2 { color: color-mix(in srgb, var(--practice-dark) 40%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .matching-column > button { color: var(--ink); background: var(--paper); border: 1px solid var(--practice-line); border-left: 4px solid var(--match-card) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .matching-column > button > span { color: color-mix(in srgb, var(--practice-dark) 40%, #ffffff); background: var(--practice-soft) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .matching-column > button.is-selected { border: 2px solid var(--practice-accent) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .matching-column > button.is-matched { color: color-mix(in srgb, #176044 30%, #ffffff); background: color-mix(in srgb, #e9f8f1 8%, var(--paper)); border-color: var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .matching-column > button > .match-drag-handle { color: color-mix(in srgb, var(--practice-dark) 40%, #ffffff); background: var(--practice-soft) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .matching-column > button.is-drag-target { background: color-mix(in srgb, var(--practice-accent) 13%, var(--paper)); border-color: var(--practice-accent) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .match-drag-preview { color: var(--ink); background: rgba(20, 38, 56, 0.97); border: 2px solid #278162 }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .match-drag-preview-cba { border-color: #b44b3d }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .match-drag-preview svg { color: color-mix(in srgb, #278162 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .match-drag-preview-cba svg { color: color-mix(in srgb, #b44b3d 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .matching-message { color: var(--muted-ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .matching-message.is-correct { color: color-mix(in srgb, #217958 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .matching-message.is-wrong { color: color-mix(in srgb, #b13a49 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .game-final-score { color: color-mix(in srgb, #4f2e86 30%, #ffffff); background: color-mix(in srgb, #f5efff 8%, var(--paper)); border: 1px solid var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .game-final-score > div + div { border-left: 1px solid currentColor }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .voice-match-option-card { border-color: var(--line); background: linear-gradient(135deg, color-mix(in srgb, #fff9fd 8%, var(--paper)), color-mix(in srgb, #f8eaf3 8%, var(--paper))) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .voice-match-option-card .method-icon { color: color-mix(in srgb, #843c6c 30%, #ffffff); background: color-mix(in srgb, #f5deed 8%, var(--paper)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .voice-match-menu-note { color: var(--muted-ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .voice-match-panel { color: color-mix(in srgb, var(--practice-dark) 40%, #ffffff); background: color-mix(in srgb, var(--practice-soft) 72%, var(--paper)); border: 1px solid var(--practice-line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .voice-match-panel > header small { color: var(--muted-ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .voice-match-icon { color: white; background: var(--practice-accent) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .voice-match-prompt p, html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .voice-match-listening p, html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .voice-match-error p, html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .voice-match-review-note { color: var(--muted-ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .voice-match-panel button { color: white; background: var(--practice-accent); border: 1px solid transparent }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .voice-match-listening > span { background: #d14755 }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .voice-match-result { background: var(--paper); border: 1px solid var(--practice-line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .voice-match-result p { color: var(--muted-ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .voice-match-panel.is-correct .voice-match-result { color: color-mix(in srgb, #176044 30%, #ffffff); border-color: var(--line); background: color-mix(in srgb, #effaf5 8%, var(--paper)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .voice-match-panel.is-review .voice-match-result { color: color-mix(in srgb, #8a5a0a 30%, #ffffff); border-color: var(--line); background: color-mix(in srgb, #fff8e7 8%, var(--paper)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .voice-match-panel.is-incorrect .voice-match-result { color: color-mix(in srgb, #933542 30%, #ffffff); border-color: var(--line); background: color-mix(in srgb, #fff1f2 8%, var(--paper)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .voice-match-issues { background: rgba(20, 38, 56, 0.84); border: 1px solid var(--practice-line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .voice-match-issues ul { color: color-mix(in srgb, #5e5550 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .voice-match-actions .voice-match-confirm { background: #217958 }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .voice-match-actions .voice-match-retry, html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .voice-match-error button { color: color-mix(in srgb, var(--practice-dark) 40%, #ffffff); background: var(--paper); border-color: var(--practice-line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-volume-card { color: #fff9e9; background: radial-gradient(circle at 92% 8%, rgba(20, 38, 56, 0.18), transparent 190px), linear-gradient(145deg, #bd8a29, #634313); border: 0 }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-volume-card::after { border: 30px solid rgba(255, 255, 255, 0.09) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-volume-icon { background: rgba(20, 38, 56, 0.16); border: 1px solid rgba(255, 255, 255, 0.2) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-flash-entry-card { background: radial-gradient(circle at 90% 15%, rgba(20, 38, 56, 0.18), transparent 180px), linear-gradient(135deg, #7651a8, #43265f) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-practice-entry-card { background: radial-gradient(circle at 90% 15%, rgba(20, 38, 56, 0.17), transparent 180px), linear-gradient(135deg, #b83d4b, #6d202a) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-analysis-entry-card { background: radial-gradient(circle at 90% 15%, rgba(20, 38, 56, 0.16), transparent 180px), linear-gradient(135deg, #a83a6e, #622044) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-unique-entry-card { background: radial-gradient(circle at 90% 15%, rgba(20, 38, 56, 0.18), transparent 180px), linear-gradient(135deg, #b85a18, #6e320d) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-concordance-entry-card { background: radial-gradient(circle at 90% 15%, rgba(20, 38, 56, 0.16), transparent 180px), linear-gradient(135deg, #776b18, #403909) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-volume-chapter-heading h2 { color: color-mix(in srgb, #6d4915 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-volume-chapter-heading small { color: var(--muted-ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-study-option-card { color: white; background: var(--cba-color); border: 0 }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-study-option-icon { background: rgba(20, 38, 56, 0.16); border: 1px solid rgba(255, 255, 255, 0.2) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-game-setup .game-setup-block > legend { color: color-mix(in srgb, #8b382f 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-game-setup .game-kind-card:hover, html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-game-setup .game-kind-card.is-selected { border-color: #c06458 }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-game-setup .game-kind-card.is-selected { background: linear-gradient(145deg, color-mix(in srgb, #fffaf8 8%, var(--paper)), color-mix(in srgb, #fff0ec 8%, var(--paper))) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-game-setup .game-kind-card > span { background: linear-gradient(145deg, #c25c4f, #82352d) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-game-setup .game-session-options label:has([data-state="checked"]) { border-color: #c06458; background: color-mix(in srgb, #fff1ed 8%, var(--paper)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-game-start-button { background: linear-gradient(135deg, #b44b3d, #742c25) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-game-config-icon { color: white; background: linear-gradient(145deg, #c25c4f, #82352d) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-game-difficulty-options > button { color: var(--ink); background: var(--paper); border: 1px solid var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-game-difficulty-options > button:hover, html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-game-difficulty-options > button:focus-visible, html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-game-difficulty-options > button.is-selected { background: color-mix(in srgb, #fff3f0 8%, var(--paper)); border-color: #b44b3d }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-game-difficulty-options > button > span:first-child { color: white; background: linear-gradient(145deg, #c25c4f, #82352d) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-game-difficulty-options small { color: var(--muted-ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-difficulty-check { color: white; background: #b44b3d }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-game-difficulty-options > button:not(.is-selected) .cba-difficulty-check { background: color-mix(in srgb, #f1dfdb 8%, var(--paper)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-game-sound-block .game-audio-setting { border-color: var(--line); background: color-mix(in srgb, #fff8f5 8%, var(--paper)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-game-chapter-range { background: color-mix(in srgb, #fff 8%, var(--paper)); border: 1px solid var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-game-chapter-range.is-selected { border-color: color-mix(in srgb, var(--chapter-color) 55%, var(--line)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-game-chapter-toggle strong { color: var(--ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-game-chapter-toggle small { color: var(--muted-ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-game-range-picker > span { color: var(--muted-ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-game-range-picker label > span { color: var(--muted-ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-game-range-picker [data-slot="select-trigger"] { background: var(--paper); border-color: color-mix(in srgb, var(--chapter-color) 28%, var(--line)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-game-reference-badge { color: color-mix(in srgb, #84352d 30%, #ffffff); background: color-mix(in srgb, #fff0ec 8%, var(--paper)); border-color: var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-missing-verse [data-slot="input"] { background: var(--paper); border-color: var(--practice-accent) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-sequence-game > p, html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-error-game > h2 { color: var(--muted-ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-sequence-options button strong em { color: color-mix(in srgb, var(--practice-dark) 40%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-error-verse { background: var(--practice-soft); border: 1px solid var(--practice-line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-error-verse button { color: var(--ink); background: transparent; border: 1px solid transparent }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-error-verse button.is-selected { border-color: var(--practice-accent) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-error-verse button.is-altered { color: color-mix(in srgb, #8d2835 30%, #ffffff); background: color-mix(in srgb, #fff0f2 8%, var(--paper)); border-color: #d56b77 }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-error-verse button.is-wrong { color: color-mix(in srgb, #8d2835 30%, #ffffff); background: color-mix(in srgb, #fff0f2 8%, var(--paper)); border-color: #d56b77 }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-error-typed-answer [data-slot="input"] { background: var(--paper); border-color: var(--practice-line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-order-answer { background: var(--practice-soft); border: 1px solid var(--practice-line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-order-answer p { color: var(--muted-ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-order-answer span { color: color-mix(in srgb, var(--practice-dark) 40%, #ffffff); background: var(--paper); border: 1px solid var(--practice-line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-order-answer span em { color: white; background: var(--practice-accent) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-order-bank button { color: var(--ink); background: var(--paper); border: 1px solid var(--practice-line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-reference-timer { color: color-mix(in srgb, #7b3028 30%, #ffffff); background: color-mix(in srgb, #fff5f1 8%, var(--paper)); border: 1px solid var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-reference-timer small { color: var(--muted-ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-reference-timer-track { background: color-mix(in srgb, #eadbd7 8%, var(--paper)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-reference-timer-track > span { background: linear-gradient(90deg, #cf6658, #9a352d) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-reference-timer.is-urgent, html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-reference-timer.is-expired { color: color-mix(in srgb, #8f1f2d 30%, #ffffff); background: color-mix(in srgb, #fff0f2 8%, var(--paper)); border-color: #d56b77 }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-reference-timer.is-urgent .cba-reference-timer-track > span, html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-reference-timer.is-expired .cba-reference-timer-track > span { background: #b73546 }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-reference-game > p { color: var(--muted-ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-matching-game-card .matching-column > button > span { color: color-mix(in srgb, #742c25 30%, #ffffff); background: color-mix(in srgb, #fff0ec 8%, var(--paper)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-game-complete-view .game-final-score { color: color-mix(in srgb, #742c25 30%, #ffffff); background: color-mix(in srgb, #fff1ed 8%, var(--paper)); border-color: var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-custom-builder { background: rgba(20, 38, 56, 0.94); border: 1px solid color-mix(in srgb, var(--cba-color) 22%, var(--line)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-custom-block { border: 0 }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-custom-block legend { color: var(--ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-custom-chapters button { color: color-mix(in srgb, var(--chapter-color) 40%, #ffffff); background: color-mix(in srgb, var(--chapter-color) 7%, var(--paper)); border: 1px solid color-mix(in srgb, var(--chapter-color) 24%, var(--line)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-custom-chapters button.is-selected { color: white; background: var(--chapter-color); border-color: var(--chapter-color) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-custom-tabs [role="tablist"] { background: color-mix(in srgb, var(--cba-color) 8%, var(--paper)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-custom-tabs [role="tab"] { color: var(--muted-ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-custom-tabs [role="tab"][data-state="active"] { color: color-mix(in srgb, var(--cba-color) 40%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-range-picker > span { color: var(--muted-ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-range-picker label > span { color: var(--muted-ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-range-picker [data-slot="select-trigger"] { color: var(--ink); background: var(--paper); border-color: color-mix(in srgb, var(--cba-color) 24%, var(--line)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-individual-picker label { color: var(--muted-ink); background: color-mix(in srgb, #f8fafb 8%, var(--paper)); border: 1px solid var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-individual-picker label.is-selected { color: white; background: var(--cba-color); border-color: var(--cba-color) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-custom-loop-row, html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-reading-loop-control { background: color-mix(in srgb, var(--cba-color) 7%, var(--paper)); border: 1px solid color-mix(in srgb, var(--cba-color) 18%, var(--line)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-custom-loop-row strong, html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-reading-loop-control strong { color: var(--ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-custom-loop-row small, html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-reading-loop-control small { color: var(--muted-ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-custom-loop-row [data-slot="switch"][data-state="checked"], html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-reading-loop-control [data-slot="switch"][data-state="checked"] { background: var(--cba-color) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-custom-loop-icon { color: white; background: var(--cba-color) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-custom-summary { background: color-mix(in srgb, #fffdf7 8%, var(--paper)); border: 1px dashed color-mix(in srgb, var(--cba-color) 35%, var(--line)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-custom-summary span, html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-custom-summary small { color: var(--muted-ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-custom-summary strong { color: color-mix(in srgb, var(--cba-color) 40%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-custom-error { color: color-mix(in srgb, #a43030 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-custom-start { color: white; background: var(--cba-color); border: 0 }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-custom-test-note { color: var(--muted-ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-section-card { color: var(--ink); background: rgba(20, 38, 56, 0.9); border: 1px solid color-mix(in srgb, var(--cba-color) 28%, var(--line)); border-left: 7px solid var(--cba-color) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-section-card:hover { border-color: var(--cba-color) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-section-range { color: color-mix(in srgb, var(--cba-color) 40%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-section-card small { color: var(--muted-ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-section-card > svg { color: color-mix(in srgb, var(--cba-color) 40%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-reading-topline span { color: white; background: var(--cba-color) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-reading-topline small { color: var(--muted-ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-audio-player { background: color-mix(in srgb, var(--cba-color) 8%, var(--paper)); border: 1px solid color-mix(in srgb, var(--cba-color) 24%, var(--line)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-audio-state small { color: var(--muted-ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-audio-state strong { color: color-mix(in srgb, var(--cba-color) 40%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-audio-icon { color: white; background: var(--cba-color) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-audio-play { color: white; background: var(--cba-color); border: 1px solid var(--cba-color) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-audio-pause, html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-audio-repeat { color: color-mix(in srgb, var(--cba-color) 40%, #ffffff); background: var(--paper); border: 1px solid color-mix(in srgb, var(--cba-color) 28%, var(--line)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-audio-speed { border-top: 1px solid color-mix(in srgb, var(--cba-color) 16%, var(--line)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-audio-speed > span { color: var(--muted-ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-audio-speed .speed-options { background: transparent }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-audio-speed .speed-option[data-state="checked"] { color: white !important; background: var(--cba-color) !important; border-color: var(--cba-color) !important }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-reading-loop-control > span > svg { color: color-mix(in srgb, var(--cba-color) 40%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-custom-reading-progress { background: rgba(20, 38, 56, 0.88); border: 1px solid color-mix(in srgb, var(--cba-color) 20%, var(--line)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-custom-reading-progress span, html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-custom-reading-progress small { color: var(--muted-ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-custom-reading-progress strong { color: color-mix(in srgb, var(--cba-color) 40%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-custom-reading-progress [data-slot="progress"] { background: color-mix(in srgb, var(--cba-color) 11%, var(--paper)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-custom-reading-progress [data-slot="progress-indicator"] { background: var(--cba-color) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-reading-paper { background: color-mix(in srgb, #fffefa 8%, var(--paper)); border: 1px solid color-mix(in srgb, var(--cba-color) 22%, var(--line)); border-top: 9px solid var(--cba-color) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-reading-title { color: color-mix(in srgb, var(--cba-color) 40%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-reading-section + .cba-reading-section { border-top: 1px solid color-mix(in srgb, var(--cba-color) 20%, var(--line)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-reading-section > header { color: color-mix(in srgb, var(--cba-color) 40%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-verse { color: color-mix(in srgb, #292723 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-verse-speaking { background: color-mix(in srgb, var(--cba-color) 11%, var(--paper)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-verse-number { color: color-mix(in srgb, var(--cba-color) 40%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-verse-target { background: color-mix(in srgb, var(--cba-color) 12%, color-mix(in srgb, #fffef8 8%, var(--paper))); border-left: 4px solid var(--cba-color) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-analysis-topline span { color: white; background: var(--cba-color) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-analysis-topline small { color: var(--muted-ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-analysis-paper { background: linear-gradient(rgba(20, 38, 56, 0.94), rgba(20, 38, 56, 0.98)), radial-gradient(circle at 10% 0%, color-mix(in srgb, var(--cba-color) 11%, transparent), transparent 330px); border: 1px solid color-mix(in srgb, var(--cba-color) 23%, var(--line)); border-top: 9px solid var(--cba-color) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-analysis-hero { color: color-mix(in srgb, var(--cba-color) 40%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-analysis-stats div { background: color-mix(in srgb, var(--cba-color) 8%, var(--paper)); border: 1px solid color-mix(in srgb, var(--cba-color) 18%, var(--line)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-analysis-stats strong { color: color-mix(in srgb, var(--cba-color) 40%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-analysis-stats span { color: var(--muted-ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-analysis-panel { background: rgba(20, 38, 56, 0.82); border: 1px solid color-mix(in srgb, var(--cba-color) 18%, var(--line)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-analysis-panel[open] summary { background: color-mix(in srgb, var(--cba-color) 6%, var(--paper)); border-bottom: 1px solid color-mix(in srgb, var(--cba-color) 16%, var(--line)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-analysis-panel-icon { color: white; background: var(--cba-color) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-analysis-panel summary strong { color: var(--ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-analysis-panel summary small { color: var(--muted-ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-analysis-panel summary em { color: color-mix(in srgb, var(--cba-color) 40%, #ffffff); background: var(--paper); border: 1px solid color-mix(in srgb, var(--cba-color) 24%, var(--line)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-analysis-row + .cba-analysis-row { border-top: 1px solid color-mix(in srgb, var(--cba-color) 12%, var(--line)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-analysis-reference { color: color-mix(in srgb, var(--cba-color) 40%, #ffffff); background: color-mix(in srgb, var(--cba-color) 8%, var(--paper)); border: 1px solid color-mix(in srgb, var(--cba-color) 20%, var(--line)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-analysis-reference:hover { color: white; background: var(--cba-color) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-analysis-row p { color: color-mix(in srgb, #292723 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-analysis-row p em { color: color-mix(in srgb, #5e5a53 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-analysis-groups > section + section { border-top: 8px solid color-mix(in srgb, var(--cba-color) 8%, white) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-analysis-groups h2 { color: color-mix(in srgb, var(--cba-color) 40%, #ffffff); background: color-mix(in srgb, var(--cba-color) 7%, var(--paper)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-analysis-empty { color: var(--muted-ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-heading .point-kicker { color: color-mix(in srgb, #8a5b11 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-menu-card, html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-method-card { color: #fff; background: linear-gradient(145deg, #dca629, #8d5c0f); border: 0 }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-menu-card.cba-random-menu { color: #fff8e9; background: linear-gradient(145deg, #745237, #392b24) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-menu-icon, html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-method-card .method-icon { color: inherit; background: rgba(20, 38, 56, 0.18); border: 1px solid rgba(255, 255, 255, 0.22) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-chapter-card { color: white; background: var(--cba-color); border: 0 }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-chapter-number { background: rgba(20, 38, 56, 0.14); border: 1px solid rgba(255, 255, 255, 0.18) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-method-card { background: var(--cba-color) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-selection-card, html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-all-chapters { color: var(--ink); background: rgba(20, 38, 56, 0.88); border: 1px solid var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-selection-card.selected { border-color: var(--cba-color) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-selection-card [data-slot="checkbox"][data-state="checked"] { background: var(--cba-color); border-color: var(--cba-color) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-selection-color { background: var(--cba-color) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-selection-card small, html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-all-chapters small { color: var(--muted-ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-all-chapters { border-color: var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-all-chapters.selected { background: color-mix(in srgb, #fff8df 8%, var(--paper)); border-color: #b98525 }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-all-chapters [data-slot="checkbox"][data-state="checked"] { background: #9a6917; border-color: #9a6917 }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-start-button { color: white; background: linear-gradient(145deg, #c5942d, #755015); border: 0 }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-card-status > span { color: white; background: var(--cba-color) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-card-status small { color: var(--muted-ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-card-progress .stack-progress-copy strong { color: color-mix(in srgb, var(--cba-color) 40%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-card-progress .stack-progress-bar { background: color-mix(in srgb, var(--cba-color) 18%, var(--paper)) !important }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-card-progress .stack-progress-bar [data-slot="progress-indicator"] { background: var(--cba-color) !important }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-flashcard-paper { color: white; background: var(--cba-color); border: 0 }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-reveal-button { color: white; background: var(--cba-color); border: 0 }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-next-button { color: color-mix(in srgb, var(--cba-color) 40%, #ffffff); background: var(--paper); border: 1px solid color-mix(in srgb, var(--cba-color) 35%, var(--line)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-unique-words-view .point-kicker { color: color-mix(in srgb, #925f0d 30%, #ffffff); background: color-mix(in srgb, #fff0c6 8%, var(--paper)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-concordance-view .point-kicker { color: color-mix(in srgb, #116555 30%, #ffffff); background: color-mix(in srgb, #d9f3eb 8%, var(--paper)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-word-toolbar { background: rgba(20, 38, 56, 0.9); border: 1px solid var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-concordance-toolbar { border-color: var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-word-search > svg { color: color-mix(in srgb, #8a7659 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-concordance-view .cba-word-search > svg { color: color-mix(in srgb, #367e70 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-word-search input { color: var(--ink); background: color-mix(in srgb, #fffefa 8%, var(--paper)); border: 1px solid var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-word-search input:focus { border-color: #bc8220 }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-concordance-view .cba-word-search input:focus { border-color: #178b78 }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-word-filter-group > strong { color: color-mix(in srgb, #725d3e 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-concordance-view .cba-word-filter-group > strong { color: color-mix(in srgb, #316f64 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-letter-filter button, html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-chapter-filter button { color: color-mix(in srgb, #765f3c 30%, #ffffff); background: color-mix(in srgb, #fffaf0 8%, var(--paper)); border: 1px solid var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-letter-filter button.active { color: white; background: #a76d11; border-color: #a76d11 }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-concordance-view .cba-letter-filter button { color: color-mix(in srgb, #27685d 30%, #ffffff); background: color-mix(in srgb, #f1fbf8 8%, var(--paper)); border-color: var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-concordance-view .cba-letter-filter button.active { color: white; background: #167765; border-color: #167765 }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-chapter-filter button.active { color: white; background: var(--filter-color, #9e6a18); border-color: var(--filter-color, #9e6a18) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-word-results-count { color: var(--muted-ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-word-results-count strong { color: var(--ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-unique-card { background: rgba(20, 38, 56, 0.94); border: 1px solid var(--line); border-left: 5px solid #c68820 }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-word-card-head h2 { color: color-mix(in srgb, #795012 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-unique-card > p, html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-concordance-occurrence p { color: color-mix(in srgb, #344a58 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-unique-card p strong, html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-concordance-occurrence p strong { color: var(--ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-word-reference { color: white; background: var(--word-color); border: 0 }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-concordance-card { background: rgba(20, 38, 56, 0.94); border: 1px solid var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-concordance-summary { color: var(--ink); background: transparent; border: 0 }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-concordance-summary strong { color: color-mix(in srgb, #135f52 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-concordance-summary small { color: var(--muted-ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-concordance-summary > svg { color: color-mix(in srgb, #25816f 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-concordance-occurrences { border-top: 1px solid var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-concordance-occurrence { background: color-mix(in srgb, #fafffd 8%, var(--paper)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-concordance-occurrence + .cba-concordance-occurrence { border-top: 1px solid var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-word-empty { color: var(--muted-ink); background: rgba(20, 38, 56, 0.75); border: 1px dashed var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-word-empty strong { color: var(--ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-voice-mode-card { color: var(--ink); background: rgba(20, 38, 56, 0.9); border: 1px solid var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-voice-mode-card:hover, html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-voice-mode-card.selected { border-color: #ad6793 }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-voice-mode-card.selected { background: linear-gradient(145deg, color-mix(in srgb, #fff 8%, var(--paper)), color-mix(in srgb, #f9edf5 8%, var(--paper))) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-voice-mode-card > span { color: white; background: linear-gradient(145deg, #af6896, #703b5d) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-voice-mode-card small { color: var(--muted-ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-voice-setup-card { background: radial-gradient(circle at 100% 0, rgba(178, 102, 150, 0.13), transparent 230px), rgba(20, 38, 56, 0.96); border: 1px solid var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-voice-beta-badge { color: color-mix(in srgb, #783e62 30%, #ffffff); background: color-mix(in srgb, #f8eaf3 8%, var(--paper)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-voice-setup-icon { color: white; background: linear-gradient(145deg, #af6896, #703b5d) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-voice-setup-card > div > span { color: color-mix(in srgb, #875d77 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-voice-setup-card p { color: var(--muted-ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-voice-chapter-picker { border: 0 }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-voice-chapter-picker legend { color: color-mix(in srgb, #713d60 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-voice-selection-summary { background: color-mix(in srgb, #fbf5f9 8%, var(--paper)); border: 1px solid var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-voice-selection-summary strong { color: color-mix(in srgb, #713d60 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-voice-setup-card > .cba-voice-selection-summary > span { color: var(--muted-ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-voice-setup-card > button { color: white; background: linear-gradient(135deg, #a95f90, #713d60); border: 0 }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-voice-privacy-note { color: var(--muted-ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-voice-chapter-summary { color: color-mix(in srgb, var(--cba-color) 40%, #ffffff); background: color-mix(in srgb, var(--cba-color) 9%, var(--paper)); border: 1px solid color-mix(in srgb, var(--cba-color) 25%, var(--line)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-voice-chapter-summary span { color: var(--muted-ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-voice-paper { background: linear-gradient(90deg, var(--cba-color) 0 8px, transparent 8px), rgba(20, 38, 56, 0.97); border: 1px solid color-mix(in srgb, var(--cba-color) 24%, var(--line)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-voice-reference-face > span, html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-voice-answer-face header > span { color: color-mix(in srgb, var(--cba-color) 40%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-voice-reference-face > strong { color: var(--muted-ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-voice-reference-face h2 { color: color-mix(in srgb, var(--cba-color) 40%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-voice-reference-face p { color: var(--muted-ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-voice-answer-face header { border-bottom: 1px solid var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-voice-chapter-text p > strong { color: color-mix(in srgb, var(--cba-color) 40%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-voice-feedback { color: var(--muted-ink); background: rgba(20, 38, 56, 0.78); border: 1px solid var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-voice-feedback > div p { color: var(--muted-ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-voice-feedback.is-correct { color: color-mix(in srgb, #176a45 30%, #ffffff); background: color-mix(in srgb, #ecfaf3 8%, var(--paper)); border-color: var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-voice-feedback.is-near { color: color-mix(in srgb, #895511 30%, #ffffff); background: color-mix(in srgb, #fff8e8 8%, var(--paper)); border-color: var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-voice-feedback.is-incorrect { color: color-mix(in srgb, #9a3d48 30%, #ffffff); background: color-mix(in srgb, #fff2f3 8%, var(--paper)); border-color: var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-voice-feedback.is-error, html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-voice-feedback.is-unsupported { color: color-mix(in srgb, #9a3d48 30%, #ffffff); background: color-mix(in srgb, #fff2f3 8%, var(--paper)); border-color: var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-voice-issues { background: rgba(20, 38, 56, 0.94); border: 1px solid var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-voice-issues header { border-bottom: 1px solid var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-voice-issues header strong { color: var(--ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-voice-issues header span { color: var(--muted-ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-voice-issues li { color: color-mix(in srgb, #4f453b 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-voice-issues li > span { background: #b07838 }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-voice-issues li.is-omitted > span { background: #c14956 }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-voice-issues li.is-added > span { background: #bd7a22 }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-voice-issues li.is-number > span { background: #7b5bb6 }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-voice-issues li.is-order > span { background: #3676a8 }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-listening-dot { background: #b14b74 }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-voice-mic-button, html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-voice-stop-button, html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-voice-next-button { color: white; background: linear-gradient(135deg, #a95f90, #713d60); border: 0 }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-voice-show-button { color: white; background: var(--brand-deep); border: 0 }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-voice-retry-button, html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-voice-override-button { color: color-mix(in srgb, #713d60 30%, #ffffff); background: var(--paper); border: 1px solid var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-panel-title { color: color-mix(in srgb, var(--navy) 40%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-panel-toggle { border: 1px solid var(--line); background: var(--paper); color: color-mix(in srgb, #17364b 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-text-tools { border: 1px solid var(--line); background: color-mix(in srgb, #f6fafd 8%, var(--paper)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-text-tools-content { border-top: 1px solid var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-text-tools-content > span { color: color-mix(in srgb, #536c80 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-text-size-controls button { border: 1px solid var(--line); background: var(--paper); color: color-mix(in srgb, #17364b 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-text-size-controls output { color: color-mix(in srgb, #17364b 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-highlight-controls { border: 0; border-top: 1px solid var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-highlight-controls legend { color: color-mix(in srgb, #17364b 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-highlight-controls > p { color: color-mix(in srgb, #536c80 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-highlight-option { border: 1px solid var(--line); background: var(--paper); color: color-mix(in srgb, #17364b 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-highlight-option small { color: color-mix(in srgb, #61717d 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-highlight-option.is-unavailable { background: color-mix(in srgb, #edf2f5 8%, var(--paper)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-highlight-clear { border: 1px solid var(--line); background: var(--paper); color: color-mix(in srgb, #17364b 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-analysis-highlight { border: 0; color: inherit }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-highlight-info { background: var(--paper); color: color-mix(in srgb, #17364b 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-highlight-actions .cba-highlight-all { background: #17364b; color: white; border-color: #17364b }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-access-card { border: 1px solid var(--line); background: color-mix(in srgb, #fff 8%, var(--paper)); color: color-mix(in srgb, #12354b 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-access-icon { color: color-mix(in srgb, #8a611b 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-access-card .cba-access-submit { background: #12354b; color: #fff }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-access-card small { color: color-mix(in srgb, #587185 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-download-access { border: 1px solid var(--line); background: color-mix(in srgb, #fff 8%, var(--paper)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-verse-play { border: 0; background: transparent }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-reviewed-note { color: color-mix(in srgb, #486578 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .buzzer-surface { background: var(--paper); border: 1px solid var(--practice-line); border-top: 6px solid var(--practice-accent) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .buzzer-status { color: color-mix(in srgb, var(--practice-dark) 40%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .buzzer-pad { border: 4px solid var(--practice-dark); background: linear-gradient(150deg,var(--practice-accent),var(--practice-dark)); color: white }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .buzzer-primary { color: white; background: var(--practice-accent); border: 2px solid var(--practice-accent) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .buzzer-secondary { color: color-mix(in srgb, var(--practice-dark) 40%, #ffffff); background: var(--paper); border: 2px solid var(--practice-line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .buzzer-ready>svg { color: color-mix(in srgb, var(--practice-accent) 40%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .buzzer-answer-clock>span { color: color-mix(in srgb, var(--practice-accent) 40%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .buzzer-reveal { background: var(--practice-soft); border-left: 4px solid var(--practice-accent) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .buzzer-message { color: color-mix(in srgb, #8b2936 30%, #ffffff); background: color-mix(in srgb, #fff1f2 8%, var(--paper)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .live-shell { color: color-mix(in srgb, #173f56 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .live-header .buzzer-secondary { color: color-mix(in srgb, #173f56 30%, #ffffff); border-color: var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .live-room-tools button { border: 1px solid var(--line); background: var(--paper) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .live-lobby, html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .live-play, html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .live-finish, html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .live-setup { background: color-mix(in srgb, #fff 8%, var(--paper)); border: 1px solid var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .live-invite { border-bottom: 1px solid var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .live-shell input, html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .live-shell select { border: 1px solid var(--line); background: var(--paper); color: color-mix(in srgb, #173f56 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .live-player-row { border-bottom: 1px solid var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .live-player-row small { color: color-mix(in srgb, #577180 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .live-player-row>button { border: 1px solid var(--line); background: var(--paper) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .live-roster-details, html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .live-history { background: color-mix(in srgb, #f3f8fb 8%, var(--paper)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .live-play { border-top: 6px solid var(--practice-accent,#246582) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .live-answer { background: var(--practice-soft,color-mix(in srgb, #e9f3f8 8%, var(--paper))); border-left: 4px solid var(--practice-accent,#246582) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .live-controls { border-left: 1px solid var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .live-shell .buzzer-primary, html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .live-setup .buzzer-primary { background: #245e7a; color: white; border-color: #245e7a }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .live-shell .buzzer-secondary, html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .live-setup .buzzer-secondary { background: var(--paper); color: color-mix(in srgb, #173f56 30%, #ffffff); border-color: var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .live-qr-camera { border: 1px solid var(--line); background: color-mix(in srgb, #edf5fa 8%, var(--paper)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .live-qr-camera video { background: #122733 }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .live-standings th, html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .live-standings td { border-bottom: 1px solid var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .live-standings thead { background: color-mix(in srgb, #edf5fa 8%, var(--paper)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .live-error { background: color-mix(in srgb, #fff1f2 8%, var(--paper)); border: 1px solid var(--line); color: color-mix(in srgb, #862336 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .live-error button { border: 0; background: transparent }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .live-note { color: color-mix(in srgb, #526f81 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .live-setup fieldset { border: 0 }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .live-setup label { border: 1px solid var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .live-existing-rooms { border: 1px solid var(--line); background: color-mix(in srgb, #f3f8fb 8%, var(--paper)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .live-existing-room { border-top: 1px solid var(--line) }
 @media (max-width:760px) { html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .live-controls { border-left: 0; border-top: 1px solid var(--line) }
 }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .live-quiz-status.quizforward { color: color-mix(in srgb, #166534 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .live-quiz-status.quizbackwards { color: color-mix(in srgb, #991b1b 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .live-foul-panel { border: 1px solid var(--line); background: color-mix(in srgb, #fff8eb 8%, var(--paper)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .live-current-standings { background: var(--paper); border: 1px solid var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-live-values { border: 0 }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-buzzer-pending { border: 1px solid var(--line); background: color-mix(in srgb, #fff7e9 8%, var(--paper)); color: color-mix(in srgb, #674513 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-buzzer-chapters { border: 0 }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-buzzer-chapter { border: 1px solid var(--line); background: var(--paper) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-buzzer-chapter.is-selected { border-color: #9a5b19; background: color-mix(in srgb, #fff7e9 8%, var(--paper)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-buzzer-chapter small { color: var(--muted-ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-buzzer-quota { border: 1px solid var(--line); background: var(--paper) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-buzzer-quota span { color: var(--muted-ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-buzzer-help { color: var(--muted-ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-buzzer-reading { background: color-mix(in srgb, #fff7e9 8%, var(--paper)); border: 1px solid var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-buzzer-rule { border-left: 3px solid #9a5b19 }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-print-paper [data-slot="select-trigger"] { border: 1px solid var(--line); background: color-mix(in srgb, #fff 8%, var(--paper)); color: color-mix(in srgb, #12364a 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-print-result { border: 1px solid var(--line); background: color-mix(in srgb, #f5faff 8%, var(--paper)); color: color-mix(in srgb, #12364a 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-print-preview article { border-top: 1px solid var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-print-message { background: color-mix(in srgb, #fff2d1 8%, var(--paper)); color: color-mix(in srgb, #553500 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-rulebook-entry-card { background: radial-gradient(circle at 90% 15%, #ffffff29, transparent 180px), linear-gradient(135deg, #315f86, #193b5b) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-live-entry-card { background: radial-gradient(circle at 90% 15%, #ffffff29, transparent 180px), linear-gradient(135deg, #197a6a, #104c42) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-module { color: var(--rb-ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-hero { border: 1px solid var(--line); background: linear-gradient(120deg,color-mix(in srgb, #e9f4fc 8%, var(--paper)),color-mix(in srgb, #f8fcff 8%, var(--paper))) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-hero-icon { background: #0d6287; color: white }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-eyebrow { color: color-mix(in srgb, #376784 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-hero h1 span { color: color-mix(in srgb, #146e94 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-hero p { color: var(--rb-muted) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-offline { color: color-mix(in srgb, #526e7b 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-search { background: color-mix(in srgb, #fff 8%, var(--paper)); border: 1px solid var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-search>svg { color: color-mix(in srgb, #58748a 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-search input { background: transparent; border: 0; color: color-mix(in srgb, #153d58 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-search button, html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-official-bar button { border: 0; background: none; color: color-mix(in srgb, #235d7d 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-tabs { background: color-mix(in srgb, #e5eef5 8%, var(--paper)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-tabs button { border: 0; background: transparent; color: color-mix(in srgb, #506679 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-tabs button[aria-pressed=true] { background: color-mix(in srgb, #fff 8%, var(--paper)); color: color-mix(in srgb, #15344a 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-font { color: color-mix(in srgb, #506679 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-font select { background: color-mix(in srgb, #fff 8%, var(--paper)); border: 1px solid var(--line); color: color-mix(in srgb, #214963 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-section-heading p { color: var(--rb-muted) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-topic { background: color-mix(in srgb, #fff 8%, var(--paper)); border: 1px solid var(--rb-line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-topic:hover { border-color: #719db8 }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-topic strong { color: color-mix(in srgb, #15344a 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-topic small { color: color-mix(in srgb, #607384 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-topic-icon { background: color-mix(in srgb, #e8f2fa 8%, var(--paper)); color: color-mix(in srgb, #286086 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-trophy, html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-alert { background: color-mix(in srgb, #fff4df 8%, var(--paper)); color: color-mix(in srgb, #91691d 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-check, html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-users { background: color-mix(in srgb, #e7f3ef 8%, var(--paper)); color: color-mix(in srgb, #347663 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-message, html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-book { background: color-mix(in srgb, #eeeef9 8%, var(--paper)); color: color-mix(in srgb, #616694 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-chevron { color: #7b96a9 }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-full-link { background: color-mix(in srgb, #eaf2f8 8%, var(--paper)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-full-link>svg { color: color-mix(in srgb, #376784 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-full-link p { color: color-mix(in srgb, #526a7c 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-full-link button, html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-back, html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-outline { border: 0; background: transparent; color: color-mix(in srgb, #205a80 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-source { border-top: 1px solid var(--line); color: color-mix(in srgb, #677b8a 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-topic-title p { color: color-mix(in srgb, #52697b 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-summary-note { color: color-mix(in srgb, #597081 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-facts article { background: color-mix(in srgb, #fff 8%, var(--paper)); border: 1px solid var(--rb-line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-facts p { color: color-mix(in srgb, #3e5668 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-facts button { border: 0; background: color-mix(in srgb, #eaf3fa 8%, var(--paper)); color: color-mix(in srgb, #225b80 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-official-panel { border: 1px solid var(--line); background: color-mix(in srgb, #fff 8%, var(--paper)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-official-bar { background: color-mix(in srgb, #e5eff7 8%, var(--paper)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-chapter-reference { color: color-mix(in srgb, #5c7283 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-page { border-bottom: 1px solid var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-page:last-child { border-bottom: 0 }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-page-number { color: color-mix(in srgb, #657f92 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-page p { color: color-mix(in srgb, #314d62 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-page figcaption { color: color-mix(in srgb, #60788a 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-chapters details { border: 1px solid var(--rb-line); background: color-mix(in srgb, #fff 8%, var(--paper)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-chapters summary small { color: color-mix(in srgb, #61798b 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-chapters details[open]>summary { background: color-mix(in srgb, #e9f3fa 8%, var(--paper)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-result { border: 1px solid var(--rb-line); background: color-mix(in srgb, #fff 8%, var(--paper)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-result small { color: color-mix(in srgb, #61798b 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-result span>span { color: color-mix(in srgb, #506679 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-results>p { color: color-mix(in srgb, #506679 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-compact-header>svg { color: color-mix(in srgb, #0d6287 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-compact-header p { color: var(--rb-muted) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-subhelp { color: var(--rb-muted) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-subtopic { border: 1px solid var(--rb-line); background: var(--paper); color: var(--rb-ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-subtopic:hover { border-color: #0d6287; background: color-mix(in srgb, #f5faff 8%, var(--paper)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-subtopic small { color: var(--rb-muted) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-section-reader { background: color-mix(in srgb, #fff 8%, var(--paper)); border: 1px solid var(--rb-line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-section-reader .rb-chapter-reference { color: color-mix(in srgb, #52697b 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-rule-focus { background: color-mix(in srgb, #edf6fc 8%, var(--paper)); border-left: 4px solid #0d6287 }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-results-heading label { color: var(--rb-muted) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-results-heading select { border: 1px solid var(--rb-line); background: var(--paper); color: var(--rb-ink) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-document-tools { background: color-mix(in srgb, #f4f9fd 8%, var(--paper)); border-bottom: 1px solid var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-document-search input { border: 1px solid var(--line); background: var(--paper); color: color-mix(in srgb, #173e50 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-document-search button { border: 1px solid var(--line); background: var(--paper); color: color-mix(in srgb, #173e50 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-full-document .rb-section-reader { background: color-mix(in srgb, #fffefa 8%, var(--paper)); border: 1px solid var(--line); border-top: 8px solid #20566b; color: color-mix(in srgb, #303b40 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-full-document .rb-section-reader h2 { color: color-mix(in srgb, #20566b 30%, #ffffff); border-bottom: 1px solid var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-full-document .rb-section-reader .rb-document-heading { color: color-mix(in srgb, #356978 30%, #ffffff) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-full-document .rb-page-number { color: color-mix(in srgb, #697d87 30%, #ffffff); border-top: 1px solid var(--line) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-full-document .rb-section-reader section:first-of-type .rb-page-number { border: 0 }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-document-tools { background: color-mix(in srgb, #f4f9fd 8%, var(--paper)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-full-document .rb-section-reader .rb-current-match { background: color-mix(in srgb, #ffdf86 8%, var(--paper)) }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-document-tools button.rb-back { border: 1px solid #20566b; background: #20566b; color: #fff }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-document-tools button.rb-back:hover { background: #174457; border-color: #174457 }
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-document-tools button.rb-back:active { background: #113848 }
 /* Reading and practice tokens keep chapter accents while adapting the paper. */
html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) :is(.practice-question-view,.cba-game-setup,.cba-game-play){--practice-soft:color-mix(in srgb,var(--practice-accent) 14%,#142638);--practice-line:color-mix(in srgb,var(--practice-accent) 30%,#30485d)}
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) :is(.buzzer-reveal,.live-answer,.game-quick-guide,.game-audio-button,.voice-match-panel,.game-sound-toggle,.practice-answer-hidden){background:#1b3043;color:#d4eafa}
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) :is(.cba-reading-paper,.cba-analysis-paper,.rb-full-document .rb-section-reader){background:#1b2a36;color:#e8e5dc;box-shadow:0 18px 44px #0003}
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) :is(.cba-verse,.cba-analysis-row p){color:#e8e5dc}
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-verse-speaking{background:color-mix(in srgb,var(--cba-color) 20%,#243545)}
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-verse-target{background:#353526}
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-panel-title{color:#d4eafa}
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-header-side{color:var(--ink)}
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-module{--rb-ink:#e5eef7;--rb-muted:#a9bbcc;--rb-line:#30485d}
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-match, html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-full-document .rb-section-reader .rb-match{background:#514527;color:#fff1c5;text-decoration-color:#dfbb65}
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-match.rb-current-match, html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .rb-full-document .rb-section-reader .rb-current-match{background:#ffdf86;color:#172b38;outline-color:#d9a94a}
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) :is(.game-feedback.is-correct,.game-choice-list button.is-correct,.matching-column>button.is-matched,.cba-voice-feedback.is-correct){background:#173b32;color:#a1e1c3;border-color:#366759}
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) :is(.game-feedback.is-wrong,.game-choice-list button.is-wrong,.cba-error-verse button.is-wrong,.cba-error-verse button.is-altered,.cba-voice-feedback.is-incorrect,.buzzer-message,.live-error){background:#452733;color:#ffbdc5;border-color:#714454}
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) :is(.cba-voice-feedback.is-near,.cba-buzzer-pending,.cba-print-message){background:#3b3020;color:#f2d795;border-color:#705c37}
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .buzzer-view button:focus-visible{outline-color:#8ecfff}
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) [data-slot="select-content"]{background:#142638;color:#e5eef7;border-color:#385167}
 html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) [data-slot="select-item"]:focus{background:#223e55;color:#e5eef7}
 /* The desktop / mobile header remains compact; the preference never affects room timing. */
.cba-header-side{display:flex;align-items:center;gap:10px;flex:none}
 .live-appearance-placement{display:flex;justify-content:flex-end;float:right;margin-left:12px}
 .live-exit-actions .bq-theme-trigger{min-height:44px}
/* TBQ-specific wrappers use the same paper, ink and feedback as CBA. */
html[data-bq-theme=dark][data-bq-surface=tbq] :is(.tbq-recitation,.tbq-recitation-result){background:#142638;color:#e5eef7;border-color:#30485d}
html[data-bq-theme=dark][data-bq-surface=tbq] .tbq-recitation-prompt{background:#1b2a36;color:#e8e5dc;box-shadow:0 18px 44px #0003}
html[data-bq-theme=dark][data-bq-surface=tbq] :is(.tbq-primary,.tbq-card-actions button){background:#246693;color:#fff;border-color:#5b9eca}
html[data-bq-theme=dark][data-bq-surface=tbq] .tbq-secondary{background:#1b3043;color:#d4eafa;border-color:#385167}
html[data-bq-theme=dark][data-bq-surface=tbq] .tbq-card-actions button:focus-visible{outline:3px solid #bfe4ff;outline-offset:3px}
html[data-bq-theme=dark][data-bq-surface=tbq] :is(.tbq-voice-privacy,.tbq-card-meta){color:#bdcbd7}
html[data-bq-theme=dark][data-bq-surface=tbq] .tbq-grade-correct{color:#a1e1c3}
html[data-bq-theme=dark][data-bq-surface=tbq] .tbq-grade-near{color:#f2d795}
html[data-bq-theme=dark][data-bq-surface=tbq] .tbq-grade-incorrect{color:#ffbdc5}
html[data-bq-theme=dark][data-bq-surface=tbq] .tbq-audio-pending{background:#3b3020;color:#f2d795}
html[data-bq-theme=dark][data-bq-surface=tbq] .tbq-frame .tbq-source-ref{color:#e4cc88}
html[data-bq-theme=dark][data-bq-surface=tbq] .tbq-frame .cba-analysis-highlight .tbq-source-ref{color:inherit}
html[data-bq-theme=dark][data-bq-surface=tbq] .tbq-frame :is(.cba-missing-verse,.cba-error-typed-answer) input{background:#142638;color:#e5eef7;border-color:#91665e}
html[data-bq-theme=dark][data-bq-surface=tbq] .tbq-frame .tbq-verse-speaking{background:color-mix(in srgb,var(--cba-color) 20%,#243545);outline-color:color-mix(in srgb,var(--cba-color) 60%,#a9bbcc)}
/* Pastel analysis marks need dark ink even on the dark reading paper. */
html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-analysis-highlight{color:#132b3a;text-shadow:none}
html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .cba-analysis-highlight:focus-visible{outline-color:#8ecfff}
/* Keep each quizmaster action recognizable above the shared secondary-button style. */
html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .live-shell :is(.live-action-open,.live-action-next,.live-action-finish){background:#155da0;border-color:#4b8ecb;color:#fff}
html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .live-shell .live-action-five{background:#076c78;border-color:#46a3ae;color:#fff}
html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .live-shell .live-action-thirty{background:#4338a4;border-color:#9384dc;color:#fff}
html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .live-shell .live-action-correct{background:#087745;border-color:#53b68a;color:#fff}
html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .live-shell .live-action-incorrect{background:#b82035;border-color:#ed7787;color:#fff}
html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .live-shell .live-action-interrupted{background:#f4c65d;border-color:#d9a641;color:#493000}
html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .live-shell :is(.live-action-pause,.live-action-undo,.live-action-undo-foul){background:#ffdf8c;border-color:#d9ad50;color:#513000}
html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .live-shell .live-action-no-answer{background:#46576b;border-color:#8fa2b8;color:#fff}
html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .live-shell :is(.live-action-repeat,.live-action-answer){background:#3d2d59;border-color:#9c7ac5;color:#eedcff}
html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .live-shell :is(.live-action-pass,.live-action-foul){background:#9a4612;border-color:#d68b54;color:#fff}
html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .live-shell .live-action:focus-visible{outline:3px solid #bfe4ff;outline-offset:3px}
html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .live-shell .live-action-interrupted[aria-pressed=true]{box-shadow:inset 0 0 0 2px #493000}
html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .live-foul-panel{background:#352a20;border-color:#b67b40}
html[data-bq-theme=dark]:is([data-bq-surface=cba],[data-bq-surface=tbq],[data-bq-surface=jbq],[data-bq-surface=cbm]) .live-foul-panel summary{color:#f2d3a7}
 @media(max-width:500px){.cba-header-side{flex-direction:column;gap:8px}
}
 
/* JBQ and CBM keep their original light palettes. Only its theme-picker layout is shared. */
.jbq-header-side{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}
@media(max-width:700px){.jbq-header-side{width:100%}.jbq-header-side .question-search{flex:1;min-width:0}}
/* JBQ/CBM reading and flash cards share the warm paper used in CBA/TBQ. */
html[data-bq-theme=dark]:is([data-bq-surface=jbq],[data-bq-surface=cbm]) .question-search-control{background:#142638;border-color:#385167}
html[data-bq-theme=dark]:is([data-bq-surface=jbq],[data-bq-surface=cbm]) .question-search button{background:#246693;color:#fff}
html[data-bq-theme=dark]:is([data-bq-surface=jbq],[data-bq-surface=cbm]) .question-search button:hover{background:#1c5278}
html[data-bq-theme=dark]:is([data-bq-surface=jbq],[data-bq-surface=cbm]) .question-search>small{color:#ffbdc5}
html[data-bq-theme=dark]:is([data-bq-surface=jbq],[data-bq-surface=cbm]) .audio-note{background:#142638;border-color:#30485d;color:#a9bbcc}
html[data-bq-theme=dark]:is([data-bq-surface=jbq],[data-bq-surface=cbm]) .scripture-note{color:#a9bbcc}
html[data-bq-theme=dark]:is([data-bq-surface=jbq],[data-bq-surface=cbm]) :is(.point-card.green,.flash-deck-card.flash-green){background:linear-gradient(145deg,#217958,#15583f)}
html[data-bq-theme=dark]:is([data-bq-surface=jbq],[data-bq-surface=cbm]) :is(.point-card.blue,.flash-deck-card.flash-blue){background:linear-gradient(145deg,#176aa7,#104e7c)}
html[data-bq-theme=dark]:is([data-bq-surface=jbq],[data-bq-surface=cbm]) :is(.point-card.red,.flash-deck-card.flash-red){background:linear-gradient(145deg,#b94755,#813440)}
html[data-bq-theme=dark]:is([data-bq-surface=jbq],[data-bq-surface=cbm]) .point-card.all-card{color:#543a0a}
html[data-bq-theme=dark]:is([data-bq-surface=jbq],[data-bq-surface=cbm]) .all-icon{color:#79520d}
html[data-bq-theme=dark]:is([data-bq-surface=jbq],[data-bq-surface=cbm]) .practice-entry-card{background:radial-gradient(circle at 90% 15%,#ffffff20,transparent 180px),linear-gradient(135deg,#217958,#155b49)}
html[data-bq-theme=dark]:is([data-bq-surface=jbq],[data-bq-surface=cbm]) .study-player-view{--study-soft:color-mix(in srgb,var(--study-accent) 14%,#142638);--study-line:color-mix(in srgb,var(--study-accent) 30%,#30485d)}
html[data-bq-theme=dark]:is([data-bq-surface=jbq],[data-bq-surface=cbm]) .study-list-view{--study-list-soft:color-mix(in srgb,var(--study-list-accent) 14%,#142638);--study-list-line:color-mix(in srgb,var(--study-list-accent) 30%,#30485d)}
html[data-bq-theme=dark]:is([data-bq-surface=jbq],[data-bq-surface=cbm]) .flash-card-view{--flash-soft:color-mix(in srgb,var(--flash-accent) 14%,#142638)}
html[data-bq-theme=dark]:is([data-bq-surface=jbq],[data-bq-surface=cbm]) .study-method-view :is(.point-kicker,.method-arrow){color:color-mix(in srgb,var(--study-method-accent) 35%,#fff)}
html[data-bq-theme=dark]:is([data-bq-surface=jbq],[data-bq-surface=cbm]) .flash-method-card .method-arrow{color:color-mix(in srgb,var(--flash-method-accent) 35%,#fff)}
html[data-bq-theme=dark]:is([data-bq-surface=jbq],[data-bq-surface=cbm]) .question-row{background:#142638;color:#e5eef7;border-color:#30485d}
html[data-bq-theme=dark]:is([data-bq-surface=jbq],[data-bq-surface=cbm]) .study-list-view :is(.point-kicker,.question-number,.row-play){color:color-mix(in srgb,var(--study-list-accent) 35%,#fff)}
html[data-bq-theme=dark]:is([data-bq-surface=jbq],[data-bq-surface=cbm]) :is(.question-preview small,.quotation-badge){background:#514527;color:#fff1c5}
html[data-bq-theme=dark]:is([data-bq-surface=jbq],[data-bq-surface=cbm]) :is(.player-card,.flash-card-paper){background:#1b2a36;color:#e8e5dc;box-shadow:0 18px 44px #0003}
html[data-bq-theme=dark]:is([data-bq-surface=jbq],[data-bq-surface=cbm]) :is(.player-card h1,.answer-panel p,.flash-question h1,.flash-answer p){color:#e8e5dc}
html[data-bq-theme=dark]:is([data-bq-surface=jbq],[data-bq-surface=cbm]) :is(.flash-book-number,.flash-card-progress .stack-progress-copy strong){color:color-mix(in srgb,var(--flash-accent) 35%,#fff)}
html[data-bq-theme=dark]:is([data-bq-surface=jbq],[data-bq-surface=cbm]) .flash-card-progress .stack-progress-bar{background:color-mix(in srgb,var(--flash-accent) 18%,#142638)!important}
html[data-bq-theme=dark]:is([data-bq-surface=jbq],[data-bq-surface=cbm]) .flash-next-button{background:#142638;color:color-mix(in srgb,var(--flash-accent) 35%,#fff)}
html[data-bq-theme=dark]:is([data-bq-surface=jbq],[data-bq-surface=cbm]) .study-player-view :is(.stack-progress-copy strong,.stack-progress-copy span,.book-number,.mode-block>p){color:color-mix(in srgb,var(--study-accent) 35%,#fff)}
html[data-bq-theme=dark]:is([data-bq-surface=jbq],[data-bq-surface=cbm]) .study-player-view .stack-progress-bar{background:color-mix(in srgb,var(--study-accent) 18%,#142638)!important}
html[data-bq-theme=dark]:is([data-bq-surface=jbq],[data-bq-surface=cbm]) .study-player-view .sound-rings{background:color-mix(in srgb,var(--study-accent) 14%,#142638)}
html[data-bq-theme=dark]:is([data-bq-surface=jbq],[data-bq-surface=cbm]) .study-player-view .audio-tab[data-state=active]{background:var(--study-accent)!important;color:#fff!important}
html[data-bq-theme=dark]:is([data-bq-surface=jbq],[data-bq-surface=cbm]) .practice-question-view .audio-tab[data-state=active]{background:var(--practice-accent)!important;color:#fff!important}
html[data-bq-theme=dark]:is([data-bq-surface=jbq],[data-bq-surface=cbm]) .study-player-view :is(.repeat-button,.question-navigation button){background:#142638;color:color-mix(in srgb,var(--study-dark) 35%,#fff)}
html[data-bq-theme=dark]:is([data-bq-surface=jbq],[data-bq-surface=cbm]) .study-player-view .question-navigation .next-question{background:linear-gradient(135deg,var(--study-accent),var(--study-dark));color:#fff}
html[data-bq-theme=dark]:is([data-bq-surface=jbq],[data-bq-surface=cbm]) .live-team-label.red{color:#ffbdc5}
html[data-bq-theme=dark]:is([data-bq-surface=jbq],[data-bq-surface=cbm]) .live-team-label.green{color:#a1e1c3}
html[data-bq-theme=dark]:is([data-bq-surface=jbq],[data-bq-surface=cbm]) .practice-range-count{color:color-mix(in srgb,var(--practice-choice) 35%,#fff)}

html[data-bq-theme=dark][data-bq-surface=cbm] .cbm-audio-notice{color:var(--muted-ink)}