/* learner-emg — generated by @ai-content-hub/ui uiThemeCss; do not edit */
:root {
    --ui-color-primary: #f47a20;
    --ui-color-secondary: #c85f0f;
    --ui-color-cta: #f47a20;
    --ui-color-cta-light: #fde7d6;
    --ui-color-accent-light: #fde7d6;
    --ui-color-accent-medium: #e6d2c0;
    --ui-color-sidebar-menu-selected-bg: #fde7d6;
    --ui-color-sidebar-menu-selected-text: #3a2e28;
    --ui-color-background: #ffffff;
    --ui-color-surface: #FFFFFF;
    --ui-color-surface-hover: #FAFAFA;
    --ui-color-surface-elevated: #FFFFFF;
    --ui-color-fill: #fff3ea;
    --ui-color-text: #3a2e28;
    --ui-color-text-secondary: #7a6a60;
    --ui-color-text-muted: #7a6a60;
    --ui-color-text-light: #94A1AD;
    --ui-color-text-on-cta: #FFFFFF;
    --ui-color-table-header-bg: #FAFAFA;
    --ui-color-table-header-text: #52606D;
    --ui-color-border: #f1e3d6;
    --ui-color-divider: #f1e3d6;
    --ui-color-control-ring: #CBD2D9;
    --ui-color-success: #2e8b57;
    --ui-color-success-light: #D1FAE5;
    --ui-color-success-text: #047857;
    --ui-color-warning: #b26a00;
    --ui-color-warning-bg: #FFFBEB;
    --ui-color-warning-text: #B45309;
    --ui-color-error: #d64545;
    --ui-color-error-bg: #FEE2E2;
    --ui-color-error-text: #B91C1C;
    --ui-color-info: #1D4ED8;
    --ui-color-info-bg: #DBEAFE;
    --ui-color-info-border: #BFDBFE;
    --ui-color-chip-ok-bg: #F0FDF4;
    --ui-color-chip-ok-ring: #BBF7D0;
    --ui-color-chip-ok-text: #166534;
    --ui-color-chip-stale-bg: #FEF2F2;
    --ui-color-chip-stale-ring: #FECACA;
    --ui-color-chip-stale-text: #B91C1C;
    --ui-color-code-bg: #F4F5F7;
    --ui-color-overlay-scrim: rgba(255, 255, 255, 0.9);
    --ui-font-body: 'Quicksand', 'Nunito', system-ui, sans-serif;
    --ui-font-display: 'Baloo 2', 'Quicksand', system-ui, sans-serif;
    --ui-font-mono: ui-monospace, Menlo, Consolas, monospace;
    --ui-radius-control: 16px;
    --ui-radius-card: 30px;
    --ui-radius-modal: 26px;
    --ui-radius-pill: 999px;
    --ui-layout-sidebar-width: 296px;
    --ui-layout-sidebar-rail: 0px;
    --ui-layout-sidebar-compact: 236px;
    --ui-layout-topbar-height: 56px;
    --ui-layout-page-max-width: 1680px;
    --ui-layout-page-gutter: 40px;
    --ui-layout-page-gutter-phone: 16px;
    --ui-layout-density: comfortable;
    --ui-layout-sidebar-variant: floating;
    --ui-layout-hero: split;
    --ui-layout-tickets-per-row: 4;
    --ui-layout-cards-per-row: 3;
    --ui-bp-sm: 576px;
    --ui-bp-md: 768px;
    --ui-bp-lg: 992px;
    --ui-bp-xl: 1200px;
    --ui-bp-xxl: 1600px;
    --ui-learner-accent: #f47a20;
    --ui-learner-accent-deep: #c85f0f;
    --ui-learner-accent-soft: #fde7d6;
    --ui-learner-char: #2b2b2b;
    --ui-learner-white: #ffffff;
    --ui-learner-face-ink: #1d3b52;
    --ui-learner-ground: #fff7f0;
    --ui-learner-surface2: #fff3ea;
    --ui-learner-border: #f1e3d6;
    --ui-learner-text: #3a2e28;
    --ui-learner-muted: #7a6a60;
    --ui-learner-faint: #93847a;
    --ui-learner-leaf: #5cb86d;
    --ui-learner-leaf-deep: #3f9a4c;
    --ui-learner-mint: #d6f0e3;
    --ui-learner-mint-deep: #7fcba3;
    --ui-learner-mint-ink: #1f6a46;
    --ui-learner-sky: #cfe6f5;
    --ui-learner-sky-deep: #6fb3dd;
    --ui-learner-sky-ink: #2b6f9a;
    --ui-learner-sun: #ffe3a0;
    --ui-learner-sun-soft: #fff3c4;
    --ui-learner-sun-ink: #7a4b00;
    --ui-learner-gold: #ffd23f;
    --ui-learner-peach: #ffd9bd;
    --ui-learner-rose: #ffd3e0;
    --ui-learner-lilac: #e3d9f7;
    --ui-learner-lilac-deep: #a78bfa;
    --ui-learner-scene-sky: #dcefff;
    --ui-learner-scene-hill: #e8f6df;
    --ui-learner-scene-hill2: #cfe9c2;
    --ui-learner-trunk: #b07a4a;
    --ui-learner-tree-leaf: #9ad97f;
    --ui-learner-tree-leaf2: #7fcba3;
    --ui-learner-chest-wood: #c98a3a;
    --ui-learner-chest-lid: #e0a85a;
    --ui-learner-flame: #ff9a4a;
    --ui-learner-shadow: rgba(60, 40, 20, 0.12);
    --ui-learner-font-display: 'Baloo 2', 'Quicksand', system-ui, sans-serif;
    --ui-learner-font-body: 'Quicksand', 'Nunito', system-ui, sans-serif;
    --ui-content-player-frame: none;
    --ui-choice-option-key-style: letter;
    --ui-choice-option-min-height: 56px;
    --ui-choice-option-border-width: 1px;
    --ui-blank-radius: 10px;
    --ui-blank-font-size: 18px;
    --ui-blank-min-width-ch: 6;
    --ui-word-chip-radius: 999px;
    --ui-word-chip-height: 40px;
    --ui-drop-zone-border-style: solid;
    --ui-speaker-button-size: 56px;
    --ui-speaker-button-size-lg: 92px;
    --ui-record-button-size: 92px;
    --ui-feedback-banner-tone: soft;
    --ui-lesson-panels-arrangement: stacked;
    --ui-essay-input-editor: plain;
    --ui-match-board-layout: columns;
    --ui-vocab-card-layout: flash;
    --ui-button-font-weight: 800;
    --ui-ticket-radius: 28px;
    --ui-ticket-band-height: 140px;
    --ui-ticket-min-height: 290px;
    --ui-scene-hero-min-height: 480px;
    --ui-scene-hero-radius: 36px;
    --ui-scene-hero-title-size: 52px;
    --ui-road-map-height: 300px;
    --ui-road-map-node-size: 66px;
    --ui-learner-card-radius: 30px;
    --ui-learner-card-padding: 30px;
    --ui-goal-ring-size: 200px;
    --ui-drawer-width: 420px;
    --ui-form-field-required-mark: leading;
    --ui-form-field-message-font-size: 13px;
    --ui-setting-toggle-row-bare: true;
}
:root[data-ui-theme="learner-emg"] {
    --ui-color-primary: #f47a20;
    --ui-color-secondary: #c85f0f;
    --ui-color-cta: #f47a20;
    --ui-color-cta-light: #fde7d6;
    --ui-color-accent-light: #fde7d6;
    --ui-color-accent-medium: #e6d2c0;
    --ui-color-sidebar-menu-selected-bg: #fde7d6;
    --ui-color-sidebar-menu-selected-text: #3a2e28;
    --ui-color-background: #ffffff;
    --ui-color-surface: #FFFFFF;
    --ui-color-surface-hover: #FAFAFA;
    --ui-color-surface-elevated: #FFFFFF;
    --ui-color-fill: #fff3ea;
    --ui-color-text: #3a2e28;
    --ui-color-text-secondary: #7a6a60;
    --ui-color-text-muted: #7a6a60;
    --ui-color-text-light: #94A1AD;
    --ui-color-text-on-cta: #FFFFFF;
    --ui-color-table-header-bg: #FAFAFA;
    --ui-color-table-header-text: #52606D;
    --ui-color-border: #f1e3d6;
    --ui-color-divider: #f1e3d6;
    --ui-color-control-ring: #CBD2D9;
    --ui-color-success: #2e8b57;
    --ui-color-success-light: #D1FAE5;
    --ui-color-success-text: #047857;
    --ui-color-warning: #b26a00;
    --ui-color-warning-bg: #FFFBEB;
    --ui-color-warning-text: #B45309;
    --ui-color-error: #d64545;
    --ui-color-error-bg: #FEE2E2;
    --ui-color-error-text: #B91C1C;
    --ui-color-info: #1D4ED8;
    --ui-color-info-bg: #DBEAFE;
    --ui-color-info-border: #BFDBFE;
    --ui-color-chip-ok-bg: #F0FDF4;
    --ui-color-chip-ok-ring: #BBF7D0;
    --ui-color-chip-ok-text: #166534;
    --ui-color-chip-stale-bg: #FEF2F2;
    --ui-color-chip-stale-ring: #FECACA;
    --ui-color-chip-stale-text: #B91C1C;
    --ui-color-code-bg: #F4F5F7;
    --ui-color-overlay-scrim: rgba(255, 255, 255, 0.9);
    --ui-font-body: 'Quicksand', 'Nunito', system-ui, sans-serif;
    --ui-font-display: 'Baloo 2', 'Quicksand', system-ui, sans-serif;
    --ui-font-mono: ui-monospace, Menlo, Consolas, monospace;
    --ui-radius-control: 16px;
    --ui-radius-card: 30px;
    --ui-radius-modal: 26px;
    --ui-radius-pill: 999px;
    --ui-layout-sidebar-width: 296px;
    --ui-layout-sidebar-rail: 0px;
    --ui-layout-sidebar-compact: 236px;
    --ui-layout-topbar-height: 56px;
    --ui-layout-page-max-width: 1680px;
    --ui-layout-page-gutter: 40px;
    --ui-layout-page-gutter-phone: 16px;
    --ui-layout-density: comfortable;
    --ui-layout-sidebar-variant: floating;
    --ui-layout-hero: split;
    --ui-layout-tickets-per-row: 4;
    --ui-layout-cards-per-row: 3;
    --ui-bp-sm: 576px;
    --ui-bp-md: 768px;
    --ui-bp-lg: 992px;
    --ui-bp-xl: 1200px;
    --ui-bp-xxl: 1600px;
    --ui-learner-accent: #f47a20;
    --ui-learner-accent-deep: #c85f0f;
    --ui-learner-accent-soft: #fde7d6;
    --ui-learner-char: #2b2b2b;
    --ui-learner-white: #ffffff;
    --ui-learner-face-ink: #1d3b52;
    --ui-learner-ground: #fff7f0;
    --ui-learner-surface2: #fff3ea;
    --ui-learner-border: #f1e3d6;
    --ui-learner-text: #3a2e28;
    --ui-learner-muted: #7a6a60;
    --ui-learner-faint: #93847a;
    --ui-learner-leaf: #5cb86d;
    --ui-learner-leaf-deep: #3f9a4c;
    --ui-learner-mint: #d6f0e3;
    --ui-learner-mint-deep: #7fcba3;
    --ui-learner-mint-ink: #1f6a46;
    --ui-learner-sky: #cfe6f5;
    --ui-learner-sky-deep: #6fb3dd;
    --ui-learner-sky-ink: #2b6f9a;
    --ui-learner-sun: #ffe3a0;
    --ui-learner-sun-soft: #fff3c4;
    --ui-learner-sun-ink: #7a4b00;
    --ui-learner-gold: #ffd23f;
    --ui-learner-peach: #ffd9bd;
    --ui-learner-rose: #ffd3e0;
    --ui-learner-lilac: #e3d9f7;
    --ui-learner-lilac-deep: #a78bfa;
    --ui-learner-scene-sky: #dcefff;
    --ui-learner-scene-hill: #e8f6df;
    --ui-learner-scene-hill2: #cfe9c2;
    --ui-learner-trunk: #b07a4a;
    --ui-learner-tree-leaf: #9ad97f;
    --ui-learner-tree-leaf2: #7fcba3;
    --ui-learner-chest-wood: #c98a3a;
    --ui-learner-chest-lid: #e0a85a;
    --ui-learner-flame: #ff9a4a;
    --ui-learner-shadow: rgba(60, 40, 20, 0.12);
    --ui-learner-font-display: 'Baloo 2', 'Quicksand', system-ui, sans-serif;
    --ui-learner-font-body: 'Quicksand', 'Nunito', system-ui, sans-serif;
    --ui-content-player-frame: none;
    --ui-choice-option-key-style: letter;
    --ui-choice-option-min-height: 56px;
    --ui-choice-option-border-width: 1px;
    --ui-blank-radius: 10px;
    --ui-blank-font-size: 18px;
    --ui-blank-min-width-ch: 6;
    --ui-word-chip-radius: 999px;
    --ui-word-chip-height: 40px;
    --ui-drop-zone-border-style: solid;
    --ui-speaker-button-size: 56px;
    --ui-speaker-button-size-lg: 92px;
    --ui-record-button-size: 92px;
    --ui-feedback-banner-tone: soft;
    --ui-lesson-panels-arrangement: stacked;
    --ui-essay-input-editor: plain;
    --ui-match-board-layout: columns;
    --ui-vocab-card-layout: flash;
    --ui-button-font-weight: 800;
    --ui-ticket-radius: 28px;
    --ui-ticket-band-height: 140px;
    --ui-ticket-min-height: 290px;
    --ui-scene-hero-min-height: 480px;
    --ui-scene-hero-radius: 36px;
    --ui-scene-hero-title-size: 52px;
    --ui-road-map-height: 300px;
    --ui-road-map-node-size: 66px;
    --ui-learner-card-radius: 30px;
    --ui-learner-card-padding: 30px;
    --ui-goal-ring-size: 200px;
    --ui-drawer-width: 420px;
    --ui-form-field-required-mark: leading;
    --ui-form-field-message-font-size: 13px;
    --ui-setting-toggle-row-bare: true;
}
body { background: #ffffff; color: #3a2e28; font-family: 'Quicksand', 'Nunito', system-ui, sans-serif; }