/* Vosebrio recovery: one explicit palette, content-sized containers and 48px controls. */
html[data-ui="recovery"] {
 --vbr-bg:#f3f7f9;--vbr-surface:#fffcf8;--vbr-soft:#e8f0f4;--vbr-ink:#182f43;--vbr-muted:#516575;--vbr-line:#c3d1da;--vbr-control:#748b99;
 --vbr-action:#006b91;--vbr-hover:#005777;--vbr-on-action:#fffcf8;--vbr-focus:#976612;
 --vbr-success:#21644f;--vbr-success-bg:#e5f1e9;--vbr-danger:#9b362c;--vbr-danger-bg:#fae9e4;
 --vbr-shadow:0 2px 6px rgb(24 47 67 / 3%),0 16px 40px rgb(24 47 67 / 6%);
 --vbr-gutter:clamp(16px,3vw,32px);--vbr-ease:cubic-bezier(.22,1,.36,1);
 --rio-bg:var(--vbr-bg);--rio-surface:var(--vbr-surface);--rio-soft:var(--vbr-soft);--rio-ink:var(--vbr-ink);--rio-muted:var(--vbr-muted);--rio-line:var(--vbr-line);--rio-control-line:var(--vbr-control);
 --rio-action:var(--vbr-action);--rio-action-pressed:var(--vbr-hover);--rio-on-action:var(--vbr-on-action);--rio-success:var(--vbr-success);--rio-success-bg:var(--vbr-success-bg);--rio-danger:var(--vbr-danger);--rio-danger-bg:var(--vbr-danger-bg);
 --experience-accent:var(--vbr-action);--experience-ink:var(--vbr-ink);--experience-muted:var(--vbr-muted);--experience-line:var(--vbr-line);--experience-soft:var(--vbr-soft);--experience-focus:var(--vbr-focus);
 background:var(--vbr-bg);color:var(--vbr-ink);color-scheme:light;
}
html[data-ui="recovery"][data-country="AR"] {--vbr-action:#285c9c;--vbr-hover:#204a7e;--vbr-soft:#efe9e1;}
html[data-ui="recovery"][data-theme="dark"] {
 --vbr-bg:#111d25;--vbr-surface:#192b35;--vbr-soft:#233a45;--vbr-ink:#eef4f6;--vbr-muted:#b5c7d1;--vbr-line:#526b78;--vbr-control:#91a8b5;
 --vbr-action:#8ed3e5;--vbr-hover:#b1e5ef;--vbr-on-action:#103444;--vbr-focus:#f1c46a;
 --vbr-success:#a2dfbd;--vbr-success-bg:#203e32;--vbr-danger:#ffb4a6;--vbr-danger-bg:#432e29;
 --vbr-shadow:0 2px 8px rgb(0 0 0 / 10%),0 16px 40px rgb(0 0 0 / 16%);color-scheme:dark;
}
html[data-ui="recovery"][data-theme="dark"][data-country="AR"] {--vbr-action:#a8c8fb;--vbr-hover:#c2d8fb;--vbr-on-action:#172b48;}
html[data-ui="recovery"] body {margin:0;min-width:0;background:var(--vbr-bg);color:var(--vbr-ink);font-family:var(--rio-font,system-ui,sans-serif);line-height:1.6;-webkit-font-smoothing:antialiased;}
html[data-ui="recovery"] *,html[data-ui="recovery"] *::before,html[data-ui="recovery"] *::after {box-sizing:border-box;}
html[data-ui="recovery"] #root {width:100%;min-width:0;}
html[data-ui="recovery"] [hidden] {display:none!important;}
html[data-ui="recovery"] :where(button,input,textarea,select) {font:inherit;}
html[data-ui="recovery"] :where(button,a,input,textarea,select,summary,[tabindex]):focus-visible {outline:3px solid var(--vbr-focus);outline-offset:3px;}
html[data-ui="recovery"] :where(button,[role="button"],summary) {min-height:48px;touch-action:manipulation;}
html[data-ui="recovery"] button {min-width:48px;cursor:pointer;}
html[data-ui="recovery"] :where(button,a) { -webkit-tap-highlight-color:transparent; }
html[data-ui="recovery"] :where(h1,h2,h3,h4,p,li) {overflow-wrap:break-word;}
html[data-ui="recovery"] :where(h1,h2,h3,h4) {color:var(--vbr-ink);line-height:1.25;letter-spacing:-.03em;}
html[data-ui="recovery"] a {color:var(--vbr-action);text-underline-offset:4px;}
html[data-ui="recovery"] :where(.shell,.admin-shell,.panel,.translator-workspace,.course-grid,.country-options,.finance-settings,.finance-admin,.finance-checkout) {min-width:0;}
html[data-ui="recovery"] body :is(.shell,.shell:not(.course-home),.admin-shell) {width:100%;max-width:1248px;margin-inline:auto;padding:32px max(var(--vbr-gutter),env(safe-area-inset-right)) max(48px,env(safe-area-inset-bottom)) max(var(--vbr-gutter),env(safe-area-inset-left));}
html[data-ui="recovery"] .shell>.heading {margin:16px 0 32px;padding:0;}
html[data-ui="recovery"] .shell>.heading h1 {font-size:clamp(30px,3.8vw,48px);max-width:24ch;margin:8px 0 16px;}
html[data-ui="recovery"] .shell .sub {font-size:16px;line-height:1.65;color:var(--vbr-muted);max-width:68ch;}
html[data-ui="recovery"] :is(.shell,.admin-shell) .panel {padding:clamp(20px,3vw,32px);background:var(--vbr-surface);border:1px solid var(--vbr-line);border-radius:24px;box-shadow:var(--vbr-shadow);}
html[data-ui="recovery"] :is(.shell,.admin-shell) :is(.primary,.secondary,.textbutton) {min-height:48px;border-radius:14px;line-height:1.4;white-space:normal;transition:transform 180ms var(--vbr-ease),background-color 150ms ease,border-color 150ms ease;}
html[data-ui="recovery"] :is(.shell,.admin-shell) .primary {background:var(--vbr-action);color:var(--vbr-on-action);border-color:var(--vbr-action);}
html[data-ui="recovery"] :is(.shell,.admin-shell) .primary:not(:disabled):hover {background:var(--vbr-hover);border-color:var(--vbr-hover);}
html[data-ui="recovery"] :is(.shell,.admin-shell) .secondary {background:var(--vbr-soft);color:var(--vbr-ink);border-color:var(--vbr-control);}
html[data-ui="recovery"] :is(.shell,.admin-shell) .textbutton {color:var(--vbr-action);}
html[data-ui="recovery"] :is(.shell,.admin-shell) button:not(:disabled):active {transform:scale(.97);}
html[data-ui="recovery"] :is(.shell,.admin-shell) button:disabled {opacity:1;background:var(--vbr-soft);color:var(--vbr-muted);border-color:var(--vbr-line);box-shadow:none;transform:none;cursor:default;}
html[data-ui="recovery"] :is(.shell,.admin-shell) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]),textarea,select) {width:100%;min-width:0;max-width:100%;min-height:48px;padding:12px 14px;background:var(--vbr-surface);color:var(--vbr-ink);border:1px solid var(--vbr-control);border-radius:12px;font-size:16px;line-height:1.5;}
html[data-ui="recovery"] :is(.shell,.admin-shell) :is(input,textarea)::placeholder {color:var(--vbr-muted);opacity:1;}
html[data-ui="recovery"] :is(.shell,.admin-shell) input[type="range"] {width:100%;height:48px;min-height:48px;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;}
html[data-ui="recovery"] :is(.shell,.admin-shell) input:is([type="radio"],[type="checkbox"]) {width:20px;height:20px;min-height:20px;flex:0 0 20px;padding:0;accent-color:var(--vbr-action);box-shadow:none;}
html[data-ui="recovery"] :is(.hint,.field-note,.settings-description,.shell small,.admin-shell small) {color:var(--vbr-muted);}
html[data-ui="recovery"] .country-appearance {display:flex;justify-content:flex-end;width:100%;margin-bottom:24px;}
html[data-ui="recovery"] :is(.alert,[role="alert"]) {background:var(--vbr-danger-bg);color:var(--vbr-danger);border-color:var(--vbr-danger);border-radius:14px;overflow-wrap:anywhere;}

/* The width cap must always be paired with auto margins. */
html[data-ui="recovery"] .country-picker {width:100%;max-width:1248px;min-width:0;min-height:100dvh;margin:0 auto;padding:24px max(var(--vbr-gutter),env(safe-area-inset-right)) max(40px,env(safe-area-inset-bottom)) max(var(--vbr-gutter),env(safe-area-inset-left));background:transparent;color:var(--vbr-ink);}
html[data-ui="recovery"] .country-picker .country-appearance {display:flex;justify-content:flex-end;width:100%;max-width:960px;margin:0 auto 24px;}
html[data-ui="recovery"] .country-picker .country-heading {width:100%;max-width:880px;margin:0 auto 32px;text-align:center;}
html[data-ui="recovery"] .country-picker .vosebrio-home-brand {display:flex;flex-direction:row;justify-content:center;align-items:center;gap:12px;margin:0 auto 24px;}
html[data-ui="recovery"] .country-picker .vosebrio-home-logo {width:56px;height:56px;min-width:56px;-webkit-mask:none;mask:none;background:transparent url('/vosebrio-mark.svg') center/contain no-repeat;box-shadow:none;border:0;border-radius:0;}
html[data-ui="recovery"] .country-picker .vosebrio-home-wordmark {margin:0;font-size:28px;color:var(--vbr-ink);}
html[data-ui="recovery"] .country-picker .country-heading h1 {font-size:clamp(30px,5vw,56px);line-height:1.15;color:var(--vbr-ink);letter-spacing:-.04em;margin:0 0 20px;}
html[data-ui="recovery"] .country-picker .country-heading :is(.vosebrio-belief,.country-prompt) {color:var(--vbr-muted);font-size:16px;line-height:1.65;}
html[data-ui="recovery"] .country-picker .country-prompt {margin:24px 0 0;}
html[data-ui="recovery"] .country-picker .country-options {display:grid;width:100%;max-width:960px;margin:0 auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}
html[data-ui="recovery"] .country-picker .country-tile {display:flex;flex-direction:column;align-items:center;min-width:0;min-height:320px;padding:28px;border:1px solid var(--vbr-line);border-radius:24px;background:var(--vbr-surface);color:var(--vbr-ink);box-shadow:var(--vbr-shadow);}
html[data-ui="recovery"] .country-picker .country-tile>.country-mascot {float:none;display:block;width:96px;height:96px;max-width:100%;margin:20px 0;object-fit:contain;}
html[data-ui="recovery"] .country-picker .country-tile h2 {font-size:28px;color:var(--vbr-ink);}
html[data-ui="recovery"] .country-picker :is(.country-code,.country-tile>p,.country-footnote,.country-privacy) {color:var(--vbr-muted);}
html[data-ui="recovery"] .country-picker .country-enter {align-self:stretch;min-width:0;margin-top:auto;border-color:var(--vbr-line);color:var(--vbr-action);}
html[data-ui="recovery"] .country-picker .country-enter>span {background:var(--vbr-action);color:var(--vbr-on-action);}
html[data-ui="recovery"] .country-referral-invite {background:var(--vbr-surface);color:var(--vbr-ink);border-color:var(--vbr-line);max-width:100%;}
html[data-ui="recovery"] .studio-theme-toggle {display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;min-width:148px;max-width:100%;padding:8px 12px;border:1px solid var(--vbr-control);border-radius:999px;background:var(--vbr-surface);color:var(--vbr-ink);font-size:13px;line-height:1.3;white-space:nowrap;flex-shrink:0;}
html[data-ui="recovery"] .studio-theme-toggle svg {flex:none;}
html[data-ui="recovery"] .studio-theme-track {display:block;position:relative;flex:none;width:36px;height:22px;border-radius:999px;background:var(--vbr-action);}
html[data-ui="recovery"] .studio-theme-track>span {position:absolute;inset:3px auto auto 3px;width:16px;height:16px;border-radius:50%;background:var(--vbr-on-action);transition:transform 160ms var(--vbr-ease);}
html[data-ui="recovery"] .studio-theme-toggle[aria-checked="true"] .studio-theme-track>span {transform:translateX(14px);}

html[data-ui="recovery"] .account.account-bar {max-width:1184px;width:calc(100% - 2 * var(--vbr-gutter));margin:16px auto 0;background:var(--vbr-surface);border-color:var(--vbr-line);gap:16px;grid-template-columns:minmax(0,1fr) auto;padding:12px 16px!important;}
html[data-ui="recovery"] .account .account-profile {gap:12px;min-width:0;border-color:var(--vbr-line);}
html[data-ui="recovery"] .account-name {max-width:160px;color:var(--vbr-muted);}
html[data-ui="recovery"] .account.account-bar .account-exit {background:var(--vbr-soft);color:var(--vbr-ink);border-color:var(--vbr-line);min-height:48px;}
html[data-ui="recovery"] .account.account-bar .account-navigation button {color:var(--vbr-ink);min-height:48px;}
html[data-ui="recovery"] .course-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}
html[data-ui="recovery"] .shell .course-tile {display:flex;flex-direction:column;min-width:0;min-height:280px;padding:28px;background:var(--vbr-surface);color:var(--vbr-ink);border-color:var(--vbr-line);border-radius:24px;box-shadow:var(--vbr-shadow);}
html[data-ui="recovery"] .course-tile h2 {color:var(--vbr-ink);font-size:25px;}
html[data-ui="recovery"] .course-tile p {color:var(--vbr-muted);}
html[data-ui="recovery"] .course-cta {margin-top:auto;color:var(--vbr-action);}
html[data-ui="recovery"] .translator-workspace {display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px;align-items:start;min-width:0;}
html[data-ui="recovery"] .shell.translator-shell .translator-workspace>.panel {width:100%;min-width:0;max-width:none;margin:0;padding:28px;}
html[data-ui="recovery"] .translator-shell .translator-top-controls {display:flex;flex-wrap:wrap;gap:12px;align-items:center;}
html[data-ui="recovery"] .translator-top-controls {position:relative;}
html[data-ui="recovery"] .translation-address-help {position:static;}
html[data-ui="recovery"] .translation-address-tooltip {left:auto;right:0;top:calc(100% + 8px);width:min(280px,100%);z-index:40;}
html[data-ui="recovery"] .translator-shell .translator-input-wrap>textarea {width:100%;max-width:100%;min-height:208px;padding:20px 56px 20px 20px;font-size:19px;line-height:1.6;background:var(--vbr-bg);color:var(--vbr-ink);border-color:var(--vbr-control);resize:vertical;}
html[data-ui="recovery"] .translator-shell .photo-actions {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
html[data-ui="recovery"] .translator-shell .photo-actions>.photo-action {min-width:0;min-height:88px;padding:16px;background:var(--vbr-bg);color:var(--vbr-ink);border-color:var(--vbr-line);}
html[data-ui="recovery"] :is(.photo-action-icon,.history-emblem,.translator-emblem) {background:var(--vbr-soft);color:var(--vbr-action);}
html[data-ui="recovery"] .photo-action-copy strong {color:var(--vbr-ink);}
html[data-ui="recovery"] :is(.photo-action-copy>span,.photo-feedback-text,.translator-intro,.history-source,.history-meta) {color:var(--vbr-muted);}
html[data-ui="recovery"] :is(.photo-feedback,.translator-detail,.translation-result,.history-entry) {background:var(--vbr-soft);color:var(--vbr-ink);border-color:var(--vbr-line);}
html[data-ui="recovery"] .translation-result h2 {color:var(--vbr-ink);font-size:clamp(21px,2.2vw,28px)!important;line-height:1.6!important;}
html[data-ui="recovery"] .translation-address-switch {height:56px;width:120px;background:var(--vbr-soft);}
html[data-ui="recovery"] .translation-address-switch button {min-height:48px;min-width:0;background:transparent;color:var(--vbr-action);}
html[data-ui="recovery"] .translation-address-thumb {background:var(--vbr-surface);}
html[data-ui="recovery"] .translation-address-info,html[data-ui="recovery"] .translation-address-help {width:48px;min-width:48px;height:48px;}
html[data-ui="recovery"] .translation-address-tooltip {background:var(--vbr-surface);color:var(--vbr-ink);border-color:var(--vbr-line);max-width:calc(var(--vbr-vwidth,100vw) - 32px);}

/* Portals inherit the same theme as the page. The visible viewport includes the keyboard. */
html[data-ui="recovery"] :is(.reset-dialog-overlay,.cards-help-overlay) {position:fixed;inset:0;background:rgb(12 28 42 / 62%);backdrop-filter:blur(4px);z-index:1100;}
html[data-ui="recovery"] :is(.reset-dialog-content,.cards-help-dialog) {position:fixed;inset:auto;top:calc(var(--vbr-vtop,0px) + var(--vbr-vheight,100dvh)/2);left:calc(var(--vbr-vleft,0px) + var(--vbr-vwidth,100vw)/2);transform:translate(-50%,-50%);margin:0;width:min(480px,calc(var(--vbr-vwidth,100vw) - 32px));max-width:calc(var(--vbr-vwidth,100vw) - 32px);max-height:calc(var(--vbr-vheight,100dvh) - 32px);overflow:auto;overscroll-behavior:contain;padding:24px;background:var(--vbr-surface);color:var(--vbr-ink);border:1px solid var(--vbr-line);border-radius:24px;box-shadow:var(--vbr-shadow);z-index:1101;}
html[data-ui="recovery"] .cards-help-dialog {width:min(600px,calc(var(--vbr-vwidth,100vw) - 32px));padding:56px 12px 12px;}
html[data-ui="recovery"] .reset-dialog-title {color:var(--vbr-ink);font-size:24px;line-height:1.3;}
html[data-ui="recovery"] :is(.reset-dialog-description,.reset-dialog-footnote) {color:var(--vbr-muted);}
html[data-ui="recovery"] .reset-dialog-preserved {background:var(--vbr-success-bg);color:var(--vbr-success);}
html[data-ui="recovery"] .reset-dialog-content input:not([type="checkbox"]):not([type="radio"]) {width:100%;min-width:0;min-height:48px;font-size:16px;padding:12px;background:var(--vbr-bg);color:var(--vbr-ink);border:1px solid var(--vbr-control);border-radius:12px;}
html[data-ui="recovery"] .reset-dialog-content :is(.primary,.secondary,.delete-account-button) {min-height:48px;padding:12px 16px;max-width:100%;line-height:1.4;white-space:normal;border:1px solid var(--vbr-line);border-radius:14px;background:var(--vbr-soft);color:var(--vbr-ink);}
html[data-ui="recovery"] .reset-dialog-content .primary {background:var(--vbr-action);color:var(--vbr-on-action);border-color:var(--vbr-action);}
html[data-ui="recovery"] .reset-dialog-content .delete-account-button {background:var(--vbr-danger-bg);color:var(--vbr-danger);border-color:var(--vbr-danger);}
html[data-ui="recovery"] .reset-dialog-content button:disabled {opacity:1;background:var(--vbr-soft);color:var(--vbr-muted);border-color:var(--vbr-line);}
html[data-ui="recovery"] .cards-help-close {color:var(--vbr-ink);}
html[data-ui="recovery"] .shell .delete-account-button {background:var(--vbr-danger-bg);color:var(--vbr-danger);border-color:var(--vbr-danger);}
html[data-ui="recovery"]:has(dialog[open]) {overflow:hidden;scrollbar-gutter:stable;}
html[data-ui="recovery"] body:has(dialog[open]) {overscroll-behavior:none;}
html[data-ui="recovery"] dialog.translation-display[open] {inset:auto;left:calc(var(--vbr-vleft,0px) + var(--vbr-vwidth,100vw)/2);top:calc(var(--vbr-vtop,0px) + var(--vbr-vheight,100dvh)/2);transform:translate(-50%,-50%);width:min(960px,calc(var(--vbr-vwidth,100vw) - 32px));max-height:calc(var(--vbr-vheight,100dvh) - 32px);margin:0;background:var(--vbr-surface);color:var(--vbr-ink);border-color:var(--vbr-line);}
html[data-ui="recovery"] dialog.translation-display p {color:var(--vbr-ink);}
html[data-ui="recovery"] :is(.sprint-shell,.sprint-dialog,.word-trainer,.trainer-top,.trainer-hud,.trainer-bottom) {background:var(--vbr-surface);color:var(--vbr-ink);border-color:var(--vbr-line);}
html[data-ui="recovery"] :is(.sprint-dialog,.word-trainer) :is(h1,h2,h3,h4,.sprint-prompt) {color:var(--vbr-ink);}
html[data-ui="recovery"] :is(.sprint-options,.sprint-modes,.sprint-tiles,.sprint-built) button {min-height:48px;background:var(--vbr-soft);color:var(--vbr-ink);border-color:var(--vbr-line);}
html[data-ui="recovery"] .sprint-modes [aria-pressed="true"] {background:var(--vbr-action);color:var(--vbr-on-action);}
html[data-ui="recovery"] :is(.pair-tile,.letter-slot,.letter-tile,.letter-field,.pair-field,.trainer-secondary,.trainer-listen,.trainer-sound) {background:var(--vbr-soft);color:var(--vbr-ink);border-color:var(--vbr-line);}
html[data-ui="recovery"] .trainer-primary {background:var(--vbr-action);color:var(--vbr-on-action);}
html[data-ui="recovery"] :is(.pair-tile.is-matched,.pair-tile.is-correct,.trainer-response.is-success,.exercise.correct) {background:var(--vbr-success-bg);color:var(--vbr-success);border-color:var(--vbr-success);}
html[data-ui="recovery"] .exercise.correct {animation:recovery-success 280ms var(--vbr-ease) both;}
@keyframes recovery-success {from{box-shadow:0 0 0 0 rgb(33 100 79 / 0%)}50%{box-shadow:0 0 0 4px rgb(33 100 79 / 14%)}to{box-shadow:inset 0 0 0 1px var(--vbr-success)}}
html[data-ui="recovery"] :is(.flash-sheet,.flash-source,.flash-answer,.reveal-button,.rule-sheet,.review-summary,.review-banner,.stats,.study-more,.batch-summary,.audio-speed-control) {background:var(--vbr-surface);color:var(--vbr-ink);border-color:var(--vbr-line);}
html[data-ui="recovery"] :is(.stats span,.trainer-finish-copy,.trainer-instruction,.sprint-finish p) {color:var(--vbr-muted);}
html[data-ui="recovery"] :is(.flash-answer p,.flash-learned) {color:var(--vbr-action);}
html[data-ui="recovery"] :is(.finance-settings,.finance-admin,.finance-checkout,.vbr-referral) {--fc-ink:var(--vbr-ink);--fc-blue:var(--vbr-action);--fc-soft:var(--vbr-soft);background:var(--vbr-surface);color:var(--vbr-ink);border-color:var(--vbr-line);}
html[data-ui="recovery"] :is(.finance-settings,.finance-admin,.finance-checkout) :is(button,input,select,textarea,.finance-join,.finance-payout-review,.finance-admin-grid article) {background:var(--vbr-soft);color:var(--vbr-ink);border-color:var(--vbr-control);}
html[data-ui="recovery"] :is(.finance-table,.billing-table) {max-width:100%;min-width:0;overflow:auto;overscroll-behavior-x:contain;}
html[data-ui="recovery"] :is(.finance-table,.billing-table) :is(td,th) {background:transparent;color:var(--vbr-ink);border-color:var(--vbr-line);}
html[data-ui="recovery"] :is(.admin-shell,.finance-settings) :is(fieldset,.admin-user-section,.admin-user-card,.billing-plan,.billing-save-actions,.billing-plan-summary,.user-subscription) {background:var(--vbr-surface);color:var(--vbr-ink);border-color:var(--vbr-line);}
html[data-ui="recovery"] .admin-shell header>div {min-width:0;}
html[data-ui="recovery"] .admin-tabs {flex-wrap:wrap;background:var(--vbr-surface);border-color:var(--vbr-line);}
html[data-ui="recovery"] .admin-shell :is(.admin-list button,.admin-list button.selected,.billing-mode,.billing-plan-summary,.admin-course-card,.admin-notice) {background:var(--vbr-soft);color:var(--vbr-ink);border-color:var(--vbr-line);}
html[data-ui="recovery"] :is(.pricing-card,.subscription-current,.account-current,.stats-mini-grid article,.stats-course-row,.confidence-list li) {background:var(--vbr-surface);color:var(--vbr-ink);border-color:var(--vbr-line);}
html[data-ui="recovery"] .vosebrio-confirmation {color:var(--vbr-success);}
html[data-ui="recovery"] .vosebrio-confirmation .vosebrio-confirmation-copy small {color:var(--vbr-muted);}
html[data-ui="recovery"] .studio-plan-options input[type="radio"] {width:20px;min-height:20px;height:20px;}
html[data-ui="recovery"] :is(.uy-landing,.ar-landing) {background:var(--vbr-bg);color:var(--vbr-ink);--uy-blue:var(--vbr-action);--uy-ink:var(--vbr-ink);--ar-blue:var(--vbr-action);--ar-ink:var(--vbr-ink);--ar-muted:var(--vbr-muted);--ar-celeste:var(--vbr-soft);}
html[data-ui="recovery"] :is(.uy-header,.ar-header) {width:100%;max-width:1248px;margin-inline:auto;display:flex;flex-wrap:wrap;gap:16px;padding:24px var(--vbr-gutter);background:transparent;}
html[data-ui="recovery"] :is(.uy-header,.ar-header)>.studio-theme-toggle {order:2;margin-left:auto;}
html[data-ui="recovery"] :is(.uy-header,.ar-header)>nav {order:3;}
html[data-ui="recovery"] :is(.uy-hero,.ar-hero) {max-width:1248px;margin-inline:auto;background:transparent;}
html[data-ui="recovery"] :is(.uy-refresh-step,.uy-refresh-mini-card,.uy-feature-tile,.uy-auth-card,.ar-phrase-board,.ar-language-grid article,.ar-start-grid article,.ar-faq-grid details,.uy-refresh-faq-grid details,.uy-welcome,.ar-welcome) {background:var(--vbr-surface);color:var(--vbr-ink);border-color:var(--vbr-line);}
html[data-ui="recovery"] :is(.uy-landing,.ar-landing) :is(p,small,li) {color:var(--vbr-muted);}
html[data-ui="recovery"] :is(.uy-google,.uy-cta,.ar-cta,.uy-refresh-start) {background:var(--vbr-action);color:var(--vbr-on-action);min-height:48px;border-color:var(--vbr-action);}
html[data-ui="recovery"] .native-home,html[data-ui="recovery"] .offline {color:var(--vbr-ink);}
html[data-ui="recovery"] :is(.native-home,.offline) {--ink:var(--vbr-ink);--muted:var(--vbr-muted);--surface:var(--vbr-surface);--soft:var(--vbr-soft);--action:var(--vbr-action);--line:var(--vbr-line);}
html[data-ui="recovery"] .native-home .country,html[data-ui="recovery"] .offline .study-card {background:var(--vbr-surface);color:var(--vbr-ink);border-color:var(--vbr-line);}
html[data-ui="recovery"] :is(.native-home,.offline) :is(p,.answer,.note) {color:var(--vbr-muted);}
html[data-ui="recovery"] :is(.native-home,.offline) :is(.primary,.secondary,button:not(.studio-theme-toggle)) {min-height:48px;background:var(--vbr-soft);color:var(--vbr-ink);border-color:var(--vbr-line);}
html[data-ui="recovery"] .native-home .primary {background:var(--vbr-action);color:var(--vbr-on-action);}
html[data-ui="recovery"] .country-page-footer {background:var(--vbr-bg);border-color:var(--vbr-line);}
html[data-ui="recovery"] body>main:not(.recovery-pay) {width:100%;max-width:960px;margin-inline:auto;color:var(--vbr-ink);background:var(--vbr-bg);}
html[data-ui="recovery"] body>main p {color:var(--vbr-muted);}
html[data-ui="recovery"] :is(.country-privacy,.country-switch,.uy-header a,.ar-header a,.recovery-pay a) {display:inline-flex;align-items:center;min-height:48px;}
html[data-ui="recovery"] .recovery-checkout {display:grid;place-items:center;min-height:100dvh;padding:24px var(--vbr-gutter);}
html[data-ui="recovery"] .recovery-pay {width:100%;max-width:880px;min-width:0;margin:0;padding:clamp(24px,5vw,48px);border:1px solid var(--vbr-line);border-radius:24px;background:var(--vbr-surface);box-shadow:var(--vbr-shadow);color:var(--vbr-ink);}
html[data-ui="recovery"] .recovery-pay .country-appearance {display:flex;justify-content:flex-end;margin:0 0 24px;}
html[data-ui="recovery"] .recovery-pay h1 {font-size:clamp(28px,4vw,40px);line-height:1.2;margin:16px 0 24px;}
html[data-ui="recovery"] .recovery-pay :is(p,#status) {color:var(--vbr-muted);line-height:1.7;overflow-wrap:anywhere;}
html[data-ui="recovery"] .recovery-pay #status {min-height:72px;}
html[data-ui="recovery"] .recovery-pay #retry {width:100%;min-height:52px;background:var(--vbr-action);color:var(--vbr-on-action);border:0;border-radius:14px;}
html[data-ui="recovery"] .recovery-audio-status {display:flex;align-items:center;gap:12px;min-height:48px;color:var(--vbr-muted);font-size:14px;}
html[data-ui="recovery"] .recovery-audio-bars {display:inline-flex;align-items:center;justify-content:center;gap:3px;width:40px;height:28px;flex:0 0 40px;color:var(--vbr-action);}
html[data-ui="recovery"] .recovery-audio-bars i {width:3px;height:8px;border-radius:3px;background:currentColor;transform-origin:center;}
html[data-ui="recovery"] .recovery-audio-bars.is-playing i {animation:recovery-wave 900ms ease-in-out infinite;}
html[data-ui="recovery"] .recovery-audio-bars i:nth-child(2n) {animation-delay:-240ms;}
html[data-ui="recovery"] .recovery-audio-bars i:nth-child(3) {animation-delay:-480ms;}
@keyframes recovery-wave {0%,100%{transform:scaleY(1)}50%{transform:scaleY(2.5)}}
/* The arcade art keeps its own scenery; its controls use the selected palette. */
html[data-ui="recovery"] body.recovery-game>main {background:transparent;}
html[data-ui="recovery"] .recovery-game :is(.dialog,.dashboard,.hud,.topbar,.toolbar) {background:var(--vbr-surface);color:var(--vbr-ink);border-color:var(--vbr-line);}
html[data-ui="recovery"] .recovery-game :is(.dialog p,.dialog .tip,.dialog .keyboard-tip,.dialog .eyebrow,.dialog-eyebrow,.dialog .guide-symbol,.dialog .intro-rules,.dialog .result-stats span,.dialog .difficulty-picker legend) {color:var(--vbr-muted);}
html[data-ui="recovery"] .recovery-game :is(.dialog .primary,.dialog .secondary,.difficulty-options button,.icon,.icon-button) {min-width:48px;min-height:48px;padding:10px;background:var(--vbr-soft);color:var(--vbr-ink);border-color:var(--vbr-control);}
html[data-ui="recovery"] .recovery-game :is(.icon,.icon-button) {width:48px;height:48px;flex:0 0 48px;}
html[data-ui="recovery"] .recovery-game :is(.dialog .primary,.difficulty-options button[aria-pressed="true"]) {background:var(--vbr-action);color:var(--vbr-on-action);border-color:var(--vbr-action);}
html[data-ui="recovery"] .recovery-game :is(.dialog .intro-rules b,.dialog .result-stats strong,.topbar h1,.toolbar h1,.hud strong,.dashboard strong) {color:var(--vbr-ink);}
html[data-ui="recovery"] .recovery-game :is(.hud span,.dashboard span,.topbar .heading>span,.toolbar .eyebrow) {color:var(--vbr-muted);}
html[data-ui="recovery"] .recovery-game :is(.dialog,.guide-list,.difficulty-options,.toolbar .title,.topbar .heading) {min-width:0;}
html[data-ui="recovery"] .recovery-game .dialog :is(p,.tip,.keyboard-tip,.guide-symbol,.guide-dialog p) {font-size:12px;}
html[data-ui="recovery"] .recovery-game .overlay {backdrop-filter:blur(5px);}
html[data-ui="recovery"] :is(.word-trainer,.culture-arcade-shell).game-window-expanded {background:var(--vbr-bg);}
html[data-ui="recovery"] .cards-video-controls {background:var(--vbr-surface);color:var(--vbr-ink);}
html[data-ui="recovery"] :is(.cards-video-play,.cards-video-speeds button) {min-height:48px;min-width:48px;background:var(--vbr-soft);color:var(--vbr-ink);}
html[data-ui="recovery"] .cards-video-speeds button[aria-pressed="true"] {background:var(--vbr-action);color:var(--vbr-on-action);}
html[data-ui="recovery"] .recovery-finance-chart {margin:24px 0;padding:20px;border:1px solid var(--vbr-line);border-radius:20px;background:var(--vbr-bg);}
html[data-ui="recovery"] .recovery-finance-chart :is(p,dt) {color:var(--vbr-muted);}
html[data-ui="recovery"] .recovery-finance-chart dl {display:grid;gap:12px;margin:16px 0 0;}
html[data-ui="recovery"] .recovery-finance-chart dl>div {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:16px;align-items:center;}
html[data-ui="recovery"] .recovery-finance-chart dd {display:flex;align-items:center;gap:12px;margin:0;font-variant-numeric:tabular-nums;}
html[data-ui="recovery"] .recovery-finance-bar {flex:1;min-width:0;height:8px;border-radius:8px;background:var(--vbr-soft);overflow:hidden;}
html[data-ui="recovery"] .recovery-finance-bar i {display:block;height:100%;border-radius:inherit;background:var(--vbr-action);}
@media(max-width:1100px) {html[data-ui="recovery"] .translator-workspace {grid-template-columns:minmax(0,1fr);}html[data-ui="recovery"] .account-name {max-width:100px;}}
@media(max-width:740px) {
 html[data-ui="recovery"] body :is(.shell,.shell:not(.course-home),.admin-shell) {padding-top:24px;padding-bottom:32px;}
 html[data-ui="recovery"] .country-picker .country-options,html[data-ui="recovery"] .course-grid {grid-template-columns:minmax(0,1fr);gap:16px;}
 html[data-ui="recovery"] .country-picker .country-tile {min-height:0;padding:24px;}
 html[data-ui="recovery"] .country-picker .country-tile>.country-mascot {width:80px;height:80px;margin:16px 0;}
 html[data-ui="recovery"] .account.account-bar {grid-template-columns:minmax(0,1fr);gap:12px;}
 html[data-ui="recovery"] .account .account-profile {flex-wrap:wrap;justify-content:space-between;grid-row:1;gap:8px;padding:0 0 12px;border:0;border-bottom:1px solid var(--vbr-line);}
 html[data-ui="recovery"] .account-name {flex:1;max-width:none;min-width:0;order:1;}
 html[data-ui="recovery"] .account .studio-theme-toggle {order:2;min-width:112px;padding:8px;}
 html[data-ui="recovery"] .account .studio-theme-label {display:none;}
 html[data-ui="recovery"] .account-exit {order:3;}
 html[data-ui="recovery"] .account-navigation {position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:100%;max-width:none;margin:0;padding:0;}
 html[data-ui="recovery"] .account.account-bar .account-navigation button {width:100%;min-width:0;min-height:56px;white-space:normal;font-size:12px;line-height:1.3;}
 html[data-ui="recovery"] .shell .course-tile {min-height:0;padding:24px;}
 html[data-ui="recovery"] .shell.translator-shell .translator-workspace>.panel {padding:20px;}
 html[data-ui="recovery"] :is(.uy-header,.ar-header)>nav {width:100%;justify-content:space-between;flex-wrap:wrap;gap:12px;}
 html[data-ui="recovery"] .reset-dialog-actions {display:grid;grid-template-columns:minmax(0,1fr);}
 html[data-ui="recovery"] .reset-dialog-actions>button {width:100%;}
}
@media(max-width:359px) {html[data-ui="recovery"] .translator-shell .photo-actions {grid-template-columns:minmax(0,1fr);}html[data-ui="recovery"] .studio-theme-toggle {gap:6px;}}
@media(prefers-reduced-motion:reduce) {html[data-ui="recovery"] *,html[data-ui="recovery"] *::before,html[data-ui="recovery"] *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important;}html[data-ui="recovery"] :is(button,.country-tile,.course-tile):is(:active,:hover) {transform:none!important;}}
@media(forced-colors:active) {html[data-ui="recovery"] :is(.panel,.country-tile,.course-tile,.studio-theme-toggle,.reset-dialog-content) {border:1px solid CanvasText;box-shadow:none;}html[data-ui="recovery"] .studio-theme-track {background:Highlight;forced-color-adjust:none;}}
