/* UserV1 Focus 1.5.0 Tinh Hoa Do-Vang. Opt-in styles; other Razor pages keep their original UI. */
.user-v1-focus-page {
    --focus-ink: #512c33;
    --focus-muted: #786354;
    --focus-blue: #740d29;
    --focus-blue-soft: #fff2dc;
    --focus-gold: #98731d;
    --focus-line: #e4d8c0;
    --focus-surface: #fffaf0;
    --focus-bg: #fbf6e9;
    --focus-dock-height: 78px;
    margin: 0;
    background: var(--focus-bg);
    color: var(--focus-ink);
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color-scheme: light;
}
.user-v1-focus-page .body { background: var(--focus-bg); }
.user-v1-focus-page .main {
    max-width: 1000px;
    min-width: 0;
    margin: 0 auto;
    background: var(--focus-bg);
}
.user-v1-focus-page .user-file-wrapper {
    max-width: none;
    padding: 0 16px calc(var(--focus-dock-height) + 28px) !important;
    min-height: 100vh;
}
.user-v1-focus-page *, .user-v1-focus-page *::before, .user-v1-focus-page *::after { box-sizing: border-box; }
.user-v1-focus .focus-header, .user-v1-focus .focus-shell, .user-v1-focus .focus-utility-dock { display: none; }
.user-v1-focus.focus-ready { user-select: text; -webkit-user-select: text; }
.user-v1-focus.focus-ready .focus-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 100px;
    padding: 20px 58px 20px 0;
    border-bottom: 1px solid var(--focus-line);
}
.user-v1-focus .focus-brand { min-width: 0; }
.user-v1-focus .focus-brand h1 {
    margin: 0;
    color: var(--focus-ink);
    font-size: clamp(17px, 2.8vw, 24px);
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -.025em;
    overflow-wrap: anywhere;
}
.user-v1-focus .focus-brand p { margin: 5px 0 0; color: var(--focus-muted); font-size: 13px; }
.user-v1-focus.focus-ready .focus-shell { display: flex; flex-direction: column; gap: 18px; padding: 18px 0; }
.user-v1-focus .focus-controls { display: flex; flex-direction: column; gap: 12px; }
.user-v1-focus .focus-section {
    min-width: 0;
    padding: 20px;
    border: 1px solid var(--focus-line);
    border-radius: 18px;
    background: var(--focus-surface);
    scroll-margin-top: 16px;
}
.user-v1-focus .focus-section-title { color: var(--focus-ink); font-size: 16px; font-weight: 650; margin: 0 0 14px; line-height: 1.4; }
.user-v1-focus .focus-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 14px; }
.user-v1-focus .focus-section-heading .focus-section-title { margin: 0; }
.user-v1-focus .focus-section.focus-study { border-top: 3px solid var(--focus-gold); box-shadow: 0 8px 24px #6a193006; }
.user-v1-focus .focus-section.focus-no-actions { border: 0; padding: 0; background: transparent; }
.user-v1-focus .focus-no-actions > .focus-section-title { display: none; }
.user-v1-focus #focus-language-slot > .select-upload-data { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 14px; margin: 0; }
.user-v1-focus #focus-language-slot .div-flex { min-width: 0; width: 100%; margin: 0 !important; }
.user-v1-focus #focus-language-slot label { font-size: 13px; color: var(--focus-muted); margin: 0 0 6px; }
.user-v1-focus #focus-language-slot select { width: 100%; max-width: none; align-self: stretch; }
.user-v1-focus .focus-preparation { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; }
.user-v1-focus .focus-preparation.focus-input-expanded { grid-template-columns: minmax(0, 1fr); }
.user-v1-focus #focus-input-slot, .user-v1-focus #focus-getdata-slot { min-width: 0; }
.user-v1-focus #fileUploadDiv { margin: 0; padding: 0; }
.user-v1-focus #fileUploadDiv > .d-flex { margin: 0; }
.user-v1-focus #fileUploadDiv .collapse-btn {
    width: 100%;
    min-height: 48px;
    margin: 0;
    padding: 10px 12px;
    color: var(--focus-ink);
    border: 1px solid var(--focus-line);
    background: var(--focus-surface);
    box-shadow: none;
    font-size: 14px;
    font-weight: 600;
}
.user-v1-focus #fileUploadDiv .mycollapse > .border-solid-r10 { margin-top: 10px; padding: 14px; background: #fffaf0; border-color: var(--focus-line); }
.user-v1-focus #fileUploadDiv .select-upload-data { gap: 10px; flex-wrap: wrap; }
.user-v1-focus #fileUploadDiv textarea { min-height: 90px; padding: 10px 12px; }
.user-v1-focus #focus-getdata-slot > .flex-column-space-between { display: block; }
.user-v1-focus #focus-getdata-slot .focus-action { width: 100%; min-height: 48px; }
.user-v1-focus .focus-empty { padding: 12px 0 20px; color: var(--focus-muted); }
.user-v1-focus .focus-empty p { margin: 0 0 10px; }
.user-v1-focus .focus-empty a { color: var(--focus-blue); display: inline-block; min-height: 44px; padding: 8px 0; }
.user-v1-focus [hidden], .user-v1-focus-page .focus-action[hidden] { display: none !important; }
.user-v1-focus .float-div-text {
    position: relative;
    top: auto;
    z-index: auto;
    max-width: none;
    width: 100%;
    background: transparent;
    border: 0;
    border-radius: 0;
    margin: 0;
}
.user-v1-focus .float-div-text > .d-flex { align-items: center; gap: 14px; flex-wrap: wrap; }
.user-v1-focus #dc2 { min-width: 0; width: auto; flex: 1 1 230px; padding: 8px 0 16px; margin: 0 !important; border: 0; background: transparent; border-radius: 0; cursor: pointer; }
.user-v1-focus #dc2::before { display: none; }
.user-v1-focus #text-label { display: block; text-align: left; color: var(--focus-blue); font-size: clamp(24px, 3.4vw, 36px); line-height: 1.4; font-weight: 650; overflow-wrap: anywhere; }
.user-v1-focus #imgSpeaker { width: 72px; height: 90px; max-width: 22%; object-fit: contain; flex: 0 0 72px !important; cursor: pointer; border: 0; border-radius: 10px; }
.user-v1-focus #div-note-label-1, .user-v1-focus #div-note-label-2 { min-width: 0; flex: 1 1 240px !important; width: auto; padding: 14px 0; border: 0; border-top: 1px solid var(--focus-line); border-radius: 0; background: transparent; cursor: pointer; }
.user-v1-focus #note-label, .user-v1-focus #note-label-2 { font-size: 19px; line-height: 1.55; text-align: left; overflow-wrap: anywhere; }
.user-v1-focus #note-label { color: #9c3a42; }
.user-v1-focus #note-label-2 { color: #66551c; }
.user-v1-focus .focus-player-controls { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 0 0 18px; }
.user-v1-focus .focus-player-controls .focus-action { flex: 1 1 95px; }
.user-v1-focus-page .focus-action {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-width: 0;
    min-height: 44px;
    padding: 11px 12px;
    border: 1px solid var(--focus-line);
    border-radius: 11px;
    background: var(--focus-surface);
    color: var(--focus-ink);
    font: inherit;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
    box-shadow: none;
    cursor: pointer;
    white-space: normal;
    overflow-wrap: anywhere;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent;
}
.user-v1-focus-page .focus-primary { color: #fffaf0; background: var(--focus-blue); border-color: var(--focus-blue); }
.user-v1-focus-page .focus-action:hover { background: var(--focus-blue-soft); color: var(--focus-blue); }
.user-v1-focus-page .focus-primary:hover { background: #740d29; color: #fffaf0; }
.user-v1-focus-page .focus-glyph { font-size: 21px; flex: 0 0 auto; }
.user-v1-focus-page .focus-action-label { min-width: 0; }
.user-v1-focus-page .focus-guided { border-color: var(--focus-gold); box-shadow: 0 0 0 2px #a9823026; }
/* Keep originals mounted and state-readable, but render the crisp icon + label. */
.user-v1-focus-page .focus-original-action {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 1px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    opacity: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    top: 0 !important;
    left: 0 !important;
}
.user-v1-focus .focus-native {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: auto !important;
    height: auto !important;
    transform: none !important;
    border-radius: 11px !important;
    background: var(--focus-bg) !important;
    color: var(--focus-ink) !important;
}
.user-v1-focus .focus-native > img, .user-v1-focus .focus-video-link > img { display: none; }
.user-v1-focus #focus-practice-slot .gr-action-icon { border: 0; margin: 0; padding: 0; }
.user-v1-focus #focus-practice-slot .imgcen { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 0 0 8px; }
.user-v1-focus #focus-practice-slot .focus-action { flex-direction: column; min-height: 76px; padding: 10px 6px; background: var(--focus-bg); border-color: transparent; font-size: 13px; }
.user-v1-focus #focus-practice-slot .focus-guided { border-color: var(--focus-gold); }
.user-v1-focus #focus-display-slot > .select-upload-data { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 6px 18px; border: 0; border-top: 1px solid var(--focus-line); padding: 10px 0 0; margin: 10px 0 0; }
.user-v1-focus #focus-display-slot .dflex-column { flex-direction: row; align-items: center; gap: 7px; min-height: 44px; }
.user-v1-focus #focus-filter-slot .checkbox-containner { display: flex; flex-wrap: wrap; gap: 6px 18px; justify-content: flex-start; padding: 6px 0; }
.user-v1-focus #focus-filter-slot .checkbox-wrapper { display: flex; flex-direction: row; align-items: center; gap: 7px; min-height: 44px; }
.user-v1-focus #focus-filter-slot label, .user-v1-focus #focus-display-slot label { font-size: 14px; color: var(--focus-muted); margin: 0; padding: 10px 0; cursor: pointer; }
.user-v1-focus #focus-filter-slot input[type="checkbox"], .user-v1-focus #focus-display-slot input[type="checkbox"] { width: 20px; height: 20px; margin: 0; accent-color: var(--focus-blue); flex-shrink: 0; }
.user-v1-focus #focus-count-slot #totalFile { background: var(--focus-blue-soft); color: var(--focus-blue); border: 0; border-radius: 8px; padding: 8px 10px; min-height: 40px; font-size: 14px; font-weight: 600; }
.user-v1-focus #focus-filter-slot .wrap-div-search { margin: 0; padding: 0; }
.user-v1-focus #search { width: 100%; min-width: 0; }
.user-v1-focus select, .user-v1-focus input[type="text"], .user-v1-focus input:not([type]), .user-v1-focus textarea { font-size: 16px; min-height: 44px; color: var(--focus-ink); background: #fffaf0; border: 1px solid var(--focus-line); border-radius: 9px; padding: 9px 11px; }
.user-v1-focus #fileList { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; margin: 12px 0 0; }
.user-v1-focus #fileList > .row { display: contents; }
.user-v1-focus #fileList > .row > .col { display: flex; min-width: 0; width: auto; padding: 0; }
.user-v1-focus #fileList .col > .div-file-text { flex: 1; min-width: 0; width: 100%; padding: 14px; border: 1px solid var(--focus-line); border-radius: 13px; background: #fffaf0; box-shadow: none; margin: 0; }
.user-v1-focus #fileList .col > .div-file-text-speaking { border: 2px solid var(--focus-blue); background: var(--focus-blue-soft); }
.user-v1-focus #fileList .fiP { padding: 10px 34px 10px 0; margin-bottom: 0; min-height: 52px; font-size: 19px; line-height: 1.55; text-align: left; color: var(--focus-ink); overflow-wrap: anywhere; cursor: pointer; }
.user-v1-focus #fileList .div-action { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 12px; }
.user-v1-focus #fileList .imgAction { position: static; inset: auto; width: 44px !important; height: 44px !important; object-fit: contain; padding: 9px; margin: 0; border: 1px solid var(--focus-line); border-radius: 9px; }
.user-v1-focus #fileList .divGroup { position: static; inset: auto; width: auto; margin-left: auto; min-width: 44px; min-height: 44px; display: flex; align-items: center; justify-content: center; }
.user-v1-focus #fileList .wh21 { width: 22px; height: 22px; accent-color: var(--focus-blue); }
.user-v1-focus #fileList .icon-star { width: 44px !important; height: 44px !important; max-width: 44px; top: 4px; right: 4px; padding: 7px; border: 1px solid var(--focus-line); border-radius: 9px; object-fit: contain; }
.user-v1-focus #focus-entry-slot > .div-space-evenly { display: flex; justify-content: flex-start; gap: 10px; flex-wrap: wrap; margin-bottom: 14px; }
.user-v1-focus #focus-entry-slot .flex-column-space-between { display: flex; flex-direction: row; gap: 10px; }
.user-v1-focus #focus-tools-slot .border-solid-r10 { border: 0; padding: 0; }
.user-v1-focus #focus-tools-slot .cwiz-div, .user-v1-focus #focus-tools-slot .feature-wrapper { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 0 0 8px; padding: 0; }
.user-v1-focus #focus-tools-slot .cwiz-div > .hidden-item { display: none; }
.user-v1-focus #focus-tools-slot .game-wrapper { margin: 0; padding: 0; width: auto; min-width: 0; display: flex; }
.user-v1-focus #focus-tools-slot .game-wrapper > .focus-action { width: 100%; }
.user-v1-focus #focus-tools-slot .focus-action { flex-direction: column; min-height: 84px; padding: 10px 6px; font-size: 13px; background: var(--focus-bg); border-color: transparent; }
.user-v1-focus #focus-tools-slot #countdown { position: relative; inset: auto; width: 100%; min-height: 84px; height: auto; padding: 12px 5px; background: #fff2dc; border: 1px solid #e4d8c0; box-shadow: none; border-radius: 11px; }
.user-v1-focus #focus-tools-slot #countdown::before, .user-v1-focus #focus-tools-slot #countdown::after, .user-v1-focus #focus-tools-slot #tiles::before, .user-v1-focus #focus-tools-slot #tiles::after { display: none; }
.user-v1-focus #focus-tools-slot #tiles { position: static; width: auto; }
.user-v1-focus #focus-tools-slot #tiles > span { width: auto; padding: 0; margin: 0; background: transparent; color: #66551c; box-shadow: none; font-size: 20px; }
.user-v1-focus #focus-tools-slot #countdown .labels { position: static; width: auto; }
.user-v1-focus #focus-tools-slot #buy-here { color: #66551c; font-size: 12px; margin: 3px 0 0; padding: 0; }
.user-v1-focus #focus-docs-slot .gr-and-docs { margin: 0; padding: 0; }
.user-v1-focus #focus-docs-slot .docs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; width: 100%; }
.user-v1-focus #focus-referral-slot { margin-top: 10px; }
.user-v1-focus #focus-search-slot #toggle-search { position: static; width: 44px; height: 44px; border: 1px solid var(--focus-line); border-radius: 11px; background: #fffaf0; margin: 0; padding: 6px; }
.user-v1-focus-page #mnBtn { position: absolute; top: 28px; right: 16px; z-index: 3; display: flex; }
.user-v1-focus-page #mnBtn .focus-action { width: 44px; height: 44px; padding: 6px; }
.user-v1-focus-page #mnBtn .focus-action-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.user-v1-focus-page #mnList { padding-top: 90px; padding-bottom: 20px; }
.user-v1-focus-page #mnList .item { border: 1px solid var(--focus-line); border-radius: 12px; background: #fffaf0; padding: 12px; margin: 0 0 10px; color: var(--focus-ink); }
.user-v1-focus.focus-ready .focus-utility-dock {
    position: fixed;
    z-index: 30;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
    width: min(100%, 1000px);
    padding: 8px max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));
    border: 1px solid var(--focus-line);
    border-bottom: 0;
    border-radius: 16px 16px 0 0;
    background: #fffaf0;
    box-shadow: 0 -4px 20px #6a19300a;
}
.user-v1-focus .focus-utility-dock > .focus-action { flex: 1 1 44px; max-width: 110px; flex-direction: column; gap: 3px; border: 0; padding: 5px 3px; font-size: 11px; min-height: 54px; }
.user-v1-focus .focus-utility-dock #chatbot-widget { position: static; flex: 1 1 44px; max-width: 110px; z-index: auto; }
.user-v1-focus .focus-utility-dock #chatbot-toggle { background: var(--focus-blue); border-radius: 11px; width: 44px; height: 44px; margin: 0 auto; box-shadow: none; }
.user-v1-focus .focus-utility-dock #chatbot-window { position: fixed; bottom: calc(var(--focus-dock-height) + 8px); left: 50%; width: min(380px, calc(100vw - 24px)); height: min(580px, calc(100dvh - var(--focus-dock-height) - 36px)); max-height: calc(100vh - var(--focus-dock-height) - 36px); transform: translateX(-50%) scale(.96); transform-origin: bottom center; }
.user-v1-focus .focus-utility-dock #chatbot-window.open { transform: translateX(-50%) scale(1); }
.user-v1-focus .key-board-float { bottom: calc(var(--focus-dock-height) + 12px); max-width: calc(100vw - 24px); z-index: 35; }
.user-v1-focus-page .modal-content.wmodal { max-width: calc(100vw - 24px); max-height: calc(100dvh - 24px); overflow-y: auto; border-radius: 16px; }
.user-v1-focus-page :focus-visible { outline: 3px solid #740d29 !important; outline-offset: 3px; }
@media (min-width: 760px) {
    .user-v1-focus-page .user-file-wrapper { padding-left: 28px !important; padding-right: 28px !important; }
    .user-v1-focus-page #mnBtn { right: 28px; }
    .user-v1-focus #fileList { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .user-v1-focus #focus-practice-slot .imgcen { grid-template-columns: repeat(6, minmax(0, 1fr)); }
    .user-v1-focus #focus-tools-slot .feature-wrapper, .user-v1-focus #focus-tools-slot .cwiz-div { grid-template-columns: repeat(5, minmax(0, 1fr)); }
    .user-v1-focus .focus-section { padding: 24px; }
    .user-v1-focus #focus-docs-slot .docs { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 380px) {
    .user-v1-focus-page .user-file-wrapper { padding-left: 10px !important; padding-right: 10px !important; }
    .user-v1-focus-page #mnBtn { right: 10px; }
    .user-v1-focus .focus-section { padding: 14px; }
    .user-v1-focus #focus-tools-slot .feature-wrapper, .user-v1-focus #focus-tools-slot .cwiz-div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .user-v1-focus #focus-docs-slot .docs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .user-v1-focus .focus-action { font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) {
    .user-v1-focus .focus-guided { animation: none; }
    .user-v1-focus .blink-animation { animation: none !important; outline: 2px solid var(--focus-gold); }
}

/* Local Phosphor Regular 2.1.2 (MIT); independent of external icon scripts. */
@font-face { font-family: "UserV1FocusIcons"; src: url("../fonts/userv1-focus/Phosphor.woff2") format("woff2"); font-style: normal; font-weight: normal; font-display: swap; }
.user-v1-focus-page .focus-glyph { font-family: "UserV1FocusIcons" !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; }
.user-v1-focus-page .focus-glyph.ph-target::before {content: "\e47c";}
.user-v1-focus-page .focus-glyph.ph-gift::before {content: "\e276";}
.user-v1-focus-page .focus-glyph.ph-shopping-bag::before {content: "\e416";}
.user-v1-focus-page .focus-glyph.ph-book-open::before {content: "\e0e6";}
.user-v1-focus-page .focus-glyph.ph-users::before {content: "\e4d6";}
.user-v1-focus-page .focus-glyph.ph-video-camera::before {content: "\e4da";}
.user-v1-focus-page .focus-glyph.ph-squares-four::before {content: "\e464";}
.user-v1-focus-page .focus-glyph.ph-rocket::before {content: "\e3fc";}
.user-v1-focus-page .focus-glyph.ph-lightning::before {content: "\e2de";}
.user-v1-focus-page .focus-glyph.ph-calendar::before {content: "\e108";}
.user-v1-focus-page .focus-glyph.ph-arrow-u-up-left::before {content: "\e08a";}
.user-v1-focus-page .focus-glyph.ph-arrows-clockwise::before {content: "\e094";}
.user-v1-focus-page .focus-glyph.ph-headphones::before {content: "\e2a6";}
.user-v1-focus-page .focus-glyph.ph-microphone::before {content: "\e326";}
.user-v1-focus-page .focus-glyph.ph-chats::before {content: "\e17c";}
.user-v1-focus-page .focus-glyph.ph-graduation-cap::before {content: "\e62c";}
.user-v1-focus-page .focus-glyph.ph-lightbulb::before {content: "\e2dc";}
.user-v1-focus-page .focus-glyph.ph-book-open-text::before {content: "\e8f2";}
.user-v1-focus-page .focus-glyph.ph-pencil-line::before {content: "\e3b2";}
.user-v1-focus-page .focus-glyph.ph-arrow-clockwise::before {content: "\e036";}
.user-v1-focus-page .focus-glyph.ph-question::before {content: "\e3e8";}
.user-v1-focus-page .focus-glyph.ph-puzzle-piece::before {content: "\e596";}
.user-v1-focus-page .focus-glyph.ph-speaker-high::before {content: "\e44a";}
.user-v1-focus-page .focus-glyph.ph-files::before {content: "\e710";}
.user-v1-focus-page .focus-glyph.ph-image::before {content: "\e2ca";}
.user-v1-focus-page .focus-glyph.ph-keyboard::before {content: "\e2d8";}
.user-v1-focus-page .focus-glyph.ph-arrow-up::before {content: "\e08e";}
.user-v1-focus-page .focus-glyph.ph-arrow-down::before {content: "\e03e";}
.user-v1-focus-page .focus-glyph.ph-cloud-arrow-down::before {content: "\e1ac";}
.user-v1-focus-page .focus-glyph.ph-chat-circle-text::before {content: "\e16e";}
.user-v1-focus-page .focus-glyph.ph-list::before {content: "\e2f0";}
.user-v1-focus-page .focus-glyph.ph-x::before {content: "\e4f6";}
.user-v1-focus-page .focus-glyph.ph-translate::before {content: "\e4a2";}
.user-v1-focus-page .focus-glyph.ph-arrow-right::before {content: "\e06c";}
.user-v1-focus-page .focus-glyph.ph-play-pause::before {content: "\e8be";}


.user-v1-focus-page .focus-glyph.ph-user-plus::before {content: "\e4d0";}

.user-v1-focus-page .focus-glyph.ph-clipboard-text::before {content: "\e198";}

.user-v1-focus-page .focus-glyph.ph-arrow-left::before {content: "\e058";}

.user-v1-focus-page .focus-glyph.ph-feather::before {content: "\e9c0";}

.user-v1-focus-page .focus-glyph.ph-graph::before {content: "\eb58";}

.user-v1-focus-page .focus-glyph.ph-article::before {content: "\e0a8";}

.user-v1-focus-page .focus-glyph.ph-trophy::before {content: "\e67e";}

.user-v1-focus-page .focus-glyph.ph-database::before {content: "\e1de";}

.user-v1-focus-page .focus-glyph.ph-game-controller::before {content: "\e26e";}

.user-v1-focus-page .focus-glyph.ph-text-aa::before {content: "\e6ee";}

.user-v1-focus-page .focus-glyph.ph-play::before {content: "\e3d0";}

.user-v1-focus-page .focus-glyph.ph-pause-circle::before {content: "\e3a0";}

.user-v1-focus-page .focus-glyph.ph-notebook::before {content: "\e34e";}

.user-v1-focus-page .focus-glyph.ph-file-text::before {content: "\e23a";}

.user-v1-focus-page .focus-glyph.ph-folder-open::before {content: "\e256";}

.user-v1-focus-page .focus-glyph.ph-globe::before {content: "\e288";}

.user-v1-focus-page .focus-glyph.ph-chart-bar::before {content: "\e150";}

.user-v1-focus-page .focus-glyph.ph-magnifying-glass::before {content: "\e30c";}

.user-v1-focus-page .focus-glyph.ph-robot::before {content: "\e762";}

/* Layout 1.4.0 retained; theme 1.5.0 from design/REFERENCE.jpeg. */
.user-v1-focus-page {
 --focus-bg:#fbf6e9; --focus-surface:#fff9ed; --focus-line:#d6b978; --focus-ink:#5a1328;
 --focus-muted:#786354; --focus-blue:#f4c750; --focus-blue-soft:#f9edcf; --focus-dock-height:0px;
 background:radial-gradient(ellipse at 100% 0,#f9edcf 0,transparent 28%),linear-gradient(125deg,#fffaf1,#fbf6e9 60%,#f9edcf);
 color:#512c33; font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; font-size:16px;
}
.user-v1-focus-page .body,.user-v1-focus-page .main {background:transparent;}
.user-v1-focus-page .main {max-width:1040px;}
.user-v1-focus-page .user-file-wrapper {padding:12px clamp(12px,3.5vw,28px) max(18px,env(safe-area-inset-bottom)) !important;}
.user-v1-focus.focus-ready .focus-header {
 position:relative; min-height:60px; padding:8px 110px 8px 20px; border:1px solid #f1ce74; border-radius:12px;
 background:linear-gradient(112deg,#7a0b2b,#660c23 58%,#4b0a1a); box-shadow:inset 0 0 0 1px #f6d27d33; gap:8px;
}
.user-v1-focus .focus-brand h1 {font-size:clamp(16px,4.15vw,29px);font-weight:800;letter-spacing:.01em;line-height:1.12;color:#fffaf0;}
.user-v1-focus .focus-brand p {font-size:clamp(12px,2.4vw,16px);margin:2px 0 0;color:#f5ddb2;line-height:1.2;}
.user-v1-focus #focus-search-slot {position:absolute;right:54px;top:50%;transform:translateY(-50%);}
.user-v1-focus #focus-search-slot #toggle-search {border:0;background:transparent;font-size:0;width:44px;height:44px;}
.user-v1-focus #focus-search-slot #toggle-search::before {content:'';display:block;width:28px;height:28px;margin:auto;background:#f4c750;-webkit-mask:url('../images/userv1-focus/magnifying-glass.svg') center/contain no-repeat;mask:url('../images/userv1-focus/magnifying-glass.svg') center/contain no-repeat;}
.user-v1-focus-page #mnBtn {top:20px;right:calc(clamp(12px,3.5vw,28px) + 10px);z-index:4;}
.user-v1-focus-page #mnBtn .focus-action {background:transparent;border:0;}
.user-v1-focus-page #mnBtn .focus-glyph {font-size:32px;color:#f4c750;}
.user-v1-focus.focus-ready .focus-shell {gap:10px;padding:10px 0;color:#5a1328;}
.user-v1-focus .focus-controls,.user-v1-focus .focus-section {
 background:linear-gradient(115deg,#fff9ed,#fffdf7);border:1px solid #d6b978;border-radius:12px;padding:12px;
 box-shadow:inset 0 0 0 1px #7a14300a;min-width:0;
}
.user-v1-focus .focus-controls {display:flex;flex-direction:column;gap:10px;}
.user-v1-focus .focus-section.focus-study {border:1px solid #d6b978;background:linear-gradient(125deg,#fff9ed,#fffdf7);box-shadow:none;}
.user-v1-focus .focus-section-title {display:flex;align-items:center;gap:10px;margin:0 0 8px;font-size:clamp(16px,2.8vw,19px);font-weight:700;color:#5a1328;line-height:1.3;}
.user-v1-focus .focus-section-title .focus-glyph {font-size:24px;color:#841d35;}
.user-v1-focus .focus-section-heading {margin-bottom:8px;gap:8px;}
.user-v1-focus .focus-section-heading .focus-section-title {margin:0;}
.user-v1-focus #focus-language-slot > .select-upload-data {gap:24px;}
.user-v1-focus #focus-language-slot .focus-select-field {display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:10px;min-width:0;min-height:50px;margin:0!important;padding:5px 10px;border:1px solid #d6b978;border-radius:11px;background:#fffdf7;align-items:center;}
.user-v1-focus .focus-select-field > .focus-glyph {grid-row:1/3;grid-column:1;font-size:27px;color:#841d35;}
.user-v1-focus #focus-language-slot label {grid-column:2;margin:0;line-height:1.15;font-size:13px;color:#786354;}
.user-v1-focus #focus-language-slot select {grid-column:2;min-height:26px;height:26px;margin:0;border:0;border-radius:0;background-color:transparent;color:#fffaf0;font-size:16px;line-height:1.2;padding:0 20px 0 0;box-shadow:none;color-scheme:light;}
.user-v1-focus #focus-language-slot #marquee {grid-column:1/-1;}
.user-v1-focus .focus-preparation {gap:12px;}
.user-v1-focus #fileUploadDiv .collapse-btn {min-height:44px;border:1px solid #c79e47;border-radius:8px;background:linear-gradient(115deg,#fffaf1,#f9edcf);color:#5a1328;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;padding:8px;}
.user-v1-focus #fileUploadDiv .collapse-btn > .fs-large {font-size:0;width:27px;height:27px;background:#841d35;-webkit-mask:url('../images/userv1-focus/upload-simple.svg') center/contain no-repeat;mask:url('../images/userv1-focus/upload-simple.svg') center/contain no-repeat;}
.user-v1-focus #fileUploadDiv .mycollapse > .border-solid-r10 {color:#5a1328;background:#fffaf1;border-color:#d6b978;}
.user-v1-focus #focus-getdata-slot .focus-action {min-height:44px;}
.user-v1-focus #focus-online-slot:empty {display:none;}
.user-v1-focus-page .focus-action {
 min-height:48px;min-width:0;gap:10px;padding:8px 10px;border:1px solid #d6b978;border-radius:8px;
 background:linear-gradient(110deg,#fff9ed,#fffdf7);color:#5a1328;font-size:14px;font-weight:500;line-height:1.3;
 box-shadow:none;overflow-wrap:anywhere;
}
.user-v1-focus-page .focus-action:hover {background:#740d29;border-color:#bf9439;color:#fffaf0;}
.user-v1-focus-page .focus-glyph {font-size:27px;line-height:1;color:#841d35;}
.user-v1-focus-page .focus-primary {background:linear-gradient(125deg,#ffdf82,#f4c750);border:1px solid #d4a638;color:#4b0a1a;font-weight:750;}
.user-v1-focus-page .focus-primary .focus-glyph {color:#4b0a1a;}
.user-v1-focus-page .focus-primary:hover {background:linear-gradient(125deg,#ffe89e,#f6cd65);color:#4b0a1a;}
.user-v1-focus .focus-mode-bar {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 6px;padding:0;border:0;background:none;}
.user-v1-focus .focus-mode-bar .focus-action {font-size:clamp(12px,2.55vw,17px);min-height:50px;gap:10px;}
.user-v1-focus .focus-mode-bar .focus-action:last-child {background:linear-gradient(125deg,#7a0b2b,#4b0a1a);border-color:#f1ce74;font-weight:700;}
.user-v1-focus .focus-mode-bar .focus-action:last-child .focus-glyph {color:#f4c750;}
.user-v1-focus .focus-position {text-align:center;font-size:16px;line-height:1.3;margin:0 0 6px;color:#5a1328;font-weight:500;}
.user-v1-focus .focus-study-workspace {display:flex;flex-direction:column;gap:10px;}
.user-v1-focus .focus-card-column {padding:12px 14px;min-width:0;border:2px solid #e9c75b;border-radius:22px;background:radial-gradient(at 0 0,#fff6d9,transparent 60%),radial-gradient(at 100% 100%,#faeddc,transparent 65%),linear-gradient(130deg,#fffaf0,#fffaf0);box-shadow:inset 0 0 0 2px #f3d77f66;color:#512c33;}
.user-v1-focus .focus-empty {min-height:160px;display:flex;flex-direction:column;justify-content:center;text-align:center;color:#786354;padding:12px;}
.user-v1-focus .focus-empty a {color:#740d29;}
.user-v1-focus .float-div-text {position:relative;min-width:0;}
.user-v1-focus .float-div-text > .d-flex {display:flex;gap:0;flex-wrap:wrap;}
.user-v1-focus #dc2 {flex:1 1 100%;width:100%;min-height:78px;padding:9px 22px;align-items:center;justify-content:center;}
.user-v1-focus #dc2 .dialog-content {width:100%;}
.user-v1-focus #text-label {font-size:clamp(28px,7.4vw,50px);font-weight:850;line-height:1.2;text-align:center;color:#740d29;letter-spacing:-.04em;}
.user-v1-focus #imgSpeaker {position:absolute;right:0;top:0;max-width:32px;width:32px;height:36px;object-fit:contain;padding:2px;background:transparent;border:0;border-radius:4px;}
.user-v1-focus #div-note-label-1,.user-v1-focus #div-note-label-2 {flex:1 1 100%!important;width:100%;padding:12px 6px 6px;min-height:70px;border-top:1px solid #c79e47;display:flex;align-items:center;justify-content:center;}
.user-v1-focus #note-label,.user-v1-focus #note-label-2 {width:100%;font-size:clamp(23px,5.85vw,40px);font-weight:750;line-height:1.25;text-align:center;letter-spacing:-.025em;}
.user-v1-focus #note-label {color:#b13635;}
.user-v1-focus #note-label-2 {color:#66551c;}
.user-v1-focus .focus-player-controls {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 10px;padding:0;}
.user-v1-focus .focus-player-controls .focus-action {font-size:clamp(12px,2.5vw,17px);min-height:52px;}
.user-v1-focus #focus-display-slot > .select-upload-data {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:0;padding:0 10px;border:1px solid #d6b978;border-radius:8px;background:#fffdf7;}
.user-v1-focus #focus-display-slot .dflex-column {justify-content:center;gap:8px;min-height:44px;}
.user-v1-focus #focus-display-slot label {font-size:12px;color:#5a1328;padding:7px 0;}
.user-v1-focus #focus-display-slot input[type=checkbox],.user-v1-focus #focus-filter-slot input[type=checkbox],.user-v1-focus #fileList input[type=checkbox] {appearance:none;-webkit-appearance:none;width:20px;height:20px;min-width:20px;border:2px solid #99725e;border-radius:3px;background:#fffdf7;display:inline-grid;place-content:center;vertical-align:middle;cursor:pointer;}
.user-v1-focus #focus-display-slot input[type=checkbox]:checked,.user-v1-focus #focus-filter-slot input[type=checkbox]:checked,.user-v1-focus #fileList input[type=checkbox]:checked {background:linear-gradient(135deg,#92233e,#710c28);border-color:#710c28;}
.user-v1-focus input[type=checkbox]:checked::after {content:'';width:6px;height:11px;border:solid white;border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg);}
.user-v1-focus #focus-practice {padding:0;border:0;background:none;box-shadow:none;}
.user-v1-focus #focus-practice-slot .imgcen {grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 6px;}
.user-v1-focus #focus-practice-slot .imgcen:last-child {margin:0;}
.user-v1-focus #focus-practice-slot .focus-action {flex-direction:row;justify-content:flex-start;min-height:48px;padding:8px 12px;font-size:12px;background:linear-gradient(110deg,#fff9ed,#fffdf7);border:1px solid #d6b978;gap:12px;}
.user-v1-focus #focus-practice-slot .focus-action .focus-action-label {flex:1;text-align:center;}
.user-v1-focus #focus-count-slot #totalFile {display:inline-block;padding:3px 15px;min-height:24px;border:1px solid #c79e47;border-radius:20px;background:#f9edcf;color:#745320;font-size:11px;font-weight:400;}
.user-v1-focus select,.user-v1-focus input[type=text],.user-v1-focus input:not([type]),.user-v1-focus textarea {background:#fffdf7;border:1px solid #d6b978;color:#5a1328;border-radius:8px;min-height:44px;font-size:16px;color-scheme:light;}
.user-v1-focus input::placeholder,.user-v1-focus textarea::placeholder {color:#786354;opacity:1;}
.user-v1-focus #focus-filter-slot .wrap-div-search {position:relative;}
.user-v1-focus #focus-filter-slot .wrap-div-search > .focus-glyph {position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:20px;color:#786354;pointer-events:none;}
.user-v1-focus #search {padding:6px 12px 6px 36px;min-height:34px;}
.user-v1-focus #focus-filter-slot .checkbox-containner {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:2px 0;}
.user-v1-focus #focus-filter-slot .checkbox-wrapper {gap:10px;min-height:34px;}
.user-v1-focus #focus-filter-slot .checkbox-wrapper:last-child {justify-content:flex-end;}
.user-v1-focus #focus-filter-slot label {font-size:11px;color:#5a1328;padding:6px 0;}
.user-v1-focus #fileList {grid-template-columns:minmax(0,1fr);gap:5px;margin:0;}
.user-v1-focus #fileList .col > .div-file-text {display:grid;grid-template-columns:28px minmax(0,1fr) auto auto auto auto;align-items:center;gap:4px;min-height:40px;padding:2px 8px;margin:0;border:1px solid #d6b978;border-radius:8px;background:linear-gradient(110deg,#fff9ed,#fffdf7);}
.user-v1-focus #fileList .col > .div-file-text-speaking {border:1px solid #ac8029;background:linear-gradient(110deg,#fff0e7,#fff5dc);box-shadow:inset 0 0 0 1px #b98b2d22;}
.user-v1-focus #fileList .fiP {order:-1;grid-column:2;min-width:0;min-height:36px;padding:7px 4px;margin:0;font-size:14px;line-height:1.45;color:#5a1328;text-align:left;}
.user-v1-focus #fileList .div-action {display:contents;}
.user-v1-focus #fileList .divGroup {order:-2;grid-column:1;min-width:24px;min-height:32px;margin:0;}
.user-v1-focus #fileList .imgAction,.user-v1-focus #fileList .icon-star {position:static!important;inset:auto;width:28px!important;height:32px!important;min-width:28px;max-width:28px;margin:0;padding:4px;border:0;background:transparent;border-radius:4px;}
.user-v1-focus #fileList .feedback-icon {position:static!important;inset:auto;width:28px;min-height:32px;display:grid;place-items:center;margin:0;color:#841d35;font-size:21px;}
/* Keep old conditional wrappers mounted but remove their layout boxes after moving actions. */
.user-v1-focus #focus-entry-slot,.user-v1-focus #focus-entry-slot > .div-space-evenly,
.user-v1-focus #focus-tools-slot,.user-v1-focus #focus-tools-slot > .context-not-show,
.user-v1-focus #focus-tools-slot .border-solid-r10,.user-v1-focus #focus-tools-slot .cwiz-div,
.user-v1-focus #focus-tools-slot .feature-wrapper,.user-v1-focus #focus-tools-slot .game-wrapper,
.user-v1-focus #focus-tools-slot .cwiz-div > div,
.user-v1-focus #focus-docs-slot,.user-v1-focus #focus-docs-slot .gr-and-docs,
.user-v1-focus #focus-docs-slot .docs,.user-v1-focus #focus-referral-slot {display:contents;margin:0;padding:0;border:0;}
.user-v1-focus .focus-tool-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;}
.user-v1-focus .focus-tool-grid > .focus-action {display:flex;flex-direction:row;justify-content:flex-start;min-height:44px;gap:10px;padding:7px 8px;font-size:11px;border:1px solid #d6b978;background:linear-gradient(110deg,#fff9ed,#fffdf7);}
.user-v1-focus .focus-tool-grid > .focus-native {position:relative!important;inset:auto!important;width:auto!important;height:auto!important;transform:none!important;border:1px solid #d6b978!important;border-radius:8px!important;background:linear-gradient(110deg,#fff9ed,#fffdf7)!important;color:#5a1328!important;box-shadow:none!important;}
.user-v1-focus .focus-tool-grid .focus-action-label {flex:1;min-width:0;text-align:center;}
.user-v1-focus .focus-tool-grid .focus-glyph {font-size:25px;}
.user-v1-focus #countdown.focus-plan-action {position:relative;inset:auto;width:auto;height:auto;box-shadow:none;border-radius:8px;}
.user-v1-focus #countdown.focus-plan-action::before,.user-v1-focus #countdown.focus-plan-action::after,.user-v1-focus #countdown #tiles::before,.user-v1-focus #countdown #tiles::after {display:none;}
.user-v1-focus #countdown.focus-plan-action #tiles {position:static;width:auto;height:auto;line-height:1;}
.user-v1-focus #countdown.focus-plan-action #tiles > span {display:block;width:auto;min-width:20px;margin:0;padding:2px 3px;background:#f9edcf;box-shadow:none;color:#745320;border-radius:4px;font-family:inherit;font-size:10px;}
.user-v1-focus #countdown.focus-plan-action .labels {position:absolute;left:0;bottom:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}
.user-v1-focus .focus-resource-grid {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;}
.user-v1-focus .focus-resource-grid .focus-action {min-height:48px;font-size:11px;padding:6px;gap:8px;}
.user-v1-focus .focus-resource-grid .focus-glyph {font-size:24px;}
.user-v1-focus.focus-ready .focus-utility-dock {position:relative;inset:auto;transform:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;max-width:none;margin:0;padding:6px max(8px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));border:1px solid #c79e47;border-radius:8px;box-shadow:none;background:linear-gradient(110deg,#fff9ed,#fffdf7);gap:6px;}
.user-v1-focus .focus-utility-dock > .focus-action {width:100%;max-width:none;min-height:50px;font-size:12px;border:0;background:none;padding:3px;gap:3px;}
.user-v1-focus .focus-utility-dock #chatbot-widget {position:static;max-width:none;width:100%;}
.user-v1-focus .focus-utility-dock #chatbot-toggle.focus-action {display:flex;flex-direction:column;gap:3px;width:100%;height:auto;min-height:50px;margin:0;padding:3px;border:0;border-radius:0;background:transparent!important;color:#5a1328!important;box-shadow:none;font-size:12px;}
.user-v1-focus #chatbot-toggle > .toggle-icon {display:none!important;}
.user-v1-focus .focus-utility-dock #chatbot-window {position:fixed;left:50%;bottom:16px;width:min(380px,calc(100vw - 24px));height:min(580px,calc(100dvh - 32px));max-height:calc(100vh - 32px);z-index:1000;}
.user-v1-focus .focus-parent-hidden {display:none!important;}
.user-v1-focus-page #mnList .item {background:#fffaf1;color:#5a1328;border-color:#d6b978;}
.user-v1-focus-page .modal-content,.user-v1-focus-page #chatbot-window {color:#512c33;color-scheme:light;}
.user-v1-focus-page :focus-visible {outline:3px solid #851a33!important;outline-offset:3px;}
.user-v1-focus .focus-card-column :focus-visible,.user-v1-focus-page .modal-content :focus-visible {outline-color:#740d29!important;}
@media (max-width:540px) {
 .user-v1-focus #focus-language-slot > .select-upload-data {gap:10px;}
 .user-v1-focus .focus-section,.user-v1-focus .focus-controls {padding:10px;}
 .user-v1-focus .focus-mode-bar .focus-action {gap:5px;padding:6px;}
 .user-v1-focus .focus-mode-bar .focus-glyph {font-size:22px;}
 .user-v1-focus #focus-display-slot > .select-upload-data {padding:0 5px;}
 .user-v1-focus #focus-display-slot .dflex-column {flex-direction:column;gap:1px;padding:5px 0;}
 .user-v1-focus #focus-display-slot label {padding:0;font-size:10px;}
 .user-v1-focus #focus-practice-slot .focus-action {gap:5px;font-size:11px;padding:7px 5px;}
 .user-v1-focus #focus-practice-slot .focus-glyph {font-size:23px;}
 .user-v1-focus .focus-tool-grid > .focus-action {flex-direction:column;justify-content:center;font-size:10px;min-height:68px;gap:4px;padding:6px 3px;}
 .user-v1-focus .focus-tool-grid .focus-glyph {font-size:23px;}
 .user-v1-focus .focus-resource-grid .focus-action {flex-direction:column;gap:4px;font-size:10px;min-height:60px;padding:5px 2px;}
 .user-v1-focus #countdown.focus-plan-action #tiles {position:absolute;top:2px;right:2px;}
 .user-v1-focus .focus-select-field > .focus-glyph {font-size:23px;}
 .user-v1-focus #focus-language-slot .focus-select-field {grid-template-columns:23px minmax(0,1fr);gap:0 7px;padding:5px 7px;}
 .user-v1-focus #focus-filter-slot .checkbox-wrapper {gap:4px;}
 .user-v1-focus #fileList .col > .div-file-text {grid-template-columns:22px minmax(0,1fr) auto auto auto auto;gap:2px;padding:3px 5px;}
 .user-v1-focus #fileList .fiP {font-size:13px;}
}
@media (max-width:359px) {
 .user-v1-focus.focus-ready .focus-header {padding-left:12px;padding-right:91px;}
 .user-v1-focus .focus-brand h1 {font-size:14px;}
 .user-v1-focus .focus-brand p {font-size:11px;}
 .user-v1-focus #focus-search-slot {right:43px;}
 .user-v1-focus .focus-player-controls .focus-action {flex-direction:column;gap:4px;font-size:11px;}
 .user-v1-focus #focus-practice-slot .focus-action {flex-direction:column;}
}
@media (prefers-reduced-motion:reduce) {.user-v1-focus .focus-guided{animation:none!important;}}
@media (forced-colors:active) {.user-v1-focus .focus-action,.user-v1-focus .focus-card-column {border:1px solid CanvasText;} .user-v1-focus input[type=checkbox] {appearance:auto;-webkit-appearance:auto;}}

/* TINH HOA DO-VANG 1.5.0 — chromatic refinements only; no layout or visibility changes. */
.user-v1-focus-page {--focus-burgundy:#740d29;--focus-gold:#f4c750;--focus-paper:#fffaf0;}
.user-v1-focus.focus-ready .focus-header {box-shadow:inset 0 0 0 1px #f4c75044,0 5px 16px #54132814;}
.user-v1-focus .focus-controls,.user-v1-focus .focus-section {box-shadow:0 3px 12px #651d2d08,inset 0 0 0 1px #fffdf7;}
.user-v1-focus .focus-section.focus-study {border-color:#8a2238;box-shadow:0 5px 18px #651d2d0d,inset 0 0 0 1px #f7e4b5;}
.user-v1-focus .focus-mode-bar .focus-action:last-child {color:#fffaf0;}
.user-v1-focus .focus-mode-bar .focus-action:last-child:hover {background:linear-gradient(125deg,#8c1836,#5b0a20);border-color:#d7b152;}
.user-v1-focus .focus-card-column {box-shadow:inset 0 0 0 2px #fff7d4,0 4px 0 #efd26b44;}
.user-v1-focus .focus-utility-dock > .focus-action:hover {background:#f8ecd7;color:#641229;}
.user-v1-focus .focus-tool-grid > .focus-action:hover,.user-v1-focus #focus-practice-slot .focus-action:hover,.user-v1-focus .focus-resource-grid .focus-action:hover {background:#f7ecd6;border-color:#af873b;color:#641229;}
.user-v1-focus .focus-tool-grid > .focus-native:hover {background:#f7ecd6!important;color:#641229!important;border-color:#af873b!important;}
.user-v1-focus-page .focus-action:hover > .focus-glyph {color:#f4c750;}
.user-v1-focus .focus-tool-grid > .focus-action:hover > .focus-glyph,.user-v1-focus #focus-practice-slot .focus-action:hover > .focus-glyph,.user-v1-focus .focus-resource-grid .focus-action:hover > .focus-glyph,.user-v1-focus .focus-utility-dock .focus-action:hover > .focus-glyph {color:#7a1630;}
.user-v1-focus-page .focus-primary:hover > .focus-glyph {color:#4b0a1a;}
.user-v1-focus #focus-language-slot select option {background:#fffaf0;color:#5a1328;}
.user-v1-focus #imgSpeaker[data-focus-image-kind="image"],.user-v1-focus #fileList img[data-focus-image-kind] {filter:brightness(0) saturate(100%) invert(12%) sepia(39%) saturate(3232%) hue-rotate(316deg) brightness(91%) contrast(104%);}
.user-v1-focus-page #mnBtn .focus-action:hover .focus-glyph {color:#ffe7a0;}
/* 1.6.0 — two selectable contrast themes and sentence-centred layout.
   Values are scoped to Focus; existing application/lesson styles elsewhere are unchanged. */
body.user-v1-focus-page[data-focus-theme] {
 --ui-bg:#fbf7ee;--ui-panel:#fffdf8;--ui-soft:#f6eddc;--ui-line:#d6c39b;
 --ui-text:#4b1526;--ui-muted:#796553;--ui-accent:#790d2d;--ui-on-accent:#fffaf0;
 --ui-primary:#f4cc62;--ui-primary-ink:#461224;--ui-card:#fff9e9;--ui-note:#a22d36;
 --ui-glow:rgba(116,13,41,.08);--ui-focus:#8a1238;--ui-header:#740d29;
 --focus-ink:var(--ui-text);--focus-muted:var(--ui-muted);--focus-blue:var(--ui-accent);
 --focus-gold:var(--ui-primary);--focus-line:var(--ui-line);--focus-surface:var(--ui-panel);--focus-bg:var(--ui-bg);
 background:var(--ui-bg);color:var(--ui-text);color-scheme:light;
}
body.user-v1-focus-page[data-focus-theme="dark"] {
 --ui-bg:#080e1c;--ui-panel:#111b2e;--ui-soft:#1a2840;--ui-line:#667b95;
 --ui-text:#f5f8ff;--ui-muted:#bed0e5;--ui-accent:#83e4ef;--ui-on-accent:#081526;
 --ui-primary:#f4ce72;--ui-primary-ink:#1b1923;--ui-card:#16253c;--ui-note:#ffe2ad;
 --ui-glow:rgba(99,207,234,.12);--ui-focus:#8ee9f4;--ui-header:#132039;
 background:var(--ui-bg);color:var(--ui-text);color-scheme:dark;
}
body.user-v1-focus-page[data-focus-theme] .main {max-width:1080px;}
body.user-v1-focus-page[data-focus-theme] .user-file-wrapper {padding:12px clamp(10px,3vw,24px) max(20px,env(safe-area-inset-bottom))!important;}
body.user-v1-focus-page[data-focus-theme] .user-v1-focus.focus-ready .focus-header {background:var(--ui-header);border:1px solid var(--ui-line);padding:16px 108px 16px 18px;min-height:82px;border-radius:18px;box-shadow:0 8px 22px var(--ui-glow);}
body.user-v1-focus-page[data-focus-theme] .focus-brand h1 {color:#fffaf0;font-size:clamp(17px,3.5vw,28px);line-height:1.18;}
body.user-v1-focus-page[data-focus-theme] .focus-brand p {color:#f3dfb8;line-height:1.4;font-size:12px;margin-top:4px;}
body.user-v1-focus-page[data-focus-theme] #mnBtn {top:31px;right:calc(clamp(10px,3vw,24px) + 12px);}
body.user-v1-focus-page[data-focus-theme] #mnBtn .focus-glyph {color:#f4ce72;}
body.user-v1-focus-page[data-focus-theme] .focus-glyph {display:inline-block;width:1em;height:1em;flex:0 0 auto;vertical-align:middle;fill:currentColor;color:inherit;font-size:24px;overflow:visible;}
body.user-v1-focus-page[data-focus-theme] .focus-vector-icon {display:inline-flex;align-items:center;justify-content:center;line-height:1;}
body.user-v1-focus-page[data-focus-theme] .focus-vector-icon::before {content:none!important;display:none!important;}
body.user-v1-focus-page[data-focus-theme] .focus-vector-icon > svg {width:1em;height:1em;}
body.user-v1-focus-page[data-focus-theme] .focus-service-bar {display:grid;grid-template-columns:repeat(var(--focus-services,3),minmax(0,1fr));gap:8px;padding:10px 0 0;}
body.user-v1-focus-page[data-focus-theme] .focus-service-bar > div {min-width:0;}
body.user-v1-focus-page[data-focus-theme] .focus-service-bar .focus-action {width:100%;height:100%;min-height:54px;gap:7px;padding:9px 7px;border-radius:12px;font-size:13px;font-weight:650;}
body.user-v1-focus-page[data-focus-theme] .focus-service-bar:empty {display:none;}
body.user-v1-focus-page[data-focus-theme] .focus-contrast {display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:6px;padding:12px 0 2px;color:var(--ui-muted);font-size:12px;}
body.user-v1-focus-page[data-focus-theme] .focus-contrast > span {margin-right:auto;}
body.user-v1-focus-page[data-focus-theme] .focus-contrast button {display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:30px;padding:9px 12px;min-height:40px;background:var(--ui-panel);border:1px solid var(--ui-line);color:var(--ui-text);font:inherit;cursor:pointer;}
body.user-v1-focus-page[data-focus-theme] .focus-contrast button[aria-pressed="true"] {background:var(--ui-accent);color:var(--ui-on-accent);border-color:var(--ui-accent);font-weight:700;}
body.user-v1-focus-page[data-focus-theme] .focus-contrast .focus-glyph {font-size:17px;}
body.user-v1-focus-page[data-focus-theme] .user-v1-focus.focus-ready .focus-shell {color:var(--ui-text);gap:12px;padding:12px 0;}
body.user-v1-focus-page[data-focus-theme] .focus-controls,body.user-v1-focus-page[data-focus-theme] .focus-section,body.user-v1-focus-page[data-focus-theme] .focus-section.focus-study {background:var(--ui-panel);border:1px solid var(--ui-line);border-radius:18px;padding:14px;box-shadow:0 3px 12px var(--ui-glow);}
body.user-v1-focus-page[data-focus-theme] .focus-section-title {color:var(--ui-text);font-size:17px;line-height:1.4;}
body.user-v1-focus-page[data-focus-theme] .focus-section-title .focus-glyph {color:var(--ui-accent);font-size:24px;}
body.user-v1-focus-page[data-focus-theme] #focus-language-slot > .select-upload-data {gap:12px;}
body.user-v1-focus-page[data-focus-theme] #focus-language-slot .focus-select-field {background:var(--ui-panel);border-color:var(--ui-line);border-radius:12px;min-height:60px;}
body.user-v1-focus-page[data-focus-theme] #focus-language-slot label {color:var(--ui-muted);font-size:12px;}
body.user-v1-focus-page[data-focus-theme] #focus-language-slot select {color:var(--ui-text);background:var(--ui-panel);font-size:16px;min-height:27px;}
body.user-v1-focus-page[data-focus-theme] .focus-select-field > .focus-glyph {color:var(--ui-accent);}
body.user-v1-focus-page[data-focus-theme] .focus-action,
body.user-v1-focus-page[data-focus-theme] #focus-practice-slot .focus-action,
body.user-v1-focus-page[data-focus-theme] .focus-tool-grid .focus-action,
body.user-v1-focus-page[data-focus-theme] .focus-resource-grid .focus-action,
body.user-v1-focus-page[data-focus-theme] .focus-utility-dock .focus-action,
body.user-v1-focus-page[data-focus-theme] #fileUploadDiv .collapse-btn {
 background:var(--ui-panel);border:1px solid var(--ui-line);color:var(--ui-text);border-radius:11px;
 box-shadow:none;min-height:48px;line-height:1.3;touch-action:manipulation;
}
body.user-v1-focus-page[data-focus-theme] .focus-action .focus-action-label {color:inherit;}
body.user-v1-focus-page[data-focus-theme] .focus-action .focus-glyph {color:var(--ui-accent);}
body.user-v1-focus-page[data-focus-theme] .focus-primary,body.user-v1-focus-page[data-focus-theme] #focus-next {background:var(--ui-primary);color:var(--ui-primary-ink);border-color:var(--ui-primary);font-weight:750;}
body.user-v1-focus-page[data-focus-theme] .focus-primary .focus-glyph,body.user-v1-focus-page[data-focus-theme] #focus-next .focus-glyph {color:var(--ui-primary-ink);}
body.user-v1-focus-page[data-focus-theme] .focus-mode-bar {gap:7px;margin-bottom:12px;}
body.user-v1-focus-page[data-focus-theme] .focus-mode-bar .focus-action {min-height:50px;font-size:13px;gap:7px;padding:8px;}
body.user-v1-focus-page[data-focus-theme] .focus-mode-bar .focus-action:last-child {background:var(--ui-accent);color:var(--ui-on-accent);border-color:var(--ui-accent);}
body.user-v1-focus-page[data-focus-theme] .focus-mode-bar .focus-action:last-child .focus-glyph {color:var(--ui-on-accent);}
body.user-v1-focus-page[data-focus-theme] .focus-position {color:var(--ui-text);font-weight:700;font-size:19px;margin:8px 0 12px;}
body.user-v1-focus-page[data-focus-theme] .focus-card-column {background:var(--ui-card);color:var(--ui-text);border:2px solid var(--ui-primary);border-radius:24px;padding:18px;box-shadow:0 8px 24px var(--ui-glow);touch-action:pan-y pinch-zoom;overflow-wrap:anywhere;}
body.user-v1-focus-page[data-focus-theme] .focus-card-column.focus-has-sentence {min-height:360px;display:flex;flex-direction:column;}
body.user-v1-focus-page[data-focus-theme] #focus-player-slot {flex:1;display:flex;align-items:center;justify-content:center;}
body.user-v1-focus-page[data-focus-theme] #focus-player-slot .float-div-text {width:100%;background:transparent;border:0;box-shadow:none;padding:8px 0;}
body.user-v1-focus-page[data-focus-theme] .focus-card-meta {display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;}
body.user-v1-focus-page[data-focus-theme] #focus-sentence-id {display:inline-flex;align-items:center;justify-content:center;min-width:54px;border-radius:12px;padding:8px 14px;background:var(--ui-accent);color:var(--ui-on-accent);font-size:22px;font-weight:800;line-height:1.25;}
body.user-v1-focus-page[data-focus-theme] #focus-card-state {font-size:12px;color:var(--ui-muted);text-align:right;}
body.user-v1-focus-page[data-focus-theme] #focus-reveal-answer {width:100%;display:flex;align-items:center;justify-content:center;min-height:72px;margin:0 0 18px;background:transparent;border:1px dashed var(--ui-line);color:var(--ui-muted);gap:10px;font-size:17px;font-weight:600;}
body.user-v1-focus-page[data-focus-theme] .focus-concealed #dc2 {display:none!important;}
body.user-v1-focus-page[data-focus-theme] .focus-concealed #imgSpeaker {position:relative;float:right;}
body.user-v1-focus-page[data-focus-theme] #dc2 {min-height:80px;padding:12px 18px;}
body.user-v1-focus-page[data-focus-theme] #text-label {color:var(--ui-text);font-size:clamp(26px,5.8vw,42px);line-height:1.25;letter-spacing:-.025em;}
body.user-v1-focus-page[data-focus-theme] #div-note-label-1,body.user-v1-focus-page[data-focus-theme] #div-note-label-2 {border-color:var(--ui-line);padding:18px 8px 12px;background:transparent;}
body.user-v1-focus-page[data-focus-theme] .focus-concealed #div-note-label-1 {border-top:0;}
body.user-v1-focus-page[data-focus-theme] #note-label {color:var(--ui-note);font-size:clamp(25px,5.2vw,37px);line-height:1.3;}
body.user-v1-focus-page[data-focus-theme] #note-label-2 {color:var(--ui-muted);font-size:clamp(18px,4vw,25px);line-height:1.5;}
body.user-v1-focus-page[data-focus-theme] .focus-gesture-hint {margin:18px 0 0;color:var(--ui-muted);text-align:center;font-size:12px;line-height:1.6;}
body.user-v1-focus-page[data-focus-theme] .focus-empty {color:var(--ui-muted);min-height:200px;}
body.user-v1-focus-page[data-focus-theme] .focus-empty a {color:var(--ui-accent);}
body.user-v1-focus-page[data-focus-theme] .focus-player-controls {grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:4px 0 10px;}
body.user-v1-focus-page[data-focus-theme] .focus-player-controls .focus-action {min-height:56px;font-size:13px;gap:6px;padding:8px;}
body.user-v1-focus-page[data-focus-theme] .focus-player-controls .focus-glyph {font-size:23px;}
body.user-v1-focus-page[data-focus-theme] .focus-player-controls #focus-next {order:2;}
body.user-v1-focus-page[data-focus-theme] #focus-previous {order:0;}
body.user-v1-focus-page[data-focus-theme] #focus-listen {order:1;}
body.user-v1-focus-page[data-focus-theme] #focus-pause {order:3;}
body.user-v1-focus-page[data-focus-theme] #focus-display-slot > .select-upload-data {background:var(--ui-soft);border:1px solid var(--ui-line);border-radius:12px;gap:4px;}
body.user-v1-focus-page[data-focus-theme] #focus-display-slot label,body.user-v1-focus-page[data-focus-theme] .checkbox-containner label {color:var(--ui-text);font-size:12px;}
body.user-v1-focus-page[data-focus-theme] input[type="checkbox"] {accent-color:var(--ui-accent);}
body.user-v1-focus-page[data-focus-theme] #focus-filter-slot .wrap-div-search {border-color:var(--ui-line);background:var(--ui-panel);}
body.user-v1-focus-page[data-focus-theme] #focus-filter-slot input#search {background:var(--ui-panel);border-color:var(--ui-line);color:var(--ui-text);font-size:16px;}
body.user-v1-focus-page[data-focus-theme] #focus-filter-slot .wrap-div-search > .focus-glyph {color:var(--ui-muted);}
body.user-v1-focus-page[data-focus-theme] input::placeholder,body.user-v1-focus-page[data-focus-theme] textarea::placeholder {color:var(--ui-muted);opacity:1;}
body.user-v1-focus-page[data-focus-theme] #totalFile {color:var(--ui-text);background:var(--ui-soft);border-color:var(--ui-line);}
body.user-v1-focus-page[data-focus-theme] #fileList .div-file-text {background:var(--ui-panel);border:1px solid var(--ui-line);border-radius:11px;color:var(--ui-text);}
body.user-v1-focus-page[data-focus-theme] #fileList .div-file-text-speaking {background:var(--ui-soft);border:2px solid var(--ui-accent);box-shadow:0 0 0 2px var(--ui-glow);}
body.user-v1-focus-page[data-focus-theme] #fileList .fiP {color:var(--ui-text);line-height:1.6;font-size:15px;}
body.user-v1-focus-page[data-focus-theme] #fileList .fiP .red {color:var(--ui-note)!important;}
body.user-v1-focus-page[data-focus-theme] #fileList .feedback-icon {color:var(--ui-accent);}
body.user-v1-focus-page[data-focus-theme] #focus-practice-slot {grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;}
body.user-v1-focus-page[data-focus-theme] #focus-practice-slot .focus-action {font-size:13px;gap:8px;}
body.user-v1-focus-page[data-focus-theme] .focus-tool-grid {grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;}
body.user-v1-focus-page[data-focus-theme] .focus-tool-grid .focus-action {font-size:12px;min-height:70px;padding:10px 7px;}
body.user-v1-focus-page[data-focus-theme] .focus-resource-grid {grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;}
body.user-v1-focus-page[data-focus-theme] .focus-resource-grid .focus-action {font-size:12px;min-height:60px;}
body.user-v1-focus-page[data-focus-theme] .focus-utility-dock {background:var(--ui-panel);border-color:var(--ui-line);border-radius:16px;gap:8px;}
body.user-v1-focus-page[data-focus-theme] #countdown {background:var(--ui-panel)!important;box-shadow:none!important;color:var(--ui-text)!important;}
body.user-v1-focus-page[data-focus-theme] #countdown #tiles {background:var(--ui-soft)!important;color:var(--ui-text)!important;}
body.user-v1-focus-page[data-focus-theme] #countdown .focus-action-label {color:var(--ui-text)!important;}
body.user-v1-focus-page[data-focus-theme] #countdown .focus-glyph {color:var(--ui-accent)!important;}
body.user-v1-focus-page[data-focus-theme] .focus-action:disabled {opacity:.55;cursor:default;}
body.user-v1-focus-page[data-focus-theme] :is(button,a,input,select,textarea,[tabindex]):focus-visible {outline:3px solid var(--ui-focus)!important;outline-offset:3px;}
body.user-v1-focus-page[data-focus-theme] .focus-sr-only {position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;}
body.user-v1-focus-page[data-focus-theme] .focus-no-actions {box-shadow:none;}
body.user-v1-focus-page[data-focus-theme] [hidden] {display:none!important;}
/* Native dialogs retain their inputs and handlers. Recolour their chrome, not lesson images. */
body.user-v1-focus-page[data-focus-theme] :is(.modal-content,.modal-game-content,.fw-modal,#mnList) {background:var(--ui-panel);color:var(--ui-text);border-color:var(--ui-line);}
body.user-v1-focus-page[data-focus-theme] :is(.modal-header,.doc-header,.game-header,.title-boost,.fw-logo-main,.fw-control-label) {color:var(--ui-text);}
body.user-v1-focus-page[data-focus-theme] :is(.modal,.modal-game) :is(button,select,textarea,input:not([type="checkbox"]):not([type="radio"])) {background:var(--ui-soft);color:var(--ui-text);border-color:var(--ui-line);}
body.user-v1-focus-page[data-focus-theme] .fw-modal {border-color:var(--ui-line);}
body.user-v1-focus-page[data-focus-theme] .fw-header,body.user-v1-focus-page[data-focus-theme] .fw-footer {border-color:var(--ui-line);}
body.user-v1-focus-page[data-focus-theme] .fw-card {background:var(--ui-card);border-color:var(--ui-line);}
body.user-v1-focus-page[data-focus-theme] .fw-card-left {border-color:var(--ui-accent);}
body.user-v1-focus-page[data-focus-theme] .fw-card-right {border-color:var(--ui-primary);}
body.user-v1-focus-page[data-focus-theme] .fw-select-input {color:var(--ui-text);background:var(--ui-soft);border-color:var(--ui-line);}
body.user-v1-focus-page[data-focus-theme] :is(.fw-select-container,.fw-lang-selectors,.fw-lang-swap-btn,.fw-divider-badge,.fw-close-btn,.fw-audio-btn) {color:var(--ui-text);background:var(--ui-soft);border-color:var(--ui-line);}
body.user-v1-focus-page[data-focus-theme] :is(.fw-logo-sub,.fw-control-sub) {color:var(--ui-muted);}
body.user-v1-focus-page[data-focus-theme] .fw-word-text {color:var(--ui-text);}
body.user-v1-focus-page[data-focus-theme] #fw-target-text {color:var(--ui-note);}
body.user-v1-focus-page[data-focus-theme] :is(.fw-badge,.fw-badge-text) {color:var(--ui-text);}
body.user-v1-focus-page[data-focus-theme] .fw-next-btn {background:var(--ui-primary);color:var(--ui-primary-ink);box-shadow:0 5px 20px var(--ui-glow);}
body.user-v1-focus-page[data-focus-theme] .fw-logo-main {font-size:clamp(20px,3vw,30px);}
body.user-v1-focus-page[data-focus-theme="dark"] img[data-focus-image-kind] {filter:brightness(0) saturate(100%) invert(90%) sepia(25%) saturate(840%) hue-rotate(145deg);}
@media (hover:hover) {
 body.user-v1-focus-page[data-focus-theme] .focus-action:hover,body.user-v1-focus-page[data-focus-theme] #focus-practice-slot .focus-action:hover,body.user-v1-focus-page[data-focus-theme] .focus-tool-grid .focus-action:hover,body.user-v1-focus-page[data-focus-theme] .focus-resource-grid .focus-action:hover {background:var(--ui-soft);color:var(--ui-text);border-color:var(--ui-accent);}
 body.user-v1-focus-page[data-focus-theme] .focus-action:hover .focus-glyph {color:var(--ui-accent);}
 body.user-v1-focus-page[data-focus-theme] .focus-primary:hover,body.user-v1-focus-page[data-focus-theme] #focus-next:hover {background:var(--ui-primary);color:var(--ui-primary-ink);filter:brightness(1.03);}
 body.user-v1-focus-page[data-focus-theme] .focus-primary:hover .focus-glyph,body.user-v1-focus-page[data-focus-theme] #focus-next:hover .focus-glyph {color:var(--ui-primary-ink);}
}
@media (min-width:900px) {
 body.user-v1-focus-page[data-focus-theme] .focus-study-workspace {display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:14px;align-items:start;}
 body.user-v1-focus-page[data-focus-theme] .focus-card-column {grid-column:1;grid-row:1;}
 body.user-v1-focus-page[data-focus-theme] .focus-session-controls {grid-column:1;grid-row:2;}
 body.user-v1-focus-page[data-focus-theme] #focus-practice {grid-column:2;grid-row:1/3;}
 body.user-v1-focus-page[data-focus-theme] #focus-practice-slot {grid-template-columns:repeat(2,minmax(0,1fr));}
 body.user-v1-focus-page[data-focus-theme] #focus-practice-slot .focus-action {flex-direction:column;min-height:72px;}
}
@media (max-width:540px) {
 body.user-v1-focus-page[data-focus-theme] .focus-controls,body.user-v1-focus-page[data-focus-theme] .focus-section,body.user-v1-focus-page[data-focus-theme] .focus-section.focus-study {padding:10px;border-radius:15px;}
 body.user-v1-focus-page[data-focus-theme] .focus-service-bar .focus-action {flex-direction:column;min-height:65px;font-size:12px;gap:4px;}
 body.user-v1-focus-page[data-focus-theme] .focus-contrast {justify-content:center;gap:6px;}
 body.user-v1-focus-page[data-focus-theme] .focus-contrast > span {display:none;}
 body.user-v1-focus-page[data-focus-theme] .focus-contrast button {flex:1;font-size:12px;padding:8px 7px;}
 body.user-v1-focus-page[data-focus-theme] .focus-card-column {padding:14px;border-radius:20px;}
 body.user-v1-focus-page[data-focus-theme] .focus-card-column.focus-has-sentence {min-height:345px;}
 body.user-v1-focus-page[data-focus-theme] #focus-card-state {font-size:11px;}
 body.user-v1-focus-page[data-focus-theme] .focus-mode-bar .focus-action {flex-direction:column;min-height:62px;font-size:12px;gap:5px;padding:7px 3px;}
 body.user-v1-focus-page[data-focus-theme] .focus-player-controls .focus-action {flex-direction:column;min-height:65px;font-size:12px;padding:7px 3px;}
 body.user-v1-focus-page[data-focus-theme] #focus-pause .focus-action-label {font-size:11px;}
 body.user-v1-focus-page[data-focus-theme] .focus-tool-grid {grid-template-columns:repeat(3,minmax(0,1fr));}
 body.user-v1-focus-page[data-focus-theme] .focus-resource-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
 body.user-v1-focus-page[data-focus-theme] #focus-practice-slot .focus-action {flex-direction:column;min-height:62px;font-size:12px;gap:5px;}
 body.user-v1-focus-page[data-focus-theme] #focus-reveal-answer {font-size:15px;gap:8px;min-height:70px;}
 body.user-v1-focus-page[data-focus-theme] .focus-gesture-hint {font-size:11px;}
 body.user-v1-focus-page[data-focus-theme] .focus-brand h1 {font-size:clamp(16px,4.4vw,22px);}
 body.user-v1-focus-page[data-focus-theme] .focus-brand p {font-size:11px;}
 body.user-v1-focus-page[data-focus-theme] .fw-header {gap:14px;}
}
@media (max-width:359px) {
 body.user-v1-focus-page[data-focus-theme] .user-v1-focus.focus-ready .focus-header {padding-left:12px;padding-right:89px;}
 body.user-v1-focus-page[data-focus-theme] #focus-search-slot {right:43px;}
 body.user-v1-focus-page[data-focus-theme] #mnBtn {right:calc(clamp(10px,3vw,24px) + 5px);}
 body.user-v1-focus-page[data-focus-theme] .focus-brand h1 {font-size:15px;}
 body.user-v1-focus-page[data-focus-theme] #focus-language-slot > .select-upload-data {gap:6px;}
 body.user-v1-focus-page[data-focus-theme] .focus-player-controls {gap:5px;}
 body.user-v1-focus-page[data-focus-theme] .focus-tool-grid .focus-action {font-size:11px;}
}
@media (prefers-reduced-motion:reduce) {
 body.user-v1-focus-page[data-focus-theme] *,body.user-v1-focus-page[data-focus-theme] *::before,body.user-v1-focus-page[data-focus-theme] *::after {scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important;}
}
/* Override the existing app's explicit native-widget and checkbox colours. */
body.user-v1-focus-page[data-focus-theme] .focus-tool-grid > .focus-native,
body.user-v1-focus-page[data-focus-theme] .focus-tool-grid > .focus-native:hover {background:var(--ui-panel)!important;color:var(--ui-text)!important;border-color:var(--ui-line)!important;}
body.user-v1-focus-page[data-focus-theme] .focus-utility-dock #chatbot-toggle.focus-action {color:var(--ui-text)!important;}
body.user-v1-focus-page[data-focus-theme] .user-v1-focus input[type=checkbox] {background:var(--ui-panel);border-color:var(--ui-muted);}
body.user-v1-focus-page[data-focus-theme] .user-v1-focus input[type=checkbox]:checked {background:var(--ui-accent);border-color:var(--ui-accent);}
body.user-v1-focus-page[data-focus-theme] .user-v1-focus input[type=checkbox]:checked::after {border-color:var(--ui-on-accent);}
body.user-v1-focus-page[data-focus-theme] .user-v1-focus #fileList .imgAction,
body.user-v1-focus-page[data-focus-theme] .user-v1-focus #fileList .icon-star {width:44px!important;height:44px!important;min-width:44px;max-width:44px;padding:10px;}
body.user-v1-focus-page[data-focus-theme] .user-v1-focus #fileList .feedback-icon {width:44px;min-height:44px;}
body.user-v1-focus-page[data-focus-theme] #mnList .item {background:var(--ui-panel);color:var(--ui-text);border-color:var(--ui-line);}
body.user-v1-focus-page[data-focus-theme] .focus-section.focus-no-actions {padding:0;border:0;box-shadow:none;background:transparent;}
@media (max-width:540px) {
 body.user-v1-focus-page[data-focus-theme] #fileList .col > .div-file-text {grid-template-columns:26px minmax(0,1fr) repeat(4,44px);gap:0;padding:6px;}
 body.user-v1-focus-page[data-focus-theme] #fileList .fiP {grid-column:2/-1;grid-row:1;}
 body.user-v1-focus-page[data-focus-theme] #fileList .divGroup {grid-row:1;}
 body.user-v1-focus-page[data-focus-theme] #fileList .feedback-icon {grid-row:2;grid-column:3;}
 body.user-v1-focus-page[data-focus-theme] #fileList .icon-star {grid-row:2;grid-column:4;}
 body.user-v1-focus-page[data-focus-theme] #fileList .imgAction {grid-row:2;grid-column:5;}
 body.user-v1-focus-page[data-focus-theme] #fileList .imgAction.mgr {grid-column:6;}
}
body.user-v1-focus-page[data-focus-theme] .focus-payment-menu {position:relative;height:100%;}
body.user-v1-focus-page[data-focus-theme] .focus-service-trigger {display:flex;align-items:center;justify-content:center;gap:7px;min-height:54px;height:100%;padding:9px 7px;border:1px solid var(--ui-line);border-radius:12px;background:var(--ui-panel);color:var(--ui-text);font-size:13px;font-weight:650;cursor:pointer;list-style:none;}
body.user-v1-focus-page[data-focus-theme] .focus-service-trigger::-webkit-details-marker {display:none;}
body.user-v1-focus-page[data-focus-theme] .focus-service-trigger .focus-glyph {color:var(--ui-accent);}
body.user-v1-focus-page[data-focus-theme] .focus-payment-menu[open] > .focus-service-trigger {border-color:var(--ui-accent);background:var(--ui-soft);}
body.user-v1-focus-page[data-focus-theme] .focus-service-options {position:absolute;top:calc(100% + 6px);left:0;z-index:20;min-width:200px;max-width:calc(100vw - 32px);padding:10px;border:1px solid var(--ui-line);background:var(--ui-panel);border-radius:14px;box-shadow:0 10px 30px #0002;display:grid;gap:8px;}
body.user-v1-focus-page[data-focus-theme] .focus-service-options #countdown {position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:58px;padding:10px;border:1px solid var(--ui-line)!important;border-radius:11px!important;display:flex;align-items:center;justify-content:center;gap:8px;}
body.user-v1-focus-page[data-focus-theme] .focus-service-options #tiles {position:static;display:inline-flex;padding:3px;border-radius:5px;}
body.user-v1-focus-page[data-focus-theme] .focus-service-options #tiles span {position:static;background:none;border:0;box-shadow:none;color:var(--ui-text);font-size:12px;width:auto;min-width:0;padding:0;margin:0;}
body.user-v1-focus-page[data-focus-theme] .focus-service-options #countdown .labels {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}
body.user-v1-focus-page[data-focus-theme] .focus-service-trigger:focus-visible {outline:3px solid var(--ui-focus);outline-offset:3px;}
@media (max-width:540px) {body.user-v1-focus-page[data-focus-theme] .focus-service-trigger {flex-direction:column;min-height:65px;font-size:12px;gap:4px;}}
body.user-v1-focus-page[data-focus-theme] .focus-payment-menu:not([open]) > .focus-service-options {display:none;}