/* Longの书房 · Burgundy glass shell · 2026-10-10
   Append after the existing Kavita / Long Glass styles.
   Preserve fonts, weights, layout, account actions and reader page themes.
   Remove the complete START/END block to roll back this visual layer. */
/* LONG READ BURGUNDY START */

/* A book reader may set brtheme-* before its component is mounted.
   Both gates keep application variables out of the actual reading view. */
html body:not([class*="brtheme-"]):not(:has(.reader-container)) {
    --long-read-base: #101013;
    --long-read-ink: #f2eded;
    --long-read-muted: #c0b4b8;
    --long-read-accent: #dea1ad;
    --long-read-glass: rgba(35, 30, 33, .48);
    --long-read-border: rgba(231, 203, 212, .21);
    --long-read-input: rgba(19, 17, 21, .62);
    --long-read-glaze: linear-gradient(120deg, rgba(255, 244, 247, .09), rgba(255, 255, 255, .025) 54%, rgba(141, 53, 73, .09));
    --long-read-backdrop: blur(22px) saturate(115%);
    --long-read-shadow: 0 16px 42px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255, 242, 246, .14), inset 0 -1px 0 rgba(255, 255, 255, .035);
    --long-read-background: radial-gradient(ellipse at 9% 34%, rgba(110, 30, 51, .38), transparent 51%), radial-gradient(ellipse at 93% 88%, rgba(109, 29, 52, .26), transparent 50%), linear-gradient(125deg, #181418 0%, #111215 52%, #181216 100%);

    /* Existing Long loading script uses this variable to recognize its theme. */
    --long-base: #101013 !important;
    /* The account theme is inserted dynamically as #theme-long-glass. Its
       existing semantic aliases must inherit Burgundy even when inserted later. */
    --long-cyan: #bf7789 !important;
    --long-pink: #dda0ae !important;
    --long-purple: #d693a4 !important;
    --long-text: var(--long-read-ink) !important;
    --long-muted: var(--long-read-muted) !important;
    --long-link: var(--long-read-accent) !important;
    --long-glass: var(--long-read-glass) !important;
    --long-glass-strong: rgba(31, 25, 30, .92) !important;
    --long-card: var(--long-read-glass) !important;
    --long-border: var(--long-read-border) !important;
    --long-glass-edge: var(--long-read-border) !important;
    --long-surface-sheen: var(--long-read-glaze) !important;
    --long-shadow: var(--long-read-shadow) !important;
    --long-popup-shadow: var(--long-read-shadow) !important;
    --long-accent-gradient: linear-gradient(105deg, #713045, #a35b70) !important;
    --long-hover: rgba(166, 80, 103, .14) !important;
    --long-active: rgba(166, 80, 103, .21) !important;
    --long-wallpaper: none !important;
    --long-blur: 22px !important;
    --long-card-blur: 22px !important;
    --long-radius: 16px !important;
    --primary-color: #a65067 !important;
    --primary-color-dark-shade: #8b3e54 !important;
    --primary-color-darker-shade: #773248 !important;
    --primary-color-darkest-shade: #602638 !important;
    --body-text-color: var(--long-read-ink) !important;
    --text-muted-color: var(--long-read-muted) !important;
    --offwhite-text-color: var(--long-read-muted) !important;
    --white-text-color: var(--long-read-ink) !important;
    --detail-title-color: var(--long-read-ink) !important;
    --detail-subtitle-color: var(--long-read-muted) !important;
    --title-color: var(--long-read-accent) !important;
    --accent-bg-color: rgba(166, 80, 103, .14) !important;
    --accent-text-color: var(--long-read-accent) !important;
    --color-scheme: dark !important;
    --theme-color: #101013 !important;
    --bs-body-bg: #101013 !important;
    --bs-body-bg-rgb: 16, 16, 19 !important;
    --bs-body-color: var(--long-read-ink) !important;
    --bs-body-color-rgb: 242, 237, 237 !important;
    --bs-emphasis-color: var(--long-read-ink) !important;
    --bs-emphasis-color-rgb: 242, 237, 237 !important;
    --bs-secondary-color: var(--long-read-muted) !important;
    --bs-tertiary-color: var(--long-read-muted) !important;
    --bs-secondary-bg: #211b20 !important;
    --bs-tertiary-bg: #292127 !important;
    --bs-card-color: var(--long-read-ink) !important;
    --bs-card-bg: var(--long-read-glass) !important;
    --bs-link-color: var(--long-read-accent) !important;
    --bs-link-hover-color: #f3bcc7 !important;
    --bs-link-color-rgb: 222, 161, 173 !important;
    --bs-link-hover-color-rgb: 243, 188, 199 !important;
    --bs-primary-rgb: 166, 80, 103 !important;
    --bs-border-color: var(--long-read-border) !important;
    --bs-border-color-translucent: var(--long-read-border) !important;
    --hr-color: var(--long-read-border) !important;

    --navbar-bg-color: var(--long-read-glass) !important;
    --navbar-text-color: var(--long-read-ink) !important;
    --navbar-fa-icon-color: var(--long-read-muted) !important;
    --nav-header-text-color: var(--long-read-ink) !important;
    --nav-header-bg-color: rgba(35, 30, 33, .76) !important;
    --searchbar-bg-color: var(--long-read-input) !important;
    --side-nav-bg-color: var(--long-read-glass) !important;
    --side-nav-mobile-bg-color: rgba(30, 25, 29, .82) !important;
    --side-nav-closed-bg-color: rgba(35, 30, 33, .38) !important;
    --side-nav-text-color: var(--long-read-muted) !important;
    --side-nav-header-text-color: var(--long-read-ink) !important;
    --pref-side-nav-header-text-color: var(--long-read-muted) !important;
    --side-nav-hover-bg-color: rgba(166, 80, 103, .14) !important;
    --side-nav-hover-text-color: var(--long-read-ink) !important;
    --side-nav-item-active-color: var(--long-read-accent) !important;
    --side-nav-item-active-text-color: var(--long-read-ink) !important;
    --side-nav-item-closed-color: var(--long-read-muted) !important;
    --side-nav-item-closed-hover-color: var(--long-read-ink) !important;
    --side-nav-active-bg-color: rgba(166, 80, 103, .21) !important;
    --side-nav-overlay-color: rgba(8, 6, 9, .58) !important;
    --side-nav-border: 1px solid var(--long-read-border) !important;
    --side-nav-mobile-border: 1px solid var(--long-read-border) !important;

    --card-bg-color: var(--long-read-glass) !important;
    --card-text-color: var(--long-read-ink) !important;
    --card-title-text-color: var(--long-read-ink) !important;
    --card-border-color: var(--long-read-border) !important;
    --card-body-bg-color: rgba(23, 19, 23, .84) !important;
    --card-hover-bg-color: rgba(64, 35, 46, .62) !important;
    --card-hover-text-color: var(--long-read-ink) !important;
    --card-overlay-hover-bg-color: rgba(29, 17, 24, .52) !important;
    --card-list-item-bg-color: linear-gradient(110deg, rgba(35, 30, 33, .7), rgba(46, 29, 38, .62)) !important;
    --label-card-bg: var(--long-read-glass) !important;
    --label-card-border: var(--long-read-border) !important;
    --label-card-value-color: var(--long-read-ink) !important;
    --label-card-label-color: var(--long-read-muted) !important;
    --carousel-header-text-color: var(--long-read-ink) !important;
    --carousel-btn-color: var(--long-read-accent) !important;

    --input-bg-color: var(--long-read-input) !important;
    --input-bg-readonly-color: rgba(40, 33, 39, .7) !important;
    --input-text-color: var(--long-read-ink) !important;
    --input-placeholder-color: #b6a4ad !important;
    --input-border-color: var(--long-read-border) !important;
    --input-focused-border-color: var(--long-read-accent) !important;
    --input-focus-boxshadow-color: rgba(222, 161, 173, .24) !important;
    --btn-focus-boxshadow-color: rgba(222, 161, 173, .28) !important;
    --btn-primary-text-color: #fff4f6 !important;
    --btn-primary-bg-color: #96465c !important;
    --btn-primary-border-color: #b06379 !important;
    --btn-primary-hover-bg-color: #ac5870 !important;
    --btn-primary-hover-border-color: #ce889b !important;
    --btn-primary-hover-text-color: #fff4f6 !important;
    --btn-secondary-bg-color: rgba(93, 70, 82, .45) !important;
    --btn-secondary-border-color: rgba(231, 203, 212, .28) !important;
    --btn-secondary-text-color: var(--long-read-ink) !important;
    --btn-actions-hover-bg: rgba(222, 161, 173, .13) !important;
    --btn-fa-icon-color: var(--long-read-ink) !important;
    --btn-disabled-bg-color: #302830 !important;
    --btn-disabled-text-color: #a697a0 !important;
    --btn-disabled-border-color: #51414a !important;
    --btn-secondary-hover-bg-color: #5b3b48 !important;
    --btn-secondary-hover-text-color: var(--long-read-ink) !important;
    --btn-secondary-hover-border-color: #aa6b7e !important;
    --btn-outline-primary-text-color: var(--long-read-accent) !important;
    --btn-outline-secondary-text-color: var(--long-read-muted) !important;
    --btn-primary-text-text-color: var(--long-read-accent) !important;
    --btn-secondary-text-text-color: var(--long-read-muted) !important;

    --modal-bg-color: rgba(31, 25, 30, .92) !important;
    --modal-body-bg-color: transparent !important;
    --modal-footer-bg-color: rgba(35, 28, 33, .5) !important;
    --modal-footer-border-top-color: var(--long-read-border) !important;
    --drawer-bg-color: rgba(31, 25, 30, .92) !important;
    --drawer-text-color: var(--long-read-ink) !important;
    --popover-bg-color: rgba(31, 25, 30, .95) !important;
    --popover-body-bg-color: transparent !important;
    --popover-body-text-color: var(--long-read-ink) !important;
    --popover-border-color: var(--long-read-border) !important;
    --tooltip-bg-color: rgba(31, 25, 30, .96) !important;
    --tooltip-outline-color: var(--long-read-border) !important;
    --tooltip-caret-color: #241c23 !important;
    --dropdown-item-bg-color: rgba(31, 25, 30, .95) !important;
    --dropdown-item-text-color: var(--long-read-ink) !important;
    --dropdown-item-hover-bg-color: #703346 !important;
    --dropdown-item-hover-text-color: #fff4f6 !important;
    --list-group-item-text-color: var(--long-read-ink) !important;
    --list-group-item-bg-color: transparent !important;
    --list-group-item-border-color: var(--long-read-border) !important;
    --list-group-hover-bg-color: rgba(166, 80, 103, .17) !important;
    --search-list-group-item-bg-color: rgba(31, 25, 30, .97) !important;
    --accordion-surface-bg-color: var(--long-read-glass) !important;
    --accordion-body-border-color: var(--long-read-border) !important;
    --nav-tab-text-color: var(--long-read-muted) !important;
    --nav-tab-active-text-color: var(--long-read-ink) !important;
    --nav-tab-border-color: var(--long-read-border) !important;
    --nav-link-bg-color: rgba(166, 80, 103, .21) !important;
    --nav-link-active-text-color: var(--long-read-ink) !important;
    --tagbadge-text-color: var(--long-read-accent) !important;
    --tagbadge-bg-color: rgba(111, 50, 71, .25) !important;
    --tagbadge-filled-text-color: #f6e8ed !important;
    --tagbadge-filled-bg-color: #6c3549 !important;
    --tagbadge-border-color: var(--long-read-border) !important;
    --tagbadge-filled-border-color: #986276 !important;
    --tagbadge-pill-hover-bg-color: #6c3549 !important;
    --table-header-bg-color: rgba(70, 43, 56, .48) !important;
    --table-header-text-color: var(--long-read-ink) !important;
    --table-body-bg-color: rgba(35, 30, 33, .3) !important;
    --table-body-text-color: var(--long-read-ink) !important;
    --table-body-striped-bg-color: rgba(109, 69, 86, .12) !important;
    --accordion-active-body-bg-color: rgba(70, 43, 56, .2) !important;
    --breadcrumb-bg-color: rgba(35, 30, 33, .55) !important;
    --pagination-link-bg-color: rgba(35, 30, 33, .7) !important;
    --pagination-active-link-bg-color: #71354b !important;
    --pagination-active-link-text-color: var(--long-read-ink) !important;
    --event-widget-item-bg-color: rgba(35, 30, 33, .6) !important;

    --login-background-url: none !important;
    --login-background-opacity: 0 !important;
    --login-background-color: transparent !important;
    --login-card-bg-color: var(--long-read-glass) !important;
    --login-card-border-color: var(--long-read-border) !important;
    --login-card-border-width: 1px !important;
    --login-input-background-color: var(--long-read-input) !important;
    --login-input-color: var(--long-read-ink) !important;
    --login-input-border-color: var(--long-read-border) !important;
    --login-input-border-color-focus: var(--long-read-accent) !important;
    --login-input-box-shadow-focus: 0 0 0 3px rgba(222, 161, 173, .18) !important;
    --login-input-placeholder-color: #b6a4ad !important;
    --login-input-placeholder-opacity: 1 !important;
    --login-forgot-password-color: var(--long-read-accent) !important;

    color: var(--long-read-ink) !important;
    color-scheme: dark !important;
    background-color: var(--long-read-base) !important;
    background-image: var(--long-read-background) !important;
    background-size: 100% 100vh !important;
    background-position: center top !important;
    background-attachment: fixed !important;
}

html:not(:has(body[class*="brtheme-"])):not(:has(.reader-container)) {
    background: #101013 !important;
    color-scheme: dark !important;
}

/* Only the application decoration is removed; no book cover or reader image is targeted. */
html body:not([class*="brtheme-"]):not(:has(.reader-container)) app-root .fullpage-background {
    display: none !important;
}
html body.bg-long-glass:not([class*="brtheme-"]):not(:has(.reader-container))::before {
    display: none !important;
    background: none !important;
}
html body:not([class*="brtheme-"]):not(:has(.reader-container)) :is(app-login, app-splash-container) .login {
    background: transparent !important;
}
html body:not([class*="brtheme-"]):not(:has(.reader-container)) :is(app-login, app-splash-container) .login::before {
    background-image: none !important;
    opacity: 0 !important;
}

/* One blur per outer surface; children keep the app's sizing and layout. */
html body:not([class*="brtheme-"]):not(:has(.reader-container)) :is(app-nav-header .navbar, .side-nav-container, .login .card, .card-item-container.card, .card-item-container .card, app-settings .card, app-theme-manager .theme-container .card, .accordion-item) {
    background-color: var(--long-read-glass) !important;
    background-image: var(--long-read-glaze) !important;
    border-color: var(--long-read-border) !important;
    box-shadow: var(--long-read-shadow) !important;
    -webkit-backdrop-filter: var(--long-read-backdrop) !important;
    backdrop-filter: var(--long-read-backdrop) !important;
}
html body:not([class*="brtheme-"]):not(:has(.reader-container)) app-nav-header .navbar {
    border-bottom: 1px solid var(--long-read-border) !important;
}
html body:not([class*="brtheme-"]):not(:has(.reader-container)) .login .card {
    border: 1px solid var(--long-read-border) !important;
    border-radius: 22px !important;
}
html body:not([class*="brtheme-"]):not(:has(.reader-container)) :is(.card-item-container.card, .card-item-container .card) {
    border: 1px solid var(--long-read-border) !important;
    border-radius: var(--long-radius) !important;
}
html body:not([class*="brtheme-"]):not(:has(.reader-container)) :is(.card-item-container .card-title, .navbar-brand, .side-nav-header) {
    color: var(--long-read-ink) !important;
}
html body:not([class*="brtheme-"]):not(:has(.reader-container)) .card-item-container .card-body {
    background: rgba(23, 19, 23, .84) !important;
    border-color: rgba(231, 203, 212, .14) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}
html body:not([class*="brtheme-"]):not(:has(.reader-container)) .side-nav-container .side-nav {
    background: transparent !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}
html body:not([class*="brtheme-"]):not(:has(.reader-container)) .side-nav-item.active {
    background: linear-gradient(95deg, rgba(116, 48, 69, .28), rgba(166, 80, 103, .17)) !important;
    color: var(--long-read-ink) !important;
    box-shadow: inset 0 1px 0 rgba(255, 242, 246, .12) !important;
}
html body:not([class*="brtheme-"]):not(:has(.reader-container)) app-nav-header :is(.navbar-brand, .navbar-brand .logo, .navbar-brand .logo span) {
    color: var(--long-read-ink) !important;
    text-shadow: none !important;
}
html body:not([class*="brtheme-"]):not(:has(.reader-container)) .card-item-container .card-title-container {
    background: linear-gradient(100deg, rgba(58, 36, 46, .55), rgba(28, 23, 29, .32)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 242, 246, .1) !important;
}
html body:not([class*="brtheme-"]):not(:has(.reader-container)) .card-item-container.selected-highlight {
    border-color: var(--long-read-accent) !important;
    box-shadow: 0 0 0 2px rgba(222, 161, 173, .42), var(--long-read-shadow) !important;
}

/* Scoped form rules also beat Angular's important hard-coded login input background. */
html body:not([class*="brtheme-"]):not(:has(.reader-container)) :is(.form-control, .form-select, .login .custom-input, app-grouped-typeahead input) {
    color: var(--long-read-ink) !important;
    background-color: var(--long-read-input) !important;
    border-radius: 10px !important;
    box-shadow: inset 0 1px 0 rgba(255, 242, 246, .06) !important;
}
html body:not([class*="brtheme-"]):not(:has(.reader-container)) :is(.form-control, .form-select, .login .custom-input, app-grouped-typeahead input):not(.is-invalid):not(.is-valid):not([aria-invalid="true"]) {
    border-color: var(--long-read-border) !important;
}
html body:not([class*="brtheme-"]):not(:has(.reader-container)) :is(.form-control, .form-select, .login .custom-input, app-grouped-typeahead input):not(.is-invalid):not(.is-valid):not([aria-invalid="true"]):focus {
    border-color: var(--long-read-accent) !important;
    box-shadow: 0 0 0 3px rgba(222, 161, 173, .18) !important;
}
html body:not([class*="brtheme-"]):not(:has(.reader-container)) :is(.form-control, .login .custom-input)::placeholder {
    color: #b6a4ad !important;
    opacity: 1 !important;
}
html body:not([class*="brtheme-"]):not(:has(.reader-container)) .text-muted {
    color: var(--long-read-muted) !important;
}
html body:not([class*="brtheme-"]):not(:has(.reader-container)) :is(.modal-content, ngb-offcanvas-panel, .offcanvas, .popover, .dropdown-menu) {
    color: var(--long-read-ink) !important;
    background-color: rgba(31, 25, 30, .92) !important;
    background-image: var(--long-read-glaze) !important;
    border-color: var(--long-read-border) !important;
    box-shadow: var(--long-read-shadow) !important;
    -webkit-backdrop-filter: var(--long-read-backdrop) !important;
    backdrop-filter: var(--long-read-backdrop) !important;
}
html body:not([class*="brtheme-"]):not(:has(.reader-container)) :is(.modal-body, .popover-body) {
    background-color: transparent !important;
}
html body:not([class*="brtheme-"]):not(:has(.reader-container)) .btn-primary:not(:disabled):not(.disabled) {
    background-image: var(--long-accent-gradient) !important;
    color: #fff4f6 !important;
    box-shadow: 0 4px 13px rgba(66, 14, 34, .2), inset 0 1px 0 rgba(255, 242, 246, .15) !important;
}
html body:not([class*="brtheme-"]):not(:has(.reader-container)) .btn-primary:not(:disabled):not(.disabled):is(:hover, :active) {
    background-image: linear-gradient(105deg, #8c3c55, #b56d83) !important;
}
html body:not([class*="brtheme-"]):not(:has(.reader-container)) :is(.btn-outline-primary, .btn-outline-secondary):not(:disabled):not(.disabled):is(:hover, :active) {
    color: var(--long-read-ink) !important;
    background-color: rgba(166, 80, 103, .24) !important;
}
html body:not([class*="brtheme-"]):not(:has(.reader-container)) .progress-bar:not(.bg-danger):not(.bg-warning):not(.bg-success) {
    background-image: linear-gradient(90deg, #7e2b42, #c48595) !important;
}
html body:not([class*="brtheme-"]):not(:has(.reader-container)) :is(.badge.bg-primary, .text-bg-primary) {
    color: #fff4f6 !important;
}
html body:not([class*="brtheme-"]):not(:has(.reader-container)) .tooltip {
    --bs-tooltip-color: #f2eded !important;
    --bs-tooltip-bg: #241c23 !important;
}
html body:not([class*="brtheme-"]):not(:has(.reader-container)) .tooltip :is(.tooltip-inner, .tooltip-inner *) {
    color: var(--long-read-ink) !important;
}
html body:not([class*="brtheme-"]):not(:has(.reader-container)) :where(a, button, input, select, textarea, [role="button"], [tabindex]):focus-visible {
    outline: 2px solid var(--long-read-accent) !important;
    outline-offset: 3px;
}
html body:not([class*="brtheme-"]):not(:has(.reader-container)) .input-group > :not(:first-child):not(.dropdown-menu) {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
html body:not([class*="brtheme-"]):not(:has(.reader-container)) .input-group > :not(:last-child):not(.dropdown-menu) {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
html body:not([class*="brtheme-"]):not(:has(.reader-container)) ::selection {
    color: #fff4f6 !important;
    background: rgba(146, 60, 88, .66) !important;
}

/* The existing loader injects its own light styles early and with !important. */
html.ll-loading,
html.ll-loading body {
    background-color: #101013 !important;
    color-scheme: dark !important;
}
html body #long-reader-loader,
html body #long-reader-loader.ll-book {
    --ll-bg: #101013 !important;
    color: #f2eded !important;
    color-scheme: dark !important;
    background: radial-gradient(ellipse at 9% 34%, rgba(110, 30, 51, .38), transparent 51%), radial-gradient(ellipse at 93% 88%, rgba(109, 29, 52, .26), transparent 50%), linear-gradient(125deg, #181418 0%, #111215 52%, #181216 100%) !important;
}
html body #long-reader-loader .ll-card {
    color: #f2eded !important;
    background: linear-gradient(120deg, rgba(255, 244, 247, .09), rgba(255, 255, 255, .025) 54%, rgba(141, 53, 73, .09)), rgba(35, 30, 33, .48) !important;
    border-color: rgba(231, 203, 212, .21) !important;
    box-shadow: 0 16px 42px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255, 242, 246, .14) !important;
    -webkit-backdrop-filter: blur(22px) saturate(115%) !important;
    backdrop-filter: blur(22px) saturate(115%) !important;
}
html body #long-reader-loader h2 { color: #f2eded !important; }
html body #long-reader-loader :is(.ll-message, .ll-dismiss) { color: #c0b4b8 !important; }
html body #long-reader-loader .ll-mark {
    background: linear-gradient(135deg, #702c41, #b96f84) !important;
    box-shadow: 0 9px 24px rgba(99, 30, 49, .22) !important;
}
html body #long-reader-loader .ll-track { background: rgba(231, 203, 212, .12) !important; }
html body #long-reader-loader .ll-track span { background: linear-gradient(90deg, #7e2b42, #c48595, #dea1ad) !important; }
html body #long-reader-loader .ll-dismiss:hover { background: rgba(222, 161, 173, .1) !important; }
html body #long-reader-loader .ll-dismiss:focus-visible { outline-color: #dea1ad !important; }

@media (max-width: 992px) {
    html body:not([class*="brtheme-"]):not(:has(.reader-container)) {
        --long-read-backdrop: blur(16px) saturate(110%);
        --long-blur: 16px !important;
        --long-card-blur: 16px !important;
    }
    html body:not([class*="brtheme-"]):not(:has(.reader-container)) .side-nav-container {
        background-color: rgba(30, 25, 29, .82) !important;
    }
    html body #long-reader-loader .ll-card {
        -webkit-backdrop-filter: blur(16px) saturate(110%) !important;
        backdrop-filter: blur(16px) saturate(110%) !important;
    }
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    html body:not([class*="brtheme-"]):not(:has(.reader-container)) :is(app-nav-header .navbar, .side-nav-container, .login .card, .card-item-container.card, .card-item-container .card),
    html body #long-reader-loader .ll-card {
        background-color: rgba(31, 25, 30, .94) !important;
    }
}

/* LONG READ BURGUNDY END */


/* LONG READ SEARCH V2 START */
/* Keep one stable search surface; only the input wrapper draws its edge. */
html body:not([class*="brtheme-"]):not(:has(.reader-container)) app-nav-header .ng-autocomplete {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 12px !important;
}
html body:not([class*="brtheme-"]):not(:has(.reader-container)) app-nav-header app-grouped-typeahead#nav-search .typeahead-input {
  width: 100% !important;
  margin: 0 !important;
  min-height: 36px;
  border: 1px solid rgba(215,173,189,.23) !important;
  border-radius: 12px !important;
  background: linear-gradient(110deg, rgba(255,241,247,.025), rgba(112,43,64,.045)), rgba(25,20,25,.46) !important;
  box-shadow: inset 0 1px 0 rgba(255,239,245,.035) !important;
  transition: border-color .18s ease, box-shadow .18s ease !important;
}
html body:not([class*="brtheme-"]):not(:has(.reader-container)) app-nav-header app-grouped-typeahead#nav-search .typeahead-input:focus-within {
  border-color: #aa647b !important;
  box-shadow: 0 0 0 2px rgba(166,80,103,.12) !important;
}
html body:not([class*="brtheme-"]):not(:has(.reader-container)) app-nav-header app-grouped-typeahead#nav-search .search {
  display: flex;
  align-items: center;
  min-width: 0;
  min-height: 34px;
  padding: 0 10px !important;
  gap: 8px;
}
html body:not([class*="brtheme-"]):not(:has(.reader-container)) app-nav-header app-grouped-typeahead#nav-search input#nav-search {
  flex: 1 1 0%;
  width: 0 !important;
  min-width: 0;
  left: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  transition: none !important;
}
html body:not([class*="brtheme-"]):not(:has(.reader-container)) app-nav-header app-grouped-typeahead#nav-search .input-hint {
  flex: 0 0 auto;
  margin: 0 !important;
  padding: 1px 5px;
  color: #bba7b0;
  border: 1px solid rgba(215,173,189,.18);
  border-radius: 5px;
  background: rgba(255,239,245,.025);
}
html body:not([class*="brtheme-"]):not(:has(.reader-container)) app-nav-header app-grouped-typeahead#nav-search .btn-close {
  flex: 0 0 auto;
  filter: invert(1) !important;
  opacity: .65;
}
html body:not([class*="brtheme-"]):not(:has(.reader-container)) app-nav-header app-grouped-typeahead#nav-search .btn-close:hover {
  opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
  html body:not([class*="brtheme-"]):not(:has(.reader-container)) app-nav-header app-grouped-typeahead#nav-search .typeahead-input {
    transition: none !important;
  }
}
/* LONG READ SEARCH V2 END */