/* Reader Styles - Extracted from single-chap.php for better performance */

/* Themes & Reader Styles */
.chapter-title { text-align: center; margin-bottom: 24px; font-weight: 800; line-height: 1.4; word-break: break-word; letter-spacing: -0.01em; }
.chapter-content { font-size: 18px; line-height: 1.85; text-align: justify; word-break: break-word; }
.chapter-content p { margin-bottom: 1.6rem; }

/* Sticky Reader Header Bar */
.reader-header {
    position: sticky;
    top: 0;
    z-index: 1020;
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    padding: 9px 18px;
    transition: background 0.3s ease, border-color 0.3s ease;
    width: 100%;
}
body.single-chap .reader-header {
    top: 0px !important;
}
.reader-header.is-stuck {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 1050 !important;
}
body.admin-bar .reader-header.is-stuck {
    top: 32px !important;
}
@media (max-width: 782px) {
    body.admin-bar .reader-header.is-stuck {
        top: 46px !important;
    }
}
body.dark-mode .reader-header,
body.theme-dark .reader-header,
body.theme-midnight .reader-header {
    background: rgba(18, 22, 31, 0.94) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

body.dark-mode .reader-header .reader-header-title a,
body.theme-dark .reader-header .reader-header-title a,
body.theme-midnight .reader-header .reader-header-title a {
    color: #e2e8f0 !important;
}

body.dark-mode .reader-header .reader-header-title span,
body.theme-dark .reader-header .reader-header-title span,
body.theme-midnight .reader-header .reader-header-title span {
    color: #8fa3bf !important;
}

/* Sepia Mode Header */
body.theme-sepia .reader-header {
    background: rgba(247, 241, 229, 0.94) !important;
    border-bottom-color: rgba(94, 75, 50, 0.12) !important;
}
body.theme-sepia .reader-header .reader-header-title a {
    color: #4a3b2b !important;
}
body.theme-sepia .reader-header .reader-header-title span {
    color: #7d674f !important;
}

.reader-header-buttons {
    display: flex;
    align-items: center;
    gap: 8px;
}

.reader-header-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    color: #4b5563;
    background: rgba(0, 0, 0, 0.035);
    border: 1px solid rgba(0, 0, 0, 0.05);
    text-decoration: none;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    font-size: 14px;
    cursor: pointer;
    flex-shrink: 0;
}
.reader-header-btn:hover {
    background: rgba(5, 150, 105, 0.1);
    color: #059669;
    border-color: rgba(5, 150, 105, 0.25);
    transform: translateY(-1.5px);
}
.reader-header-btn.active {
    background: #059669;
    border-color: #059669;
    color: #fff !important;
}
.reader-header-btn.disabled {
    opacity: 0.32;
    pointer-events: none;
}
body.dark-mode .reader-header-btn,
body.theme-dark .reader-header-btn,
body.theme-midnight .reader-header-btn {
    color: #cbd5e1;
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.08);
}
body.dark-mode .reader-header-btn:hover,
body.theme-dark .reader-header-btn:hover,
body.theme-midnight .reader-header-btn:hover {
    background: rgba(16, 185, 129, 0.18);
    color: #34d399;
    border-color: rgba(16, 185, 129, 0.35);
}
body.theme-sepia .reader-header-btn {
    color: #5a4531 !important;
    background: #f1e7d2 !important;
    border-color: #e2d2b5 !important;
}
body.theme-sepia .reader-header-btn:hover {
    background: #e6d4b4 !important;
    color: #382718 !important;
    border-color: #cbaf87 !important;
}

/* Scoped theme variables for #reader-outer-wrap only */
#reader-outer-wrap.theme-light { 
    --td-bg-body: #f8f6f0; 
    --td-text-color: #2b333e; 
    --td-card-bg: #ffffff; 
    --td-border-color: rgba(0, 0, 0, 0.06); 
    --td-bg-light: #f5f3ec; 
}
#reader-outer-wrap.theme-sepia { 
    --td-bg-body: #f5efe1; 
    --td-text-color: #4a3828; 
    --td-card-bg: #faf4e8; 
    --td-border-color: #dfcfb2; 
    --td-bg-light: #eee5d0; 
}
#reader-outer-wrap.theme-dark { 
    --td-bg-body: #0b0f19; 
    --td-text-color: #e2e8f0; 
    --td-card-bg: #121826; 
    --td-border-color: rgba(255, 255, 255, 0.08); 
    --td-bg-light: #121826; 
}
#reader-outer-wrap.theme-midnight { 
    --td-bg-body: #090d16; 
    --td-text-color: #f0f6fc; 
    --td-card-bg: #0d1117; 
    --td-border-color: rgba(255, 255, 255, 0.08); 
    --td-bg-light: #0d1117; 
}

.color-option { width: 30px; height: 30px; border-radius: 50%; cursor: pointer; border: 2px solid transparent; display: inline-block; transition: transform 0.2s ease, border-color 0.2s ease; }
.color-option.selected { border-color: var(--td-primary, #fa7a41); transform: scale(1.15); box-shadow: 0 2px 8px rgba(250, 122, 65, 0.4); }
.bg-opt-light { background-color: #f8f9fa; border: 1px solid #ccc; }
.bg-opt-sepia { background-color: #f4ecd8; border: 1px solid #d7cbb1; }
.bg-opt-dark { background-color: #121826; border: 1px solid rgba(255, 255, 255, 0.2); }
.bg-opt-midnight { background-color: #0d1117; border: 1px solid #30363d; }

/* Canvas Novel Reader Elements - Munpia-Style Anti-Download & Anti-Scrape Architecture */
.td-canvas-reader-root {
    position: relative !important;
    background-color: transparent !important;
    user-select: none !important;
    -webkit-user-select: none !important;
}
.td-canvas-viewport {
    position: relative !important;
    background-color: transparent !important;
    user-select: none !important;
    -webkit-user-select: none !important;
}
.td-canvas-slice {
    display: block !important;
    width: 100% !important;
    pointer-events: none !important; /* CRITICAL: Prevents browser context menu from offering 'Save image as' */
    user-select: none !important;
    -webkit-user-select: none !important;
    -webkit-user-drag: none !important;
    -webkit-touch-callout: none !important;
}
.td-canvas-shield {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    pointer-events: auto !important;
    background: transparent !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    -webkit-touch-callout: none !important;
}

/* Reader Board Theme Overrides - Scoped inside #reader-outer-wrap */
.reader-board {
    background-color: #ffffff;
    color: #2b333e;
    transition: all 0.3s ease;
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
}

/* 1. Theme Light inside #reader-outer-wrap */
#reader-outer-wrap.theme-light .reader-board {
    background-color: #ffffff !important;
    color: #2b333e !important;
    border-color: rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.035) !important;
}
#reader-outer-wrap.theme-light .chapter-title { color: #1e293b !important; }
#reader-outer-wrap.theme-light .chapter-content,
#reader-outer-wrap.theme-light .chapter-content p,
#reader-outer-wrap.theme-light #chapter-content-text { color: #2b333e !important; }
#reader-outer-wrap.theme-light .reader-board .text-dark { color: #1e293b !important; }
#reader-outer-wrap.theme-light .reader-board .text-secondary,
#reader-outer-wrap.theme-light .reader-board .text-muted { color: #64748b !important; }
#reader-outer-wrap.theme-light .reader-board hr { border-color: rgba(0, 0, 0, 0.06) !important; }
#reader-outer-wrap.theme-light .reader-board .bg-light { background-color: #f8fafc !important; color: #1e293b !important; }
#reader-outer-wrap.theme-light .chapter-comments-section.border-top { border-top-color: rgba(0, 0, 0, 0.06) !important; }
#reader-outer-wrap.theme-light .comments-title,
#reader-outer-wrap.theme-light #comments .comments-title,
#reader-outer-wrap.theme-light .chapter-comments-section #comments .comments-title { color: #1e293b !important; }

/* 2. Theme Sepia inside #reader-outer-wrap */
#reader-outer-wrap.theme-sepia .reader-board {
    background-color: #faf4e8 !important;
    color: #4a3828 !important;
    border-color: #e4d7bf !important;
    box-shadow: 0 4px 24px rgba(94, 75, 50, 0.05) !important;
}
#reader-outer-wrap.theme-sepia .chapter-title { color: #3d2a1b !important; }
#reader-outer-wrap.theme-sepia .chapter-content,
#reader-outer-wrap.theme-sepia .chapter-content p,
#reader-outer-wrap.theme-sepia #chapter-content-text { color: #4a3828 !important; }
#reader-outer-wrap.theme-sepia .chapter-comments-section.border-top { border-top-color: rgba(91, 70, 54, 0.12) !important; }
#reader-outer-wrap.theme-sepia .comments-title,
#reader-outer-wrap.theme-sepia #comments .comments-title,
#reader-outer-wrap.theme-sepia .chapter-comments-section #comments .comments-title { color: #3d2a1b !important; }

/* 3. Theme Dark inside #reader-outer-wrap */
#reader-outer-wrap.theme-dark .reader-board {
    background-color: #121826 !important;
    color: #e2e8f0 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35) !important;
}
#reader-outer-wrap.theme-dark .chapter-title { color: #f8fafc !important; }
#reader-outer-wrap.theme-dark .chapter-content,
#reader-outer-wrap.theme-dark .chapter-content p,
#reader-outer-wrap.theme-dark #chapter-content-text { color: #e2e8f0 !important; }
#reader-outer-wrap.theme-dark .chapter-comments-section.border-top { border-top-color: rgba(255, 255, 255, 0.08) !important; }
#reader-outer-wrap.theme-dark .comments-title,
#reader-outer-wrap.theme-dark #comments .comments-title,
#reader-outer-wrap.theme-dark .chapter-comments-section #comments .comments-title { color: #f8fafc !important; }

/* 4. Theme Midnight inside #reader-outer-wrap */
#reader-outer-wrap.theme-midnight .reader-board {
    background-color: #0d1117 !important;
    color: #f0f6fc !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4) !important;
}
#reader-outer-wrap.theme-midnight .chapter-title { color: #f0f6fc !important; }
#reader-outer-wrap.theme-midnight .chapter-content,
#reader-outer-wrap.theme-midnight .chapter-content p,
#reader-outer-wrap.theme-midnight #chapter-content-text { color: #f0f6fc !important; }
#reader-outer-wrap.theme-midnight .chapter-comments-section.border-top { border-top-color: rgba(255, 255, 255, 0.08) !important; }
#reader-outer-wrap.theme-midnight .comments-title,
#reader-outer-wrap.theme-midnight #comments .comments-title,
#reader-outer-wrap.theme-midnight .chapter-comments-section #comments .comments-title { color: #f0f6fc !important; }

/* 5. Default Dark Mode from Site (Universal synchronization) */
body.dark-mode #reader-outer-wrap:not(.theme-sepia) .reader-board {
    background-color: #121826 !important;
    color: #e2e8f0 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}
body.dark-mode #reader-outer-wrap:not(.theme-sepia) .chapter-title { color: #f8fafc !important; }
body.dark-mode #reader-outer-wrap:not(.theme-sepia) .chapter-content,
body.dark-mode #reader-outer-wrap:not(.theme-sepia) .chapter-content p,
body.dark-mode #reader-outer-wrap:not(.theme-sepia) #chapter-content-text { color: #e2e8f0 !important; }
body.dark-mode #reader-outer-wrap:not(.theme-sepia) .chapter-comments-section.border-top { border-top-color: rgba(255, 255, 255, 0.08) !important; }
body.dark-mode #reader-outer-wrap:not(.theme-sepia) .comments-title,
body.dark-mode #reader-outer-wrap:not(.theme-sepia) #comments .comments-title,
body.dark-mode #reader-outer-wrap:not(.theme-sepia) .chapter-comments-section #comments .comments-title { color: #f8fafc !important; }

/* Settings Modal - Dark & Midnight Themes */
body.dark-mode #settingsModal .modal-content,
body.theme-dark #settingsModal .modal-content,
body.theme-midnight #settingsModal .modal-content {
    background-color: #121826 !important;
    color: #e2e8f0 !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.6) !important;
}
body.dark-mode #settingsModal .modal-header,
body.theme-dark #settingsModal .modal-header,
body.theme-midnight #settingsModal .modal-header {
    background-color: #0b0f19 !important;
    border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}
body.dark-mode #settingsModal .modal-title,
body.theme-dark #settingsModal .modal-title,
body.theme-midnight #settingsModal .modal-title {
    color: #f8fafc !important;
}
body.dark-mode #settingsModal .btn-close,
body.theme-dark #settingsModal .btn-close,
body.theme-midnight #settingsModal .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%) !important;
}
body.dark-mode #settingsModal .modal-body label,
body.dark-mode #settingsModal label.form-label,
body.dark-mode #settingsModal .text-muted,
body.dark-mode #settingsModal .text-secondary,
body.theme-dark #settingsModal .modal-body label,
body.theme-dark #settingsModal label.form-label,
body.theme-dark #settingsModal .text-muted,
body.theme-dark #settingsModal .text-secondary,
body.theme-midnight #settingsModal .modal-body label,
body.theme-midnight #settingsModal label.form-label,
body.theme-midnight #settingsModal .text-muted,
body.theme-midnight #settingsModal .text-secondary {
    color: #94a3b8 !important;
}
body.dark-mode #settingsModal .form-select,
body.theme-dark #settingsModal .form-select,
body.theme-midnight #settingsModal .form-select {
    background-color: #0b0f19 !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    color: #f8fafc !important;
}
body.dark-mode #settingsModal .btn-outline-secondary,
body.theme-dark #settingsModal .btn-outline-secondary,
body.theme-midnight #settingsModal .btn-outline-secondary {
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: #e2e8f0 !important;
}
body.dark-mode #settingsModal .btn-outline-secondary:hover,
body.theme-dark #settingsModal .btn-outline-secondary:hover,
body.theme-midnight #settingsModal .btn-outline-secondary:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
}
body.dark-mode #settingsModal .border-top,
body.theme-dark #settingsModal .border-top,
body.theme-midnight #settingsModal .border-top {
    border-top-color: rgba(255, 255, 255, 0.08) !important;
}
body.dark-mode #settingsModal .bg-light,
body.theme-dark #settingsModal .bg-light,
body.theme-midnight #settingsModal .bg-light {
    background-color: #0b0f19 !important;
}
body.dark-mode #settingsModal div[style*="background: rgba(0,0,0,0.03)"],
body.theme-dark #settingsModal div[style*="background: rgba(0,0,0,0.03)"],
body.theme-midnight #settingsModal div[style*="background: rgba(0,0,0,0.03)"] {
    background: rgba(255, 255, 255, 0.04) !important;
}

/* Settings Modal - Sepia Theme */
body.theme-sepia #settingsModal .modal-content {
    background-color: #fbf0d9 !important;
    color: #5f4b32 !important;
    border: 1px solid #e3d3b6 !important;
}
body.theme-sepia #settingsModal .modal-header {
    background-color: #f4ecd8 !important;
    border-bottom-color: #e3d3b6 !important;
}
body.theme-sepia #settingsModal .modal-title {
    color: #5f4b32 !important;
}
body.theme-sepia #settingsModal .modal-body label,
body.theme-sepia #settingsModal label.form-label,
body.theme-sepia #settingsModal .text-muted,
body.theme-sepia #settingsModal .text-secondary {
    color: #786144 !important;
}
body.theme-sepia #settingsModal .form-select {
    background-color: #f4ecd8 !important;
    border-color: #e3d3b6 !important;
    color: #5f4b32 !important;
}
body.theme-sepia #settingsModal .btn-outline-secondary {
    border-color: #d4bf9c !important;
    color: #5f4b32 !important;
}
body.theme-sepia #settingsModal .btn-outline-secondary:hover {
    background-color: #e3d3b6 !important;
    color: #3d2e1e !important;
}
body.theme-sepia #settingsModal .border-top {
    border-top-color: #e3d3b6 !important;
}
body.theme-sepia #settingsModal .bg-light {
    background-color: #f4ecd8 !important;
}

/* Chap List Modal - Dark Mode */
#td-chap-list-content { max-height: 60vh; overflow-y: auto; }
.chap-item-active { background-color: var(--td-primary, #fa7a41); color: #fff !important; }
.td-chap-search-bar { background-color: #fff; }
.td-chap-search-input { background-color: #f8f9fa; }

body.dark-mode #td-chap-list-modal .modal-content,
body.theme-dark #td-chap-list-modal .modal-content,
body.theme-midnight #td-chap-list-modal .modal-content {
    background-color: #242426 !important;
    color: #e2e8f0 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}
body.dark-mode #td-chap-list-modal .td-chap-search-bar,
body.theme-dark #td-chap-list-modal .td-chap-search-bar,
body.theme-midnight #td-chap-list-modal .td-chap-search-bar {
    background-color: #242426 !important;
}
body.dark-mode #td-chap-list-modal #td-chap-search,
body.theme-dark #td-chap-list-modal #td-chap-search,
body.theme-midnight #td-chap-list-modal #td-chap-search {
    background-color: #1a1a1c !important;
    color: #e2e8f0 !important;
    border: 1px solid #38383c !important;
}
body.dark-mode #td-chap-list-modal #td-chap-search::placeholder,
body.theme-dark #td-chap-list-modal #td-chap-search::placeholder,
body.theme-midnight #td-chap-list-modal #td-chap-search::placeholder {
    color: #94a3b8 !important;
}
body.dark-mode #td-chap-list-modal .list-group-item,
body.theme-dark #td-chap-list-modal .list-group-item,
body.theme-midnight #td-chap-list-modal .list-group-item {
    background-color: #242426 !important;
    color: #e2e8f0 !important;
    border-color: #38383c !important;
}
body.dark-mode #td-chap-list-modal .list-group-item:hover,
body.theme-dark #td-chap-list-modal .list-group-item:hover,
body.theme-midnight #td-chap-list-modal .list-group-item:hover {
    background-color: #2e2e32 !important;
    color: #ffffff !important;
}
body.dark-mode #td-chap-list-modal .modal-title,
body.theme-dark #td-chap-list-modal .modal-title,
body.theme-midnight #td-chap-list-modal .modal-title {
    color: #f3f4f6 !important;
}
body.dark-mode #td-chap-list-modal .btn-close,
body.theme-dark #td-chap-list-modal .btn-close,
body.theme-midnight #td-chap-list-modal .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%) !important;
}

/* Chap List Modal - Sepia Mode */
body.theme-sepia #td-chap-list-modal .modal-content {
    background-color: #fbf0d9 !important;
    color: #5f4b32 !important;
    border: 1px solid #e3d3b6 !important;
}
body.theme-sepia #td-chap-list-modal .td-chap-search-bar {
    background-color: #fbf0d9 !important;
}
body.theme-sepia #td-chap-list-modal #td-chap-search {
    background-color: #f4ecd8 !important;
    color: #5f4b32 !important;
    border: 1px solid #e3d3b6 !important;
}
body.theme-sepia #td-chap-list-modal #td-chap-search::placeholder {
    color: #a89476 !important;
}
body.theme-sepia #td-chap-list-modal .list-group-item {
    background-color: #fbf0d9 !important;
    color: #5f4b32 !important;
    border-color: #e3d3b6 !important;
}
body.theme-sepia #td-chap-list-modal .list-group-item:hover {
    background-color: #eedebd !important;
    color: #3d2e1e !important;
}
body.theme-sepia #td-chap-list-modal .modal-title {
    color: #5f4b32 !important;
}

/* Mobile Responsive for Chapter Reading */
@media (max-width: 767.98px) {
    .reader-header {
        padding: 6px 8px;
    }
    .reader-header .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    .reader-header-buttons {
        width: 100% !important;
        justify-content: space-between !important;
        gap: 2px !important;
        margin-left: 0 !important;
    }
    .reader-header-btn {
        width: clamp(28px, 9.2vw, 36px);
        height: clamp(28px, 9.2vw, 36px);
        min-width: 27px;
        font-size: clamp(11.5px, 3.5vw, 14px);
    }
    #reader-outer-wrap {
        padding-left: 8px !important;
        padding-right: 8px !important;
        margin-top: 8px !important;
        margin-bottom: 24px !important;
    }
    .reader-board {
        padding: 16px 12px !important;
        border-radius: 12px !important;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04) !important;
    }
    .chapter-title {
        font-size: 1.35rem !important;
        margin-bottom: 12px !important;
        line-height: 1.35 !important;
    }
    .chapter-content {
        font-size: 1.05rem !important;
        line-height: 1.75 !important;
    }
    .chapter-content p {
        margin-bottom: 1.2rem !important;
    }
    .chapter-nav-inline {
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        gap: 0 !important;
    }
    .chapter-nav-inline .btn {
        flex: 1 1 auto !important;
        padding: 8px 6px !important;
        font-size: 12px !important;
        white-space: nowrap !important;
    }
    .chapter-nav-inline .btn-prev-chap,
    .chapter-nav-inline .btn-next-chap {
        flex: 0 0 44px !important;
        padding: 8px 0 !important;
        text-align: center;
    }
    .chapter-nav-inline .btn i {
        font-size: 12px !important;
        margin: 0 !important;
    }
}

@media (max-width: 400px) {
    .reader-header {
        padding: 5px 3px;
    }
    .reader-header-btn {
        width: 28px;
        height: 28px;
        min-width: 25px;
        font-size: 11px;
    }
    #reader-outer-wrap {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }
    .reader-board {
        padding: 14px 8px !important;
        border-radius: 8px !important;
    }
    .chapter-nav-inline .btn-prev-chap,
    .chapter-nav-inline .btn-next-chap {
        flex: 0 0 38px !important;
    }
}

/* Anti-Reader Mode DOM Scramble & Noise Protection */
.art-reading-content img,
.chapter-content img,
.td-reading-flow img,
.reading-content img {
    display: block !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 1.5rem auto !important;
    border-radius: 8px;
    box-sizing: border-box;
}

.td-reading-flow {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}
.td-reading-flow .td-text-para {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
}
.td-canvas-reader-root,
.td-canvas-viewport {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}
.td-s-noise {
    display: inline-block !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    pointer-events: none !important;
    user-select: none !important;
    -webkit-user-select: none !important;
}
.td-s-para-noise {
    display: block !important;
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    pointer-events: none !important;
    user-select: none !important;
    -webkit-user-select: none !important;
}