/* 딩동 앱 사이드바 — index_main_styles에서 추출 (SEO 공개 페이지용) */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;500;600;700;900&display=swap');
html[data-seo-app-sidebar="1"], html[data-seo-app-sidebar="1"] body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    height: auto;
    min-height: 100dvh;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
    overscroll-behavior-y: auto;
    font-family: "Noto Serif KR", serif;
    color: var(--text-main);
    background: #fbf8f1;
}
html[data-seo-app-sidebar="1"] .sb-compare4-sec,
html[data-seo-app-sidebar="1"] .sb-bible-sec,
html[data-seo-app-sidebar="1"] .bb-text-size-wrap,
html[data-seo-app-sidebar="1"] #sb-pass-wrap,
html[data-seo-app-sidebar="1"] .sb-nav-other {
    display: none !important;
}
/* 로그인 시 이용권 안내 — SEO 페이지에서도 앱과 동일하게 표시 */
html[data-seo-app-sidebar="1"] #gTabPayment {
    display: none !important;
}
html[data-seo-app-sidebar="1"] body.is-logged-in #gTabPayment {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}
/* 로그인/로그아웃 — .sb-btn display:flex!important 와 충돌 방지 */
body.is-logged-in #sb-login { display: none !important; }
body.is-logged-in #sb-logout {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}
body:not(.is-logged-in) #sb-login {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}
body:not(.is-logged-in) #sb-logout { display: none !important; }
html[data-seo-app-sidebar="1"] body:not(.sb-closed) {
    padding-left: 240px;
    transition: padding-left .3s;
}
html[data-seo-app-sidebar="1"] body.sb-closed {
    padding-left: 0;
}
html[data-seo-app-sidebar="1"] a.g-tab {
    text-decoration: none;
    color: inherit;
}
body.is-embed .global-tabs,
body.is-embed #sb-collapse,
body.is-embed #sb-mobile-toggle,
body.is-embed #sb-overlay {
    display: none !important;
}
body.is-embed {
    padding-left: 0 !important;
}
        :root { 
            --bg: #fbf8f1; 
            --panel: #ffffff; 
            --accent: #1e3a8a;          /* 천국의 깊은 남색 */
            --gold: #c9a961;            /* 성전의 금빛 */
            --gold-soft: #e8d9b0;       /* 부드러운 금빛 */
            --border: #ece4d1;          /* 양피지 테두리 */
            --text-main: #1f1b2e;       /* 거룩한 밤 */
            --text-muted: #7a6c5d;      /* 따스한 흙빛 */
            --text-secondary: #6b5f52;
            --hover-bg: #faf6ec;
            --shadow-sm: 0 1px 3px 0 rgba(120, 95, 50, 0.06);
            --shadow-md: 0 4px 12px -2px rgba(120, 95, 50, 0.10);
            --shadow-lg: 0 12px 28px -6px rgba(120, 95, 50, 0.14);
            --pt-hero-bg: #1e2430;
            --pt-hero-scrim: linear-gradient(180deg, rgba(6, 10, 18, 0.2) 0%, rgba(6, 10, 18, 0.42) 55%, rgba(6, 10, 18, 0.58) 100%);
            --pt-hero-kicker: rgba(255, 255, 255, 0.82);
            --pt-hero-name: rgba(255, 248, 235, 0.92);
            --pt-hero-text: #ffffff;
            --pt-hero-text-shadow: 0 2px 16px rgba(0, 0, 0, 0.45);
            --pt-btn-primary-bg: linear-gradient(180deg, #f0d060 0%, #d4a83a 55%, #b88a28 100%);
            --pt-btn-primary-text: #2a1f08;
            --pt-btn-primary-border: #a07820;
        }
        body.theme-light {
            --bg: #fbf8f1;
            --panel: #ffffff;
            --accent: #1e3a8a;
            --gold: #c9a961;
            --gold-soft: #e8d9b0;
            --border: #ece4d1;
            --text-main: #1f1b2e;
            --text-muted: #7a6c5d;
            --text-secondary: #6b5f52;
            --hover-bg: #faf6ec;
            --pt-hero-bg: #1e2430;
            --pt-hero-scrim: linear-gradient(180deg, rgba(6, 10, 18, 0.2) 0%, rgba(6, 10, 18, 0.42) 55%, rgba(6, 10, 18, 0.58) 100%);
            --pt-hero-kicker: rgba(255, 255, 255, 0.82);
            --pt-hero-name: rgba(255, 248, 235, 0.92);
            --pt-hero-text: #ffffff;
            --pt-hero-text-shadow: 0 2px 16px rgba(0, 0, 0, 0.45);
            --pt-btn-primary-bg: linear-gradient(180deg, #f0d060 0%, #d4a83a 55%, #b88a28 100%);
            --pt-btn-primary-text: #2a1f08;
            --pt-btn-primary-border: #a07820;
        }
        body.theme-dark {
            --bg: #0f1218;
            --panel: #171b24;
            --accent: #8ab4ff;
            --gold: #d3b36d;
            --gold-soft: #5d4f30;
            --border: #2a3140;
            --text-main: #e8edf7;
            --text-muted: #a8b3c7;
            --text-secondary: #c4d0e4;
            --hover-bg: #202735;
            --shadow-sm: 0 1px 4px rgba(0,0,0,.35);
            --shadow-md: 0 8px 20px rgba(0,0,0,.35);
            --shadow-lg: 0 16px 36px rgba(0,0,0,.42);
            --pt-hero-bg: #1e2430;
            --pt-hero-scrim: linear-gradient(180deg, rgba(6, 10, 18, 0.2) 0%, rgba(6, 10, 18, 0.42) 55%, rgba(6, 10, 18, 0.58) 100%);
            --pt-hero-kicker: rgba(255, 255, 255, 0.82);
            --pt-hero-name: rgba(255, 248, 235, 0.92);
            --pt-hero-text: #ffffff;
            --pt-hero-text-shadow: 0 2px 16px rgba(0, 0, 0, 0.45);
            --pt-btn-primary-bg: linear-gradient(180deg, #f0d060 0%, #d4a83a 55%, #b88a28 100%);
            --pt-btn-primary-text: #2a1f08;
            --pt-btn-primary-border: #a07820;
        }
        body.theme-dark {
            background: #0f1218 !important;
            background-image:
                radial-gradient(circle at 15% 0%, rgba(138, 180, 255, 0.08) 0%, transparent 40%),
                radial-gradient(circle at 85% 100%, rgba(211, 179, 109, 0.08) 0%, transparent 45%),
                linear-gradient(180deg, #0f1218 0%, #131823 100%) !important;
        }
        body.theme-dark .global-tabs {
            background: linear-gradient(180deg,#171b24 0%,#131823 100%) !important;
            border-right: 1px solid var(--border) !important;
            box-shadow: 2px 0 16px rgba(0,0,0,.35) !important;
        }
        body.theme-dark .card {
            background: linear-gradient(180deg,#1a202b 0%,#171c25 100%) !important;
            border-color: var(--border) !important;
            box-shadow: var(--shadow-md) !important;
        }
        body.theme-dark select {
            background: #121722 !important;
            color: #e8edf7 !important;
            -webkit-text-fill-color: #e8edf7 !important;
            caret-color: #8ab4ff !important;
            border-color: var(--border) !important;
        }
        body.theme-dark.dingdong-play-app textarea#chatInput {
            color: #f1f5ff !important;
            -webkit-text-fill-color: #f1f5ff !important;
        }
        .sb-theme-toggle {
            margin: 2px 12px 4px;
            padding: 8px 10px;
            border: 1px solid var(--border);
            border-radius: 10px;
            font-size: 12px;
            font-weight: 700;
            color: var(--text-main);
            background: var(--panel);
            cursor: pointer;
            text-align: center;
        }
        .sb-theme-toggle:hover {
            background: var(--hover-bg);
        }
        body.theme-dark .sb-btn {
            background: #1e2634 !important;
            color: #e8edf7 !important;
            border-color: #344055 !important;
        }
        body.theme-dark .sb-btn:hover {
            background: #2a3446 !important;
            color: #f4f7ff !important;
        }
        body.theme-dark .sb-btn.active {
            background: #253248 !important;
            color: #a8c7ff !important;
            border-left-color: #8ab4ff !important;
        }
        html.theme-dark .sb-nav-filter-btn {
            background: #1a2230 !important;
            color: #9fb0cc !important;
            border-color: #344055 !important;
        }
        html.theme-dark .sb-nav-filter-btn:hover {
            background: #252f42 !important;
            color: #e8edf7 !important;
            border-color: #46566e !important;
        }
        html.theme-dark .sb-nav-filter-btn.is-active {
            background: #253248 !important;
            color: #a8c7ff !important;
            border-color: #5a7294 !important;
        }
        body.theme-dark .g-tab.g-tab-stack > .g-tab-stack-sub {
            color: #b8c8de !important;
        }
        body.theme-dark .g-tab.g-tab-stack.active > .g-tab-stack-sub {
            color: #a8c7ff !important;
        }
        body.theme-dark .sb-logo {
            color: #d9be7d !important;
            border-bottom-color: #39465d !important;
        }
        body.theme-dark .sb-divider {
            background: #344055 !important;
        }
        html.theme-dark .sb-nav-section-label {
            color: #9fb0cc !important;
        }
        html.theme-dark .sb-ico {
            color: inherit;
        }
        body.theme-dark .sb-compare4-sec {
            background: #151c28 !important;
            border-bottom-color: #344055 !important;
        }
        body.theme-dark .sb-bible-bar {
            background: linear-gradient(180deg, #1c2433 0%, #18202e 100%) !important;
            border-bottom-color: #344055 !important;
        }
        body.theme-dark .sb-bk:hover {
            background: #222c3d !important;
        }
        body.theme-dark .sb-bk.sel {
            background: #2f4266 !important;
            color: #f0f5ff !important;
        }
        body.theme-dark .sb-ch {
            background: #121822 !important;
            border-color: #344055 !important;
            color: #d6ddeb !important;
        }
        body.theme-dark .sb-ch:hover {
            background: #2a3446 !important;
        }
        body.theme-dark #bb-right-panel {
            background: #171f2d !important;
            border-color: #344055 !important;
            box-shadow: 0 10px 28px rgba(0,0,0,.35) !important;
            color: #e2e8f0 !important;
        }
        body.theme-dark .dd-ai-user-bubble {
            background: #121925 !important;
            border-color: #303b50 !important;
            color: #e8edf7 !important;
        }
        body.theme-dark .dd-ai-verse-box {
            background: linear-gradient(180deg,#1a2230 0%,#151c28 100%) !important;
            border-color: #344055 !important;
        }
        .g-tab-payment .sb-pay-tab-ico {
            display: inline-block;
            margin-right: 5px;
            font-size: 0.88em;
            line-height: 1;
            vertical-align: -0.06em;
            opacity: 0.42;
            filter: grayscale(1);
        }
        .g-tab-payment.active .sb-pay-tab-ico {
            opacity: 0.52;
        }
        body.theme-dark .g-tab-payment .sb-pay-tab-ico {
            opacity: 0.38;
        }
        body.theme-dark .g-tab-payment.active .sb-pay-tab-ico {
            opacity: 0.48;
        }
        body.theme-dark.dingdong-play-app #artArea .dd-ai-composer-inner textarea#chatInput {
            color: #f1f5ff !important;
            -webkit-text-fill-color: #f1f5ff !important;
            background: #0f1520 !important;
            caret-color: #8ab4ff !important;
            opacity: 1 !important;
        }
        body.theme-light.dingdong-play-app #artArea .dd-ai-composer-inner textarea#chatInput {
            color: #1f1b2e !important;
            -webkit-text-fill-color: #1f1b2e !important;
            background: #fffdf6 !important;
            caret-color: #1e3a8a !important;
            opacity: 1 !important;
        }
        .g-tab.active {
            color: var(--accent) !important;
            border-left: 3px solid var(--gold) !important;
            border-bottom: none !important;
            font-weight: 700;
        }
        .global-tabs { position:fixed; left:0; top:0; bottom:0; width:240px; background:linear-gradient(180deg,#fff 0%,#fdfbf5 100%); border-right:1px solid var(--gold-soft); box-shadow:2px 0 12px rgba(201,169,97,.1); display:flex; flex-direction:column; padding:0; z-index:9980; pointer-events:auto; overflow-y:auto; gap:0; transition:transform .3s; min-height:0; }
        .global-tabs.collapsed { transform:translateX(-240px); }
        .global-tabs > *:not(#sb-tab-spacer) {
            flex-shrink: 0;
        }
        #sb-tab-spacer {
            flex: 1 1 auto;
            min-height: 0;
        }
        body.sb-bible-collapsed #sb-bible-sec {
            display: none !important;
        }
        body.sb-compare4-collapsed #sb-compare4-sec {
            display: none !important;
        }
        .sb-logo { display:block; text-align:center; font-family:"Noto Serif KR",serif; font-size:17px; font-weight:900; color:var(--gold); letter-spacing:2px; padding:16px; border-bottom:1px solid var(--gold-soft); text-decoration:none; cursor:pointer; transition:color .15s, background .15s; }
        a.sb-logo:hover { color:var(--accent); background:var(--hover-bg); }
        a.sb-logo:focus-visible { outline:2px solid var(--gold); outline-offset:-4px; }
        .sb-logo small { display:block; font-size:9px; color:var(--text-muted); letter-spacing:4px; margin-top:2px; font-weight:400; }
        .sb-divider { height:1px; background:var(--border); margin:8px 16px; flex-shrink:0; }
        .sb-nav-section {
            display: flex;
            flex-direction: column;
            flex-shrink: 0;
            padding: 2px 0 4px;
        }
        .sb-nav-section-label {
            padding: 8px 20px 4px;
            font-size: 11px;
            font-weight: 800;
            letter-spacing: 0.04em;
            color: var(--text-muted);
            opacity: 0.85;
            user-select: none;
        }
        .sb-ico {
            flex: 0 0 20px;
            width: 20px;
            height: 20px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            color: inherit;
            opacity: 0.88;
        }
        .sb-ico svg { display: block; }
        .sb-btn.active .sb-ico { opacity: 1; }
        .sb-nav-label-text {
            min-width: 0;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .g-tab {
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 10px 16px 10px 18px;
            background: transparent;
            cursor: pointer;
            font-size: 13px;
            font-weight: 600;
            border: none;
            border-left: 3px solid transparent;
            color: var(--text-muted);
            transition: .15s;
            text-align: left;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            margin: 0;
            border-radius: 0;
            border-bottom: none;
        }
        .g-tab:hover { color:var(--text-main); background:var(--hover-bg); border-left-color:var(--gold-soft); }
        .g-tab.active { background:#faf6ec; color:var(--accent); border-left:3px solid var(--gold); font-weight:800; border-bottom:none; }
        .sb-btn {
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 10px 16px 10px 18px;
            text-align: left;
        }
        .g-tab.g-tab-stack {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: flex-start;
            gap: 12px;
            white-space: nowrap;
        }
        .g-tab.g-tab-stack .g-tab-stack-body {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            min-width: 0;
            flex: 1 1 auto;
        }
        .g-tab.g-tab-stack .g-tab-stack-title {
            font-size: 13px;
            font-weight: 600;
            line-height: 1.25;
            color: inherit;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            max-width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .g-tab.g-tab-stack .g-tab-stack-sub {
            display: none;
        }
        .g-tab.g-tab-stack.active .g-tab-stack-title {
            font-weight: 800;
        }
        .g-tab.g-tab-stack.active > .g-tab-stack-sub {
            color: #7a6a3d;
        }
        .g-tab-hymn-suffix {
            font-size: 9px;
            font-weight: 600;
            margin-left: 1px;
            opacity: 0.85;
        }
        .sb-btn {
            padding: 10px 16px 10px 18px;
            font-size: 12px;
            font-weight: 700;
            cursor: pointer;
            color: var(--text-muted);
            transition: .15s;
            text-align: left;
            background: transparent;
            border: none;
            border-left: 3px solid transparent;
            display: flex;
            align-items: center;
            gap: 12px;
            width: 100%;
            box-sizing: border-box;
        }
        .sb-btn:hover { background:var(--hover-bg); color:var(--text-main); }
        .sb-btn.active { background:#faf6ec; color:var(--accent); border-left:3px solid var(--gold); font-weight:800; }
        .sb-top-nav-row { display:flex; align-items:center; gap:5px; padding:3px 10px 4px; flex-wrap:nowrap; }
        .sb-top-nav-row .sb-top-nav-watchman { flex:1; min-width:0; margin:0; border-radius:6px; padding:7px 10px; font-size:12px; }
        .sb-nav-filter-group { display:flex; gap:3px; flex-shrink:0; align-items:center; }
        .sb-nav-filter-btn {
            display:inline-flex;
            align-items:center;
            justify-content:center;
            padding:4px 5px;
            min-width:26px;
            min-height:24px;
            font-size:0;
            line-height:0;
            border-radius:5px;
            border:1px solid var(--border);
            background:var(--panel, #fffefb);
            color:var(--text-muted);
            cursor:pointer;
            box-shadow:none;
        }
        .sb-nav-filter-btn:hover { background:var(--hover-bg); color:var(--text-main); border-color:var(--gold-soft); }
        .sb-nav-filter-btn.is-active {
            background:#faf6ec;
            color:var(--accent);
            border-color:var(--gold-soft);
            font-weight:800;
        }
        .sb-filter-ico {
            display:flex;
            align-items:center;
            justify-content:center;
            margin:0;
            opacity:0.88;
        }
        .sb-filter-ico svg { display:block; }
        .sb-nav-filter-btn.is-active .sb-filter-ico { opacity:1; }
        html[data-sb-nav-filter="bible"] .global-tabs .sb-nav-other { display:none !important; }
        html[data-sb-nav-filter="other"] .global-tabs .sb-nav-bible { display:none !important; }
        .g-tab-compare4-row > .g-tab.g-tab-stack {
            padding:10px 12px 10px 18px;
            width:100%;
            box-sizing:border-box;
            border-left:3px solid transparent;
        }
        .sb-hymn-inline {
            font-size: 11px;
            font-weight: 600;
            opacity: 0.75;
            margin-left: 2px;
        }
        .g-tab-compare4-row > .g-tab.g-tab-stack.active {
            background:#faf6ec !important;
            color:var(--accent) !important;
            border-left:3px solid var(--gold) !important;
            font-weight:800;
            box-shadow:none !important;
            margin:0 !important;
            border-radius:0 !important;
        }
        html.theme-dark .g-tab-compare4-row > .g-tab.g-tab-stack.active {
            background:#253248 !important;
            color:#a8c7ff !important;
            border-left:3px solid #8ab4ff !important;
        }
        .sb-hover-tip {
            font-size: 10px;
            line-height: 1.45;
            padding: 8px 10px;
            margin: 0 8px 6px;
            border-radius: 8px;
            color: var(--text-main);
            background: var(--panel);
            border: 1px solid var(--border);
            box-shadow: var(--shadow-sm);
        }
        .sb-hover-tip b {
            color: var(--accent);
            font-weight: 800;
        }
        html.theme-dark .sb-hover-tip {
            background: #1e2736 !important;
            color: #e8edf7 !important;
            border-color: #3d4d66 !important;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35);
        }
        html.theme-dark .sb-hover-tip b {
            color: #8ab4ff !important;
        }
        .sb-pass-wrap {
            display: none;
            margin: 6px 12px 8px;
            padding: 10px 14px;
            border-radius: 10px;
            border: 1px solid var(--gold-soft);
            background: linear-gradient(180deg, #fffdf8 0%, #f8f2e4 100%);
            box-shadow: var(--shadow-sm);
        }
        .sb-pass-wrap #sb-sub-status.sb-btn {
            background: transparent !important;
            border: none !important;
            padding: 3px 0 !important;
            margin: 0 !important;
            width: 100%;
            text-align: left;
            box-shadow: none !important;
            color: var(--text-muted);
        }
        .sb-pass-wrap #sb-credits.sb-btn {
            color: var(--accent) !important;
            font-weight: 800;
        }
        .sb-pass-wrap .sb-sub-status {
            color: #6b5b34 !important;
        }
        .sb-pass-wrap .sb-pass-badge.dd-ai-quota-host {
            width: 100%;
            max-width: none;
            margin: 0;
            padding: 6px 10px;
            border-radius: 10px;
            border: 1px solid #c9b88a;
            background: linear-gradient(180deg, #fffdf8 0%, #f5ecd8 100%);
            box-shadow: 0 2px 8px rgba(107, 82, 32, 0.1);
            box-sizing: border-box;
            cursor: pointer;
        }
        .sb-pass-wrap .sb-pass-badge.dd-ai-quota-host .dd-ai-quota-tag { color: #7a5a12; }
        .sb-pass-wrap .sb-pass-badge.dd-ai-quota-host .dd-ai-quota-exp { color: #5c4510; }
        .sb-pass-wrap .sb-pass-badge.dd-ai-quota-host .dd-ai-quota-track {
            background: rgba(139, 105, 20, 0.16);
            box-shadow: inset 0 1px 2px rgba(92, 69, 16, 0.12);
        }
        .sb-pass-wrap .sb-pass-badge.dd-ai-quota-host .dd-ai-quota-chunk--base { background: rgba(201, 169, 97, 0.5); }
        .sb-pass-wrap .sb-pass-badge.dd-ai-quota-host .dd-ai-quota-chunk--boost {
            background: rgba(139, 105, 20, 0.45);
            border-left-color: rgba(92, 69, 16, 0.22);
        }
        .sb-pass-wrap .sb-pass-badge.dd-ai-quota-host .dd-ai-quota-used {
            background: linear-gradient(90deg, #8b6914 0%, #c9a961 100%);
        }
        .sb-pass-wrap .sb-pass-badge.dd-ai-quota-host .dd-ai-quota-marker {
            background: #6b4e12;
            box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.45), 0 1px 3px rgba(107, 82, 32, 0.35);
        }
        .sb-pass-exp-pop {
            margin-top: 8px;
            padding: 10px 12px;
            font-size: 11px;
            font-weight: 600;
            line-height: 1.55;
            color: #5c4510;
            background: #fffdf8;
            border: 1px solid #d4c4a0;
            border-radius: 10px;
            text-align: left;
        }
        .sb-pass-pop-block + .sb-pass-pop-block {
            margin-top: 10px;
            padding-top: 10px;
            border-top: 1px dashed #dcc9a0;
        }
        .sb-pass-pop-head {
            font-size: 11px;
            font-weight: 900;
            color: #7a5a12;
            margin-bottom: 4px;
            letter-spacing: -0.02em;
        }
        .sb-pass-pop-line {
            font-size: 11px;
            font-weight: 600;
            color: #5c4510;
            line-height: 1.5;
        }
        .sb-pass-pop-block.sb-pass-pop-grant {
            margin-top: 8px;
            padding: 8px 9px;
            border-radius: 8px;
            background: rgba(255, 255, 255, 0.72);
            border: 1px solid #eadfbe;
        }
        .sb-pass-pop-block.sb-pass-pop-grant:first-of-type {
            margin-top: 10px;
        }
        .sb-pass-pop-block + .sb-pass-pop-block.sb-pass-pop-grant {
            border-top: none;
            padding-top: 8px;
        }
        .sb-pass-pop-grant-title {
            font-size: 10px;
            font-weight: 900;
            color: #8b6914;
            margin-bottom: 3px;
        }
        html.theme-dark .sb-pass-pop-block.sb-pass-pop-grant {
            background: rgba(30, 39, 54, 0.55);
            border-color: #4a5568;
        }
        html.theme-dark .sb-pass-pop-head { color: #e8d4a8; }
        html.theme-dark .sb-pass-pop-line { color: #e8eef8; }
        html.theme-dark .sb-pass-pop-grant-title { color: #f0e6d0; }
        html.theme-dark .sb-pass-wrap .sb-pass-badge.dd-ai-quota-host {
            border-color: #4a5568;
            background: linear-gradient(180deg, #2a3444 0%, #1e2736 100%);
        }
        html.theme-dark .sb-pass-wrap .sb-pass-badge.dd-ai-quota-host .dd-ai-quota-tag { color: #e8d4a8; }
        html.theme-dark .sb-pass-wrap .sb-pass-badge.dd-ai-quota-host .dd-ai-quota-exp { color: #f0e6d0; }
        html.theme-dark .sb-pass-exp-pop {
            color: #e8eef8;
            background: #1e2736;
            border-color: #4a5568;
        }
        .sb-pass-wrap .sb-btn:hover {
            background: transparent !important;
        }
        .sb-pass-wrap #sb-credits.sb-btn:hover {
            color: var(--accent) !important;
        }
        .sb-pass-wrap .sb-sub-status:hover {
            color: #5c4510 !important;
        }
        html.theme-dark .sb-pass-wrap {
            border-color: #344055;
            background: linear-gradient(180deg, #1e2736 0%, #171f2c 100%);
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.28);
        }
        html.theme-dark .sb-pass-wrap #sb-sub-status.sb-btn {
            background: transparent !important;
            border: none !important;
            color: #c4d0e4 !important;
        }
        html.theme-dark .sb-pass-wrap #sb-credits.sb-btn {
            color: var(--accent) !important;
        }
        .sb-btn.sb-sub-status {
            color: var(--text-muted);
        }
        html.theme-dark .sb-btn.sb-sub-status {
            color: #c4d0e4 !important;
            background: transparent !important;
        }
        html.theme-dark #sb-credits.sb-btn {
            color: var(--accent) !important;
            background: transparent !important;
        }
        .sb-compare4-sec { display:none; background:#faf6ec; border-bottom:1px solid var(--border); max-height:55vh; overflow-x:hidden; overflow-y:auto; }
        .sb-bible-bar {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 8px;
            padding: 8px 10px 10px;
            border-bottom: 1px solid rgba(201, 169, 97, 0.35);
            background: linear-gradient(180deg, #f8f2e4 0%, #f3ecd9 100%);
            flex-wrap: wrap;
        }
        .sb-bible-stats {
            font-size: 11px;
            font-weight: 600;
            color: #6b5b34;
            line-height: 1.35;
            min-width: 0;
            white-space: nowrap;
        }
        .sb-bible-stats b { color: #5c4510; font-weight: 800; }
        select.sb-bible-lang {
            flex: 0 0 auto;
            max-width: 118px;
            padding: 5px 8px;
            font-size: 11px;
            font-weight: 700;
            border-radius: 8px;
            border: 1px solid #d4c4a3;
            background: #fffefb;
            color: #4a3a0c;
            cursor: pointer;
        }
        select.sb-bible-lang:focus {
            outline: 2px solid rgba(202, 161, 63, 0.35);
            outline-offset: 1px;
        }
        .sb-sec-head { padding:7px 16px; font-size:12px; font-weight:800; cursor:pointer; color:var(--accent); display:flex; justify-content:space-between; align-items:center; gap:8px; }
        .sb-sec-title { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
        .sb-sec-meta { font-size:11px; font-weight:700; color:#7a6a3d; white-space:nowrap; line-height:1.2; letter-spacing:0; }
        .sb-sec-arr { font-size:12px; font-weight:900; color:var(--accent); white-space:nowrap; }
        .sb-sec-head:hover { background:rgba(0,0,0,.03); }
        .sb-sec-body { display:none; }
        .sb-sec-body.open { display:block; }
        .global-tabs .sb-compare4-sec .bb-welcome-sec-head--sidebar {
            margin: 0 8px 8px;
            padding: 10px 10px 10px 12px;
            min-height: 44px;
            font-size: 13px;
            font-weight: 800;
            font-family: 'Noto Sans KR', sans-serif;
            border-radius: 10px;
            border: 2px solid #c9a961;
            background: linear-gradient(180deg, #fffef8 0%, #f8f0dc 100%);
            box-shadow: 0 2px 8px rgba(107, 82, 32, 0.12);
            box-sizing: border-box;
            gap: 8px;
        }
        .global-tabs .sb-compare4-sec .bb-welcome-sec-head--sidebar:hover {
            background: linear-gradient(180deg, #fffdf3 0%, #f3e8c8 100%);
            border-color: #b8924a;
        }
        .global-tabs .sb-compare4-sec .bb-welcome-sec-head--sidebar:focus-visible {
            outline: 3px solid rgba(30, 64, 175, 0.45);
            outline-offset: 2px;
        }
        .global-tabs .sb-compare4-sec .bb-welcome-sec-head--sidebar.open {
            border-color: #8b6914;
            background: linear-gradient(180deg, #f5ecd8 0%, #ebe0c4 100%);
        }
        .global-tabs .sb-compare4-sec .bb-welcome-sec-head--sidebar .bb-welcome-sec-label {
            display: flex;
            align-items: center;
            gap: 4px;
            flex: 1 1 auto;
            min-width: 0;
        }
        .global-tabs .sb-compare4-sec .bb-welcome-sec-head--sidebar .bb-welcome-sec-action {
            display: flex;
            align-items: center;
            gap: 6px;
            flex-shrink: 0;
        }
        .global-tabs .sb-compare4-sec .bb-welcome-sec-head--sidebar .bb-welcome-tap-cue {
            font-size: 11px;
            font-weight: 800;
            color: #6b5220;
            padding: 3px 8px;
            border-radius: 999px;
            background: rgba(201, 169, 97, 0.28);
            border: 1px solid rgba(139, 105, 20, 0.35);
            white-space: nowrap;
        }
        .global-tabs .sb-compare4-sec .bb-welcome-sec-head--sidebar.open .bb-welcome-tap-cue {
            background: rgba(139, 105, 20, 0.18);
        }
        .global-tabs .sb-compare4-sec .bb-welcome-sec-head--sidebar .sb-sec-meta {
            font-size: 11px;
        }
        .global-tabs .sb-compare4-sec .bb-welcome-sec-head--sidebar .sb-sec-arr {
            font-size: 14px;
            font-weight: 900;
            line-height: 1;
        }
        .sb-bk { padding:5px 12px 5px 20px; font-size:12px; cursor:pointer; color:var(--text-muted); transition:.1s; }
        .sb-bk:hover { background:#f0ebe2; color:var(--text-main); }
        .sb-bk.sel { background:var(--accent); color:#fff; margin:1px 8px; border-radius:3px; }
        .sb-chgrid { display:grid; grid-template-columns:repeat(7,1fr); gap:2px; padding:4px 12px 8px; }
        .sb-ch { padding:4px 0; border:1px solid var(--border); border-radius:3px; font-size:11px; text-align:center; cursor:pointer; background:#fff; }
        .sb-ch:hover { background:var(--gold-soft); }
        .sb-ch.read { background:#e8f5e9; border-color:#a5d6a7; }
        body:not(.sb-closed) { padding-left: 240px; transition: padding-left .3s; }
        body.sb-closed { padding-left: 0; }
        #sb-collapse {
            position: fixed;
            top: 12px;
            left: 248px;
            z-index: 10100;
            width: 40px;
            height: 40px;
            border-radius: 10px;
            border: 2px solid #c9a961 !important;
            background: #8b6914 !important;
            color: #fff !important;
            cursor: pointer;
            font-size: 18px;
            font-weight: 900;
            display: flex !important;
            align-items: center;
            justify-content: center;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
            transition: left 0.3s ease;
            padding: 0;
            margin: 0;
            line-height: 1;
        }
        body.sb-closed #sb-collapse { left:8px; }
        body.sb-closed .global-tabs { transform:translateX(-240px); }
        html[data-sb-layout="desktop"] #sb-mobile-toggle {
            display: none !important;
            visibility: hidden !important;
            pointer-events: none !important;
        }
        html[data-sb-layout="mobile"] #sb-collapse {
            display: none !important;
            visibility: hidden !important;
            pointer-events: none !important;
        }
        html[data-sb-layout="mobile"] #sb-mobile-toggle {
            display: flex !important;
            align-items: center;
            justify-content: center;
        }
        html[data-sb-layout="mobile"] body {
            padding-left: 0 !important;
        }
        html[data-sb-layout="mobile"] body.sb-closed .global-tabs {
            transform: translateX(-100%) !important;
        }
        html[data-sb-layout="mobile"] #budgetArea .budget-prayer-tabbar {
            display: flex !important;
            flex-direction: row !important;
            flex-wrap: nowrap !important;
            align-items: stretch !important;
            justify-content: flex-start !important;
            column-gap: 2px !important;
            width: 100% !important;
            max-width: 100% !important;
            box-sizing: border-box !important;
            padding-left: max(calc(4px + 42px + 4px), calc(env(safe-area-inset-left, 0px) + 4px + 42px + 4px)) !important;
            padding-right: max(4px, env(safe-area-inset-right, 0px)) !important;
        }
        html[data-sb-layout="mobile"] #budgetArea .prayer-tab {
            flex: 1 1 0 !important;
            min-width: 0 !important;
            word-break: keep-all !important;
            font-size: 11px !important;
            line-height: 1.25 !important;
            padding: 8px 2px 10px !important;
        }
        html[data-sb-layout="mobile"] #budgetArea #prayer-quota-hint {
            flex: 0 0 auto !important;
            align-self: center !important;
            margin: 4px 0 4px 2px !important;
            max-width: 58px !important;
        }
        html[data-sb-layout="mobile"] #bb-right-panel {
            left: 0 !important;
            right: 0 !important;
            top: auto !important;
            bottom: 0 !important;
            width: 100vw !important;
            max-width: none !important;
            height: 72vh !important;
            border-radius: 18px 18px 0 0 !important;
            transform: translateY(100%) !important;
        }
        html[data-sb-layout="mobile"] #bb-right-panel.open {
            transform: translateY(0) !important;
        }
        html[data-sb-layout="desktop"] #bb-right-panel:not(.open) {
            top: 12px !important;
            bottom: 12px !important;
            left: auto !important;
            width: 340px !important;
            max-width: none !important;
            height: auto !important;
            border-radius: 14px !important;
            transform: translateX(calc(100% + 20px)) !important;
        }
        html[data-sb-layout="mobile"] #bb4Area .bb-toolbar-pin {
            display: none !important;
        }
        #sb-mobile-toggle { display:none; }
        #sb-overlay { display:none; }
        body.tab-art-active.sb-closed .container { padding-left: 16px; }
        @media (min-width: 769px) {
            body.tab-art-active:not(.sb-closed) #artArea.dd-ai-root {
                padding-left: 64px;
                box-sizing: border-box;
            }
            body.tab-art-active.sb-closed #artArea.dd-ai-root {
                padding-left: 52px;
                box-sizing: border-box;
            }
            body.tab-art-active #sb-collapse {
                z-index: 10100 !important;
                pointer-events: auto !important;
            }
        }
        .dd-ai-usage { font-size: 11px; color: rgba(255,255,255,.82); white-space: nowrap; }
        html.theme-dark .bb-quota-hint.bb-quota-hint--guest {
            color: #fde68a !important;
            background: rgba(42, 36, 16, 0.92) !important;
            border: 1px solid #a16207 !important;
            border-radius: 10px !important;
            padding: 6px 10px !important;
            line-height: 1.45 !important;
            white-space: normal !important;
        }
        html.theme-dark .dd-ai-topbar .dd-ai-btn-ghost.dd-ai-newchat--needed {
            color: #ffe08a !important;
            background: rgba(255, 214, 102, 0.2) !important;
            border-color: rgba(255, 214, 102, 0.55) !important;
        }
        html.theme-dark .dd-ai-system-bubble {
            background: #2a2410 !important;
            border: 1px solid #a16207 !important;
            color: #fde68a !important;
            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35) !important;
        }
        html.theme-dark .dd-ai-longconv-nudge-bubble {
            background: linear-gradient(180deg, #422006 0%, #78350f 100%) !important;
            border-color: #fbbf24 !important;
        }
        html.theme-dark .dd-ai-longconv-nudge-text { color: #fde68a !important; }
        html.theme-dark .dd-ai-longconv-nudge-btn {
            background: linear-gradient(180deg, #fcd34d 0%, #f59e0b 100%);
            color: #451a03;
            border-color: #fbbf24;
        }
        html.theme-dark .dd-ai-avatar {
            background: #2a2418 !important;
            box-shadow:
                0 2px 10px rgba(0, 0, 0, 0.35),
                0 0 0 2px rgba(211, 179, 109, 0.35) !important;
        }
        html.theme-dark .dd-ai-char-picker-panel {
            background: #1a1f2a;
            border-color: #3d4658;
            box-shadow: 0 10px 32px rgba(0, 0, 0, 0.45);
        }
        html.theme-dark .dd-ai-char-picker-head { color: #e8d4a8; }
        html.theme-dark .dd-ai-char-picker-sub { color: #c4b48a; }
        html.theme-dark .dd-ai-char-picker-section-label { color: #c4b48a; }
        html.theme-dark .dd-ai-char-picker-item { background: #252b38; }
        html.theme-dark .dd-ai-char-picker-item-name { color: #e8d4a8; }
        html.theme-dark .dd-ai-char-picker-rand {
            background: #2a3140;
            border-color: #4a5568;
            color: #e8d4a8;
        }
        body.theme-dark .dd-ai-bubble.dd-ai-loading-hint { color: #a8b8d4 !important; }
        body.theme-dark #artArea.dd-ai-root {
            color-scheme: dark;
        }
        @media (max-width: 768px) {
            /* 딩동AI 모바일 전체폭·☰ 여백은 하단 공통 @media 의 body.tab-art-active 규칙에서 처리 */
            .dd-ai-topbar { flex-wrap: wrap; padding: 10px 12px; }
            .dd-ai-usage { width: 100%; order: 3; margin-top: 4px; max-width: none; }
            .dd-ai-quota-track { max-width: none; }
            .dd-ai-msg-row { padding: 0 12px; }
        }
        html.theme-dark #bibleArea .bb-xref-panel {
            background: linear-gradient(180deg, #1e2430 0%, #171c26 100%);
            border-color: #4a5568;
            color: #e8edf5;
        }
        html.theme-dark .bb-xref-panel-title { color: #f1f5f9; }
        html.theme-dark .bb-xref-panel-lead { color: #cbd5e1; }
        html.theme-dark .bb-xref-row-btn {
            background: #252d3a;
            border-color: #4a5568;
            color: #f1f5f9 !important;
        }
        html.theme-dark .bb-xref-row-btn:hover {
            background: #2f3848 !important;
            color: #fff !important;
        }
        html.theme-dark .bb-xref-row-ref { color: #fcd88f !important; }
        html.theme-dark .bb-xref-row-snippet { color: #e2e8f0 !important; }
        html.theme-dark .bb-xref-row-note { color: #94a3b8 !important; }
        html.theme-dark .bb-xref-guide-note {
            background: #1e293b;
            border-color: #334155;
        }
        html.theme-dark .bb-xref-guide-label { color: #fcd88f; }
        html.theme-dark .bb-xref-guide-text { color: #cbd5e1; }
        html.theme-dark .bb-xref-guide-text strong { color: #f1f5f9; }
        html.theme-dark .bb-xref-ai-wrap { border-top-color: #334155; }
        html.theme-dark .bb-xref-ai-lead { color: #cbd5e1; }
        html.theme-dark .bb-xref-ai-panel {
            background: linear-gradient(180deg, #1a2234 0%, #151c28 100%);
            border-color: rgba(129, 140, 248, 0.28);
            box-shadow: 0 10px 36px rgba(0, 0, 0, 0.28);
        }
        html.theme-dark .bb-xref-ai-section-title { color: #a5b4fc; }
        html.theme-dark .bb-xref-ai-panel-sub { color: #94a3b8; }
        html.theme-dark .bb-xref-ai-easy { color: #e2e8f0 !important; }
        html.theme-dark .bb-xref-ai-easy-wrap { border-top-color: rgba(129, 140, 248, 0.2); }
        html.theme-dark .bb-xref-ai-loading { color: #94a3b8; }
        .g-tab-compare4-row {
            display: flex;
            align-items: stretch;
            width: 100%;
            min-width: 0;
        }
        .g-tab-compare4-row > .g-tab.g-tab-stack {
            flex: 1 1 auto;
            min-width: 0;
        }
        .g-tab-compare4-row .g-tab-stack-title--bb4-main {
            font-size: 15px;
            font-weight: 800;
            line-height: 1.2;
            color: var(--text-main);
        }
        .g-tab-compare4-row > .g-tab.g-tab-stack.active .g-tab-stack-title--bb4-main {
            color: var(--accent);
        }
        .g-tab-compare4-row .g-tab-stack-sub {
            font-size: 9px;
            color: var(--text-muted);
        }
        .g-tab-compare4-row > .g-tab.g-tab-stack.active .g-tab-stack-sub {
            color: #7a6a3d;
        }
        .g-tab-compare4-row .bb-large-print-sidebar-btn {
            flex: 0 0 auto;
            align-self: center;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 2px;
            margin: 6px 10px 6px 6px;
            padding: 6px 9px;
            min-width: 46px;
            min-height: 40px;
            font-family: 'Noto Sans KR', sans-serif;
            letter-spacing: -0.02em;
            line-height: 1.2;
            border-radius: 8px;
            border: 1px solid var(--border);
            background: var(--panel, #fffefb);
            color: var(--text-main);
            cursor: pointer;
            box-shadow: 0 1px 4px rgba(107, 82, 32, 0.1);
            white-space: normal;
            box-sizing: border-box;
        }
        .g-tab-compare4-row .bb-lp-sidebar-line2 {
            display: block;
            font-size: 10px;
            font-weight: 700;
            color: var(--text-main);
        }
        .g-tab-compare4-row .bb-lp-sidebar-line2 {
            font-weight: 600;
            color: var(--text-muted);
        }
        .g-tab-compare4-row .bb-large-print-sidebar-btn:hover {
            background: var(--hover-bg, #fff9ec);
            border-color: var(--gold-soft);
            color: var(--text-main);
        }
        .g-tab-compare4-row .bb-large-print-sidebar-btn--on {
            background: #faf6ec;
            border-color: var(--gold-soft);
            box-shadow: 0 1px 4px rgba(107, 82, 32, 0.14);
        }
        .g-tab-compare4-row .bb-large-print-sidebar-btn--on .bb-lp-sidebar-line1 {
            color: var(--accent);
            font-weight: 800;
        }
        html.theme-dark .g-tab-compare4-row .g-tab-stack-title--bb4-main {
            color: #e8edf7;
        }
        html.theme-dark .g-tab-compare4-row > .g-tab.g-tab-stack.active .g-tab-stack-title--bb4-main {
            color: #a8c7ff;
        }
        html.theme-dark .g-tab-compare4-row > .g-tab.g-tab-stack.active .g-tab-stack-sub {
            color: #8eb4ea;
        }
        html.theme-dark .g-tab-compare4-row .bb-large-print-sidebar-btn {
            background: #1e2634;
            border-color: #344055;
            color: #e8edf7;
            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
        }
        html.theme-dark .g-tab-compare4-row .bb-lp-sidebar-line1 {
            color: #e8edf7;
        }
        html.theme-dark .g-tab-compare4-row .bb-lp-sidebar-line2 {
            color: #9fb0cc;
        }
        html.theme-dark .g-tab-compare4-row .bb-large-print-sidebar-btn:hover {
            background: #2a3446;
            border-color: #5a7294;
            color: #f4f7ff;
        }
        html.theme-dark .g-tab-compare4-row .bb-large-print-sidebar-btn--on {
            background: #253248;
            border-color: #5a7294;
        }
        html.theme-dark .g-tab-compare4-row .bb-large-print-sidebar-btn--on .bb-lp-sidebar-line1 {
            color: #a8c7ff;
        }
        body.tab-compare4-active .g-tab-compare4-row {
            background: #faf6ec;
        }
        body.tab-compare4-active .g-tab-compare4-row {
            background: transparent;
        }
        html.theme-dark body.tab-compare4-active .g-tab-compare4-row {
            background: transparent !important;
        }
        html.theme-dark #watchmanArea .bible-guide {
            background: linear-gradient(180deg, #1a1f2a 0%, #151a24 100%);
            border-color: #3d4658;
        }
        html.theme-dark .bb-guide-btn {
            background: #252b38;
            border-color: #4a5568;
            color: #e8d4a8;
        }
        html.theme-dark .bible-welcome-tip {
            background: #1a1f2a;
            border-color: #3d4658;
        }
        html.theme-dark .bible-welcome-tip-text { color: #e8d4a8; }
        html.theme-dark .bible-welcome-tip-btn { color: #fcd34d; }
        #bibleArea #bb-reader.bb-large-print-mode {
            padding: 20px 14px !important;
        }
        #bibleArea #bb-reader.bb-large-print-mode .bb-chapter-meta {
            font-size: 15px;
        }
        #bibleArea #bb-reader.bb-large-print-mode .bb-verse-line {
            font-size: var(--bb-verse-fs, 22px) !important;
            line-height: var(--bb-verse-lh, 2) !important;
            padding: var(--bb-verse-py, 16px) var(--bb-verse-px, 18px) !important;
            margin: 10px 0 !important;
            border-radius: 10px;
            background: rgba(255, 253, 248, 0.65);
            border: 1px solid rgba(201, 184, 138, 0.35);
        }
        #bibleArea #bb-reader.bb-large-print-mode .bb-verse-line .bb-verse-ref {
            font-size: 0.95em;
            margin-right: 10px;
        }
        #bibleArea #bb-reader.bb-large-print-mode .bb-verse-memo {
            font-size: 15px;
            line-height: 1.7;
        }
        #bibleArea #bb-reader.bb-large-print-mode #bb-loc {
            font-size: 1.05rem;
        }
        body.theme-dark #bibleArea #bb-reader.bb-large-print-mode .bb-verse-line {
            background: rgba(45, 40, 32, 0.85);
            border-color: rgba(139, 105, 20, 0.45);
        }
        @media (max-width: 768px) {
            .g-tab-compare4-row .bb-large-print-sidebar-btn {
                padding: 6px 7px;
                min-width: 40px;
            }
            .g-tab-compare4-row .bb-lp-sidebar-line1,
            .g-tab-compare4-row .bb-lp-sidebar-line2 {
                font-size: 9px;
            }
            #bibleArea #bb-reader.bb-large-print-mode .bb-verse-line {
                font-size: var(--bb-verse-fs, 21px) !important;
                line-height: var(--bb-verse-lh, 1.95) !important;
                padding: var(--bb-verse-py, 14px) var(--bb-verse-px, 12px) !important;
            }
        }
        #bibleArea #bb-reader:not(.bb-large-print-mode) .bb-verse-line {
            font-size: 15px;
            line-height: 1.8;
            padding: 8px 12px;
            margin: 5px 0;
            background: transparent;
            border: none;
        }
        #bb4Area #bb4-reader.bb-large-print-mode {
            padding: 20px 14px !important;
        }
        #bb4Area #bb4-reader.bb-large-print-mode .bb4-ch-head {
            font-size: 1.35rem;
            margin-bottom: 14px;
        }
        #bb4Area #bb4-reader.bb-large-print-mode .bb4-ch-banner {
            font-size: 15px;
            line-height: 1.65;
            padding: 12px 14px;
        }
        #bb4Area #bb4-reader.bb-large-print-mode .bb4-verse-block {
            margin: 12px 0;
            padding: 16px 14px;
            border-radius: 12px;
        }
        #bb4Area #bb4-reader.bb-large-print-mode .bb4-verse-ref {
            font-size: 17px;
        }
        #bb4Area #bb4-reader.bb-large-print-mode .bb4-verse-block > .bb4-lang-row {
            font-size: var(--bb4-lang-fs, 18px) !important;
            line-height: var(--bb4-lang-lh, 1.95) !important;
            padding: 12px 0;
        }
        #bb4Area #bb4-reader.bb-large-print-mode .bb4-lang-label {
            font-size: 13px;
        }
        #bb4Area #bb4-reader.bb-large-print-mode .bb4-ask-btn {
            font-size: 10px;
            padding: 4px 8px;
        }
        #bb4Area #bb4-reader.bb-large-print-mode .bb4-verse-memo-btn {
            font-size: 12px;
            padding: 3px 6px;
        }
        #bb4Area #bb4-reader.bb-large-print-mode .bb4-ai-err {
            font-size: 16px;
            line-height: 1.75;
        }
        body.bb-small-print-mode #bb4Area #bb4-reader:not(.bb-large-print-mode) .bb4-lang-row {
            font-size: 14px;
            line-height: 1.75;
        }
        body.bb-small-print-mode #bb4Area #bb4-reader:not(.bb-large-print-mode) .bb4-verse-block {
            padding: 10px;
            margin: 8px 0;
        }
        @media (max-width: 768px) {
            #bb4Area #bb4-reader.bb-large-print-mode .bb4-lang-row {
                font-size: var(--bb4-lang-fs, 17px) !important;
                line-height: var(--bb4-lang-lh, 1.9) !important;
            }
        }
        .g-tab-compare4-row .bb-text-size-wrap {
            position: relative;
            flex: 0 0 auto;
            align-self: center;
        }
        .bb-text-size-popover {
            position: absolute;
            left: auto;
            right: 0;
            top: calc(100% + 6px);
            z-index: 13020;
            min-width: 200px;
            padding: 10px;
            border-radius: 10px;
            border: 1px solid var(--border);
            background: #fffefb;
            box-shadow: 0 8px 24px rgba(107, 82, 32, 0.18);
        }
        .bb-text-size-popover-hint {
            margin: 0 0 8px;
            font-size: 10px;
            line-height: 1.4;
            color: var(--text-muted);
        }
        .bb-text-size-opts {
            display: flex;
            gap: 6px;
            justify-content: space-between;
        }
        .bb-text-size-opt {
            flex: 1 1 0;
            min-width: 0;
            padding: 8px 0;
            font-size: 12px;
            font-weight: 800;
            border-radius: 8px;
            border: 1px solid var(--border);
            background: #fff;
            color: var(--text-main);
            cursor: pointer;
        }
        .bb-text-size-opt[aria-pressed="true"] {
            background: #faf6ec;
            border-color: var(--gold-soft);
            color: var(--accent);
        }
        .bb-text-size-opt:hover {
            background: var(--hover-bg, #fff9ec);
        }
        html.theme-dark .bb-text-size-popover {
            background: #2a3038;
            border-color: #5a6d8a;
        }
        html.theme-dark .bb-text-size-opt {
            background: #1e2430;
            border-color: #5a6d8a;
            color: #e8edf7;
        }
        html.theme-dark #bb-vmenu {
            background: #1e293b !important;
            border-color: #475569 !important;
            color: #e2e8f0 !important;
            box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5) !important;
        }
        html.theme-dark .bb-vmenu-item:hover { background: #334155 !important; }
        html.theme-dark #bb-vmenu .bb-swatch {
            box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4);
        }
        html.theme-dark .bb-memo-modal-card {
            background: #1e293b !important;
            border-color: #475569 !important;
            color: #e2e8f0 !important;
        }
        html.theme-dark .bb-memo-modal-title { color: #f1f5f9 !important; }
        html.theme-dark .bb-memo-modal-ref { color: #94a3b8 !important; }
        html.theme-dark .bb-memo-modal-txt {
            background: #0f172a !important;
            color: #e2e8f0 !important;
            border-color: #334155 !important;
        }
        html.theme-dark .bb-verse-bm-icon {
            color: #fbbf24 !important;
            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.55);
        }
        html.theme-dark .bb-verse-memo {
            background: rgba(30, 58, 95, 0.72) !important;
            border-left-color: #93c5fd !important;
            color: #f1f5f9 !important;
        }
        html.theme-dark #bibleArea #bb-reader .bb-verse-line.bb-hl--yellow {
            background: rgba(234, 179, 8, 0.22) !important;
            box-shadow: inset 0 0 0 1px rgba(251, 191, 36, 0.38);
        }
        html.theme-dark #bibleArea #bb-reader .bb-verse-line.bb-hl--green {
            background: rgba(52, 211, 153, 0.16) !important;
            box-shadow: inset 0 0 0 1px rgba(45, 212, 191, 0.35);
        }
        html.theme-dark #bibleArea #bb-reader .bb-verse-line.bb-hl--blue {
            background: rgba(96, 165, 250, 0.2) !important;
            box-shadow: inset 0 0 0 1px rgba(147, 197, 253, 0.38);
        }
        html.theme-dark #bibleArea #bb-reader .bb-verse-line.bb-hl--red {
            background: rgba(248, 113, 113, 0.14) !important;
            box-shadow: inset 0 0 0 1px rgba(252, 165, 165, 0.38);
        }
        html.theme-dark .bb-rp-memo-title { color: #93c5fd !important; }
        html.theme-dark .bb-rp-memo-snippet { color: #cbd5e1 !important; }
        html.theme-dark .bb-rp-memo-del {
            background: rgba(127, 29, 29, 0.4) !important;
            color: #fecaca !important;
            border-color: #991b1b !important;
        }
        html.theme-dark .bb-rp-hl-row--yellow { border-left-color: #facc15; }
        html.theme-dark .bb-rp-hl-row--green { border-left-color: #4ade80; }
        html.theme-dark .bb-rp-hl-row--blue { border-left-color: #60a5fa; }
        html.theme-dark .bb-rp-hl-row--red { border-left-color: #f87171; }
        html.theme-dark .bb-rp-hl-title { color: #fde68a !important; }
        html.theme-dark .rp-tab-bookmarks {
            background: rgba(120, 53, 15, 0.38) !important;
            color: #fde68a !important;
            border-color: #b45309 !important;
        }
        html.theme-dark .rp-tab-memos {
            background: rgba(30, 58, 138, 0.48) !important;
            color: #bfdbfe !important;
            border-color: #2563eb !important;
        }
        html.theme-dark .rp-tab-highlights {
            background: rgba(127, 29, 29, 0.38) !important;
            color: #fecaca !important;
            border-color: #dc2626 !important;
        }
        html.theme-dark .dd-spread-brief {
            background: linear-gradient(135deg, #1a2435 0%, #14352a 100%);
            border-color: #3fb68f;
        }
        html.theme-dark .dd-spread-brief-verdict { background: rgba(0,0,0,0.25); }
        html.theme-dark .dd-spread-insight { background: #1e293b; }
        html.theme-dark .dd-spread-channel-dash { background: #1e293b; }
        html.theme-dark .dd-spread-stat { background: #0f172a; }
        html.theme-dark .dd-spread-sim-card {
            background: #14352a;
            border-color: #3fb68f;
            color: #e6eefc;
        }
        html.theme-dark .dd-spread-sim-card span { color: #86efac; }
        html.theme-dark .dd-spread-sim-card strong { color: #f1f5f9; }
        html.theme-dark .dd-spread-sim-card small { color: #94a3b8; }
        html.theme-dark .dd-spread-dist {
            background: #0f172a;
            border-color: #334155;
            color: #e6eefc;
        }
        html.theme-dark .dd-spread-dist-row span { color: #94a3b8; }
        html.theme-dark .dd-spread-dist-row b { color: #f1f5f9; }
        html.theme-dark .dd-spread-dist-bar { background: #1e293b; }
        html.theme-dark .dd-spread-insight--fact { background: #1e3a5f; color: #dbeafe; }
        html.theme-dark .dd-spread-insight--warn { background: #422006; color: #fde68a; }
        html.theme-dark .dd-spread-brief-item strong { color: #f1f5f9; }
        html.theme-dark .dd-spread-brief-hint { color: #cbd5e1; }
        html.theme-dark .dd-spread-brief-verdict { color: #e6eefc; }
        html.theme-dark .sub-network-panel .aio-content {
            background: #121a27 !important;
            color: #e6eefc !important;
        }
        html.theme-dark .sub-network-panel {
            background: #121a27 !important;
        }
        html.theme-dark .dd-spread-brief-kicker--warn { color: #fdba74 !important; }
        html.theme-dark .dd-spread-brief-warn {
            background: #431407 !important;
            border-color: #ea580c !important;
        }
        html.theme-dark .dd-spread-brief-warn-lead { color: #fed7aa !important; }
        html.theme-dark .dd-spread-brief-warn-verse { color: #fdba74 !important; }
        html.theme-dark .dd-spread-brief-warn-note { color: #fcd34d !important; }
        html.theme-dark .dd-spread-brief-verdict--warn {
            background: #450a0a !important;
            border-color: #f87171 !important;
            color: #fecaca !important;
        }
        html.theme-dark .dd-spread-algo-lines li {
            color: #e6eefc !important;
        }
        html.theme-dark .dd-spread-algo-score-val { color: #6ee7b7 !important; }
        html.theme-dark .dd-spread-stat strong { color: #f1f5f9 !important; }
        html.theme-dark .dd-spread-stat span { color: #94a3b8 !important; }
        html.theme-dark .dd-spread-insight { background: #1e293b; color: #cbd5e1 !important; }
        html.theme-dark .dd-spread-section-head b { color: #f1f5f9 !important; }
        html.theme-dark .sub-network-table th { background: #1e293b !important; color: #94a3b8 !important; }
        html.theme-dark .sub-network-table td { color: #e6eefc !important; border-color: #334155 !important; }
        html.theme-dark .sub-network-table { background: #0f172a !important; }
        html.theme-dark .btn-integrated {
            background: #1a2435 !important;
            border-color: #344055 !important;
            box-shadow: none !important;
        }
        html.theme-dark .btn-integrated:hover {
            background: #243248 !important;
            border-color: #506387 !important;
        }
        html.theme-dark .integrated-text {
            color: #e6eefc !important;
        }
        html.theme-dark .integrated-subtext {
            color: #9eb0cc !important;
        }
        html.theme-dark .btn-unlocked.btn-integrated {
            background: #14352a !important;
            border-color: #3fb68f !important;
        }
        html.theme-dark .btn-unlocked .integrated-text {
            color: #a7f3d0 !important;
            -webkit-text-fill-color: #a7f3d0 !important;
        }
        html.theme-dark .btn-unlocked .integrated-subtext {
            color: #86efac !important;
        }
        body.theme-dark #portalArea .row-wrapper .row [style*="background: #f8fafc"] {
            background: #243248 !important;
            border-color: #344055 !important;
            color: #c7d9ff !important;
        }
        body.theme-dark #portalArea .row-wrapper .row [style*="color: #1e3a8a"] {
            color: #93c5fd !important;
        }
        html.theme-dark #journeyArea .journey-guide {
            border-bottom-color: #3a4458 !important;
        }
        html.theme-dark #journeyArea .pt-guide-bubble {
            background: #1e2430 !important;
            border-color: #3a4458 !important;
            color: #e8edf7 !important;
            -webkit-text-fill-color: #e8edf7 !important;
        }
        html.theme-dark #journeyArea .pt-guide-tap {
            background: linear-gradient(180deg, #2a2418 0%, #1f1a12 100%) !important;
            border-color: #d3b36d !important;
            color: #f5dc7a !important;
        }
        body.theme-dark #journeyArea .jc-shell{
            background: #121a27 !important;
            border-color: #2f3a4e !important;
        }
        body.theme-dark #journeyArea .jc-day-title{
            color: #f1f5f9 !important;
        }
        body.theme-dark #journeyArea .jc-activity-list{
            color: #cbd5e1 !important;
        }
        body.theme-dark #journeyArea .jc-cell{
            background: #1a2332 !important;
            border-color: #334056 !important;
        }
        body.theme-dark #journeyArea .jc-cell--gold{
            background: linear-gradient(180deg, #2a2410 0%, #3d3214 100%) !important;
            border-color: #854d0e !important;
        }
        body.theme-dark #journeyArea .jc-cell-hint{
            color: #94a3b8 !important;
        }
        body.theme-dark #journeyArea .jc-cell--gold .jc-cell-hint{
            color: #fcd34d !important;
        }
        html.theme-dark #journeyArea .jc-badge {
            color: #fcd34d !important;
        }
        body.theme-dark #journeyArea .jc-premium-sheet{
            background: #1a2332 !important;
            border-color: #334056 !important;
        }
        html.theme-dark #journeyArea select {
            background: #101826 !important;
            color: #e6eefc !important;
            border-color: #334056 !important;
        }
        body.theme-dark #journeyArea .list-container.jc-shell{
            background: #121a27 !important;
        }
        body.theme-dark #journeyArea .jc-modal-title {
            color: #e2e8f0 !important;
        }
        html.theme-dark #journeyArea .jc-progress-num strong {
            color: #fcd34d !important;
        }
        body.theme-dark #journeyArea .jc-progress-sep {
            color: #94a3b8 !important;
        }
        body.theme-dark #journeyArea .jc-cell-num {
            color: #cbd5e1 !important;
        }
        body.theme-dark #journeyArea .jc-cell--sel .jc-cell-num {
            color: #fef3c7 !important;
        }
        body.theme-dark #journeyArea .jc-back-btn {
            background: #1a2332 !important;
            border-color: #334056 !important;
            color: #e2e8f0 !important;
        }
        body.theme-dark #journeyArea .jc-progress-card {
            background: #151c28 !important;
            border-color: #334056 !important;
        }
        body.theme-dark #journeyArea .jc-progress-track {
            background: #0f1520 !important;
        }
        body.theme-dark #journeyArea .jc-progress-status {
            background: #2a2410 !important;
            color: #fcd34d !important;
        }
        body.theme-dark #journeyArea .jc-progress-status.is-done {
            background: #14532d !important;
            color: #86efac !important;
        }
        body.theme-dark #journeyArea .jc-today-chip {
            background: #2a2410 !important;
            border: 1px solid #854d0e !important;
            color: #fde68a !important;
        }
        body.theme-dark #journeyArea .jc-benefit-details {
            background: #151c28 !important;
            border-color: #334056 !important;
        }
        body.theme-dark #journeyArea .jc-benefit-body p {
            color: #cbd5e1 !important;
        }
        body.theme-dark #journeyArea .jc-text-btn {
            color: #93c5fd !important;
        }
        body.theme-dark #journeyArea .jc-modal-body p {
            color: #94a3b8 !important;
        }
        body.theme-dark #journeyArea .jc-memo-read {
            color: #e2e8f0 !important;
            background: #101826 !important;
            border-color: #334056 !important;
        }
        body.theme-dark #journeyArea .jc-memo-read.is-empty {
            color: #64748b !important;
        }
        html.theme-dark #journeyArea #prayerCalendarText {
            background: #101826 !important;
            color: #e6eefc !important;
            -webkit-text-fill-color: #e6eefc !important;
            caret-color: #8ab4ff !important;
            border-color: #334056 !important;
        }
        body.theme-dark #journeyArea #prayerCalendarText::placeholder {
            color: #8fa3c4 !important;
        }
        body.theme-dark #journeyArea .jc-activity-item {
            color: #cbd5e1 !important;
            border-bottom-color: #334056 !important;
        }
        body.theme-dark #journeyArea .jc-btn--ghost {
            background: #1a2332 !important;
            color: #e2e8f0 !important;
            border-color: #475569 !important;
        }
        body.theme-dark #journeyArea .jc-btn--primary {
            background: linear-gradient(135deg, #8b6914, #caa24a) !important;
            color: #fff !important;
        }
        body.theme-dark #journeyArea .jc-modal-backdrop {
            background: rgba(0, 0, 0, 0.65) !important;
        }
        html.theme-dark #journeyArea label {
            color: #e2e8f0 !important;
        }
        body.tab-compare4-active .sb-bible-lang {
            display: none !important;
        }
        html.theme-dark #budgetArea .budget-guide {
            background: linear-gradient(180deg, #1a1f2a 0%, #151a24 100%) !important;
            border-bottom-color: #3a4458 !important;
        }
        html.theme-dark #budgetArea .budget-guide-dismiss {
            color: #9aa8c0 !important;
        }
        html.theme-dark #budgetArea .pt-guide-bubble {
            background: #1e2430 !important;
            border-color: #3a4458 !important;
            color: #e8edf7 !important;
            -webkit-text-fill-color: #e8edf7 !important;
        }
        html.theme-dark #budgetArea .pt-guide-row .pt-guide-bubble::before {
            border-right-color: #3a4458 !important;
        }
        html.theme-dark #budgetArea .pt-guide-row .pt-guide-bubble::after {
            border-right-color: #1e2430 !important;
        }
        html.theme-dark #budgetArea .pt-guide-tap {
            background: linear-gradient(180deg, #2a2418 0%, #1f1a12 100%) !important;
            border-color: #d3b36d !important;
            color: #f5dc7a !important;
        }
        body.theme-dark #budgetArea .prayer-feed-card {
            background: #101826 !important;
            border-color: #2f3a4e !important;
            color: #eaf1ff !important;
            box-shadow: none !important;
        }
        body.theme-dark #budgetArea .prayer-feed-author {
            color: #8ab4ff !important;
        }
        body.theme-dark #budgetArea .prayer-feed-del--mine {
            color: #8fa3c4 !important;
        }
        body.theme-dark #budgetArea .prayer-feed-actions {
            border-top-color: #2f3a4e !important;
        }
        body.theme-dark #budgetArea .prayer-feed-pray-btn {
            background: #182235 !important;
            border-color: #4a5f85 !important;
            color: #8ab4ff !important;
        }
        html.theme-dark #bb4Area .bb4-ch-head strong {
            color: #e8edf7;
        }
        html[data-sb-layout="mobile"] #bb4-lang-popover.bb4-lang-popover--mobile .bb4-lang-popover-hint {
            display: none !important;
        }
        html.theme-dark #bb4-lang-popover.bb4-lang-popover--mobile {
            background: #1e2430;
            border-color: #4a5a72;
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
        }
        html.theme-dark #bb4-lang-popover.bb4-lang-popover--mobile .bb4-lang-check-item {
            color: #dce7fa;
        }
        html.theme-dark #bb4Area .bb4-lang-picker-btn {
            background: linear-gradient(180deg, #2a3038 0%, #1e2430 100%);
            color: #f0e6c8;
            border-color: #5a6d8a;
        }
        html.theme-dark #bb4Area .bb4-welcome-mission {
            background: linear-gradient(180deg, #1a2230 0%, #151c28 100%);
            color: #dce7fa;
            border-color: #344055;
        }
        html.theme-dark #bb4Area .bb4-ch-banner {
            background: #1a2230;
            border-color: #344055;
            color: #dce7fa;
        }
        html.theme-dark #bb4Area .bb-toolbar .bb-quota-hint.dd-ai-quota-host {
            background: linear-gradient(180deg, #3d4f6f 0%, #2a3448 100%);
            border-color: #5a6d8a;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
        }
        html.theme-dark #bb4Area .bb-toolbar .bb-quota-hint.dd-ai-quota-host .dd-ai-quota-tag {
            color: rgba(255, 255, 255, 0.78);
        }
        html.theme-dark #bb4Area .bb-toolbar .bb-quota-hint.dd-ai-quota-host .dd-ai-quota-exp {
            color: rgba(255, 255, 255, 0.92);
        }
        html.theme-dark #bb4Area .bb-toolbar .bb-quota-hint.dd-ai-quota-host .dd-ai-quota-track {
            background: rgba(0, 0, 0, 0.22);
            box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12);
        }
        html.theme-dark #bb4Area .bb-toolbar .bb-quota-hint.dd-ai-quota-host .dd-ai-quota-chunk--base {
            background: rgba(255, 255, 255, 0.32);
        }
        html.theme-dark #bb4Area .bb-toolbar .bb-quota-hint.dd-ai-quota-host .dd-ai-quota-chunk--boost {
            background: rgba(255, 255, 255, 0.52);
            border-left-color: rgba(0, 0, 0, 0.12);
        }
        html.theme-dark #bb4Area .bb-toolbar .bb-quota-hint.dd-ai-quota-host .dd-ai-quota-used {
            background: rgba(255, 255, 255, 0.88);
        }
        html.theme-dark #bb4Area .bb-toolbar .bb-quota-hint.dd-ai-quota-host .dd-ai-quota-marker {
            background: #fff;
            box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.35), 0 1px 3px rgba(0, 0, 0, 0.35);
        }
        html.theme-dark #bibleArea .bb-toolbar .bb-toolbar-stats {
            color: #f0e6c8 !important;
            -webkit-text-fill-color: #f0e6c8 !important;
        }
        html.theme-dark #bibleArea .bb-toolbar .bb-toolbar-stats b {
            color: #ffe9a8 !important;
            -webkit-text-fill-color: #ffe9a8 !important;
        }
        html.theme-dark #bb4Area .bb4-ask-btn {
            background: linear-gradient(180deg, #2a3038 0%, #1e2430 100%) !important;
            border-color: #4a5a72 !important;
            color: #e8edf7 !important;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
        }
        html.theme-dark #bb4Area .bb4-ask-btn:hover {
            background: linear-gradient(180deg, #354258 0%, #263244 100%) !important;
            border-color: #c9a961 !important;
            color: #f4f7ff !important;
        }
        html.theme-dark #bb4Area .bb4-verse-block {
            background: #101722;
            border-color: #2f3a4e;
            color: #e6eefc;
        }
        html.theme-dark #bb4Area .bb4-verse-ref {
            color: #e8d4a8 !important;
        }
        html.theme-dark #bb4Area .bb4-lang-label {
            color: #b8c5dc !important;
        }
        html.theme-dark #bb4Area .bb4-lang-row {
            color: #dce7fa !important;
        }
        html.theme-dark #bb4Area .bb4-lang-note {
            color: #9eb0cc !important;
        }
        html.theme-dark #bb4Area .bb4-ai-panel {
            background: linear-gradient(180deg, #141b2e 0%, #101722 100%);
            border-color: rgba(99, 102, 241, 0.32);
            color: #e2e8f0 !important;
            box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
        }
        html.theme-dark #bb4Area .bb4-ai-foot {
            background: rgba(15, 23, 42, 0.65);
            border-top-color: rgba(99, 102, 241, 0.2);
        }
        html.theme-dark #bb4Area .bb4-ai-panel .bb4-ai-body p {
            color: #dce7fa !important;
        }
        html.theme-dark #bb4Area .bb4-ai-body h4 {
            color: #a5b4fc !important;
        }
        html.theme-dark #bb4Area .bb4-ai-loading {
            color: #94a3b8 !important;
        }
        html.theme-dark #bb4Area .bb4-ai-err {
            color: #fca5a5 !important;
        }
        html.theme-dark #bb4Area .bb4-ai-foot a {
            color: #8ab4ff !important;
        }
        html.theme-dark #bb4Area .bb4-ai-foot .bb4-copy-btn {
            background: linear-gradient(180deg, #3d3520 0%, #2a2414 100%) !important;
            border: 1px solid #8a7340 !important;
            color: #f5e6b8 !important;
            box-shadow: 0 1px 6px rgba(211, 179, 109, 0.2) !important;
        }
        html.theme-dark #bb4Area .bb4-ai-foot .bb4-copy-btn:hover {
            background: linear-gradient(180deg, #4a4028 0%, #352e18 100%) !important;
            border-color: #c9a961 !important;
            color: #fff8e8 !important;
        }
        html.theme-dark #bb4Area .bb4-ask-composer-hint {
            color: #94a3b8 !important;
        }
        html.theme-dark #bb4Area .bb4-ask-composer-chip {
            background: #1e293b !important;
            border-color: #475569 !important;
            color: #c7d2fe !important;
        }
        html.theme-dark #bb4Area .bb4-ask-composer-chip:hover {
            background: #334155 !important;
            border-color: #6366f1 !important;
            color: #e0e7ff !important;
        }
        html.theme-dark #bb4Area .bb4-ask-composer-input {
            background: #0f172a !important;
            border-color: #475569 !important;
            color: #e2e8f0 !important;
            -webkit-text-fill-color: #e2e8f0 !important;
            caret-color: #a5b4fc !important;
            box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2) !important;
        }
        html.theme-dark #bb4Area .bb4-ask-composer-input::placeholder {
            color: #64748b !important;
        }
        html.theme-dark #bb4Area .bb4-ask-composer-input:focus {
            border-color: #6366f1 !important;
            box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.22) !important;
        }
        html.theme-dark #bb4Area .bb4-ask-composer-send {
            background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%) !important;
            box-shadow: 0 4px 16px rgba(99, 102, 241, 0.35) !important;
        }
        html.theme-dark #bb4Area .bb4-ai-foot .bb4-ask-send-btn {
            background: linear-gradient(135deg, #312e81 0%, #3730a3 100%) !important;
            color: #e0e7ff !important;
            border-color: #6366f1 !important;
        }
        html.theme-dark #bb-right-panel .bb-rp-memo-edit {
            background: #334155 !important;
            color: #e2e8f0 !important;
            border-color: #64748b !important;
        }
        html.theme-dark #bb-right-panel .bb-rp-memo-edit:hover {
            background: #475569 !important;
            color: #f8fafc !important;
        }
        html.theme-dark #bb4Area .bb4-ai-foot .btn-mini {
            flex: 0 0 auto !important;
            width: auto !important;
        }
        html.theme-dark #bb4Area .bb4-study-save-btn {
            background: linear-gradient(180deg, #2a3448 0%, #1e2634 100%) !important;
            color: #c4d0e4 !important;
            border-color: #475569 !important;
        }
        html.theme-dark #bb4Area .bb4-study-save-btn:hover {
            background: linear-gradient(180deg, #334155 0%, #253248 100%) !important;
            color: #e8edf7 !important;
            border-color: #64748b !important;
        }
        html.theme-dark #bibleArea select#bb-tts-voice.bb-tts-voice {
            color-scheme: dark;
        }
        html.theme-dark #bibleArea select#bb-tts-voice.bb-tts-voice option {
            background-color: #253248 !important;
            color: #e8edf7 !important;
            -webkit-text-fill-color: #e8edf7 !important;
        }
        @media (min-width: 769px) {
            body.tab-bible-active #sb-collapse,
            body.tab-compare4-active #sb-collapse,
            body.tab-art-active #sb-collapse,
            body.tab-ambient-active #sb-collapse,
            body.tab-survival-active #sb-collapse,
            body.tab-panicsos-active #sb-collapse {
                z-index: 10100 !important;
                pointer-events: auto !important;
            }
            /* PC 전체화면(함께 있는 소리·생존·SOS·딩동AI): ☰로 메뉴 열면 사이드바를 레이어 위로 */
            body.tab-ambient-active:not(.sb-closed) .global-tabs,
            body.tab-survival-active:not(.sb-closed) .global-tabs,
            body.tab-panicsos-active:not(.sb-closed) .global-tabs,
            body.tab-art-active:not(.sb-closed) .global-tabs {
                z-index: 10110 !important;
                pointer-events: auto !important;
                transform: translateX(0) !important;
            }
        }
        #bb4Area #bb4-welcome .bb-welcome-sec-head {
            margin: 0 0 10px;
            padding: 14px 14px 14px 16px;
            min-height: 52px;
            font-size: 17px;
            font-weight: 800;
            cursor: pointer;
            color: var(--accent);
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 12px;
            border-radius: 10px;
            font-family: 'Noto Sans KR', sans-serif;
            border: 2px solid #c9a961;
            background: linear-gradient(180deg, #fffef8 0%, #f8f0dc 100%);
            box-shadow: 0 2px 8px rgba(107, 82, 32, 0.12);
            box-sizing: border-box;
        }
        #bb4Area #bb4-welcome .bb-welcome-sec-head:hover {
            background: linear-gradient(180deg, #fffdf3 0%, #f3e8c8 100%);
            border-color: #b8924a;
        }
        #bb4Area #bb4-welcome .bb-welcome-sec-head:focus-visible {
            outline: 3px solid rgba(30, 64, 175, 0.45);
            outline-offset: 2px;
        }
        #bb4Area #bb4-welcome .bb-welcome-sec-head.open {
            border-color: #8b6914;
            background: linear-gradient(180deg, #f5ecd8 0%, #ebe0c4 100%);
        }
        #bb4Area #bb4-welcome .bb-welcome-sec-label {
            display: flex;
            align-items: baseline;
            gap: 6px;
            flex-wrap: wrap;
            min-width: 0;
        }
        #bb4Area #bb4-welcome .bb-welcome-sec-action {
            display: flex;
            align-items: center;
            gap: 8px;
            flex-shrink: 0;
        }
        #bb4Area #bb4-welcome .bb-welcome-sec-head.open .bb-welcome-tap-cue {
            background: rgba(139, 105, 20, 0.18);
        }
        #bb4Area #bb4-welcome .bb-welcome-sec-head .sb-sec-meta {
            font-size: 14px;
        }
        #bb4Area #bb4-welcome .bb-welcome-sec-head .sb-sec-arr {
            font-size: 18px;
            font-weight: 900;
            line-height: 1;
        }
        #bb4Area #bb4-welcome .bb-welcome-sec-body.open {
            display: block;
        }
        #bb4Area #bb4-welcome .bb-welcome-picker .sb-bk {
            padding: 10px 14px 10px 18px;
            font-size: 16px;
            font-weight: 600;
            line-height: 1.4;
        }
        #bb4Area #bb4-welcome .bb-welcome-picker .sb-chgrid {
            grid-template-columns: repeat(auto-fill, minmax(42px, 1fr));
            gap: 6px;
            padding: 8px 12px 12px;
        }
        #bb4Area #bb4-welcome .bb-welcome-picker .sb-ch {
            padding: 10px 4px;
            min-height: 42px;
            font-size: 15px;
            font-weight: 700;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        #bb4Area #bb4-welcome .bb-welcome-picker .sb-ch.read {
            background: #e8f5e9;
            border-color: #a5d6a7;
            color: #1b5e20;
        }
        body.theme-dark .dd-quota-nudge-card {
            background: linear-gradient(165deg, #1e293b 0%, #172033 55%, #1a1520 100%);
            border-color: rgba(251, 191, 36, 0.35);
            box-shadow: 0 18px 40px rgba(0, 0, 0, 0.45);
        }
        body.theme-dark .dd-quota-nudge-title { color: #fde68a; }
        body.theme-dark .dd-quota-nudge-sub { color: #94a3b8; }
        body.theme-dark .dd-quota-nudge-btn--ghost {
            background: #0f172a;
            border-color: #334155;
            color: #cbd5e1;
        }
        html.theme-dark #paymentModal {
            --bg: #fbf8f1 !important;
            --panel: #ffffff !important;
            --accent: #1e3a8a !important;
            --gold: #c9a961 !important;
            --gold-soft: #e8d9b0 !important;
            --border: #ece4d1 !important;
            --text-main: #1f1b2e !important;
            --text-muted: #7a6c5d !important;
            --hover-bg: #faf6ec !important;
            --shadow-sm: 0 1px 3px 0 rgba(120, 95, 50, 0.06) !important;
            --shadow-md: 0 4px 12px -2px rgba(120, 95, 50, 0.10) !important;
            --shadow-lg: 0 12px 28px -6px rgba(120, 95, 50, 0.14) !important;
            color: #1f1b2e;
        }
        html.theme-dark #paymentModal .modal-content {
            background: #ffffff !important;
            color: #1f1b2e !important;
        }
        html.theme-dark #paymentModal .pm-contact-panel {
            background: #f1f5f9 !important;
            border-color: #cbd5e1 !important;
        }
        html.theme-dark #paymentModal .pm-contact-text {
            color: #0f172a !important;
        }
        html.theme-dark #paymentModal .pm-contact-panel span[style*="#e11d48"] {
            color: #be123c !important;
        }
        html.theme-dark #paymentModal #dynamicPriceGrid.pm-dynamic-pricing {
            color: #334155 !important;
        }
        html.theme-dark #paymentModal #dynamicPriceGrid .price-card {
            background: #ffffff !important;
            color: #334155 !important;
            border-color: #e2e8f0 !important;
        }
        html.theme-dark #paymentModal .pm-footer-meta {
            color: #475569 !important;
        }
        html.theme-dark #paymentModal .pm-footer-meta a {
            color: #334155 !important;
        }
        html.theme-dark #paymentModal .close-btn {
            color: #64748b !important;
        }
        html.theme-dark #paymentModal .close-btn:hover {
            color: #0f172a !important;
        }
        html.theme-dark #paymentModal button {
            background: #1e3a8a !important;
            color: #ffffff !important;
            border-color: #1e40af !important;
        }
        html.theme-dark #paymentModal button:hover {
            background: #1e40af !important;
            color: #ffffff !important;
        }
        body.theme-dark .mp-main-viewer {
            background: var(--panel) !important;
            color: var(--text-main) !important;
            border-color: var(--border) !important;
        }
        body.theme-dark .sticky-copy-bar {
            background: var(--panel) !important;
            border-bottom-color: var(--border) !important;
        }
        body.theme-dark div[id^="blog-post-"] {
            background: #121722 !important;
            color: #e2e8f0 !important;
        }
        body.theme-dark div[id^="blog-post-"] h4 {
            color: #e2e8f0 !important;
        }
        body.theme-dark div[id^="blog-post-"] a {
            color: #93c5fd !important;
        }
        body.theme-dark div[id^="blog-post-"] strong {
            color: #f1f5f9 !important;
        }
        @media (max-width: 768px) {
            /* 🚫 모바일에서 숨길 요소들 */
            .mobile-hide { display: none !important; }
            
            html, body { background: #f1f1f1 !important; }
            .container { 
                width: 100% !important; 
                min-width: 100% !important; 
                max-width: 100vw !important;
                margin: 0 !important; 
                background: #ffffff !important; 
                padding: 0 !important; 
                min-height: 100vh !important; 
                box-shadow: none !important; 
            }
            
            /* 📱 모바일 최적화: 대시보드 콤팩트 UI (1 + 2x2 그리드 배열) */
            .dashboard { grid-template-columns: 1fr 1fr !important; gap: 10px !important; display: grid !important; }
            .dashboard .card:nth-child(1) { grid-column: 1 / -1 !important; } /* 1번 신뢰도 카드는 가로 전체 차지 */
            .dashboard .card { padding: 12px 14px !important; } /* 모바일에서는 카드 여백 축소 */
            .dashboard .card-label { font-size: 11px !important; margin-bottom: 4px !important; }
            .dashboard .card-val { font-size: 18px !important; margin-bottom: 2px !important; }
            .dashboard .card-desc { 
                font-size: 11px !important; 
                line-height: 1.3 !important; 
                /* 🚀 설명이 너무 길면 2줄만 보이고 말줄임표(...) 처리해서 높이 방어 */
                display: -webkit-box; 
                -webkit-line-clamp: 2; 
                -webkit-box-orient: vertical; 
                overflow: hidden; 
            }
            .filter-tabs, .list-head, .channel-tabs { display: none !important; }
            
            /* 📱 모바일 탭 표시 */
            .mobile-tier-tabs { 
                display: flex !important; 
                gap: 8px !important;
                padding: 12px !important;
                background: white !important;
                border-bottom: 1px solid #e5e5e5 !important;
                overflow-x: auto !important;
                position: sticky !important;
                top: 0 !important;
                z-index: 100 !important;
            }
            .tier-tab {
                flex: 1 !important;
                min-width: 70px !important;
                padding: 10px 16px !important;
                border: 1px solid #e5e5e5 !important;
                border-radius: 20px !important;
                background: white !important;
                color: #64748b !important;
                font-size: 13px !important;
                font-weight: 700 !important;
                cursor: pointer !important;
                transition: all 0.2s !important;
                white-space: nowrap !important;
            }
            .tier-tab.active {
                background: #0f172a !important;
                color: white !important;
                border-color: #0f172a !important;
            }
            
            /* 📊 키워드 검색 결과 모바일 최적화 */
            #budgetListBody {
                display: block !important;
                padding: 12px !important;
            }
            
            .budget-card {
                margin-bottom: 12px !important;
                padding: 16px !important;
            }
            
            .budget-card button {
                font-size: 13px !important;
                height: 40px !important;
            }
            
            
            /* 📱 헤더 모바일화 [PATCH-V3 FINAL 2026-04-13] 위쪽은 묵직, 아래쪽은 압축 */
        .header { 
            padding: 8px 12px 4px !important; 
            flex-direction: row !important; 
            gap: 5px !important; 
            border-radius: 0 !important; 
            margin: 0 !important; 
            border: none !important; 
            background: #fff !important; 
            align-items: center !important; 
            top: 0 !important;
            box-shadow: 0 1px 0 #e5e7eb !important;
            flex-wrap: wrap !important;
        }
        body.show-search .header {
            flex-direction: column !important;
            align-items: stretch !important;
        }
        .header::before { display: none !important; }
        
        /* 본문 상단 여백 제거로 헤더 밀착 */
        #bibleArea, #portalArea, #artArea, #journeyArea, #reminderArea, #budgetArea, #watchmanArea, #prayerTherapyArea { 
            padding-top: 0 !important; 
            margin-top: 0 !important;
        }
        .global-tabs { margin-top: 4px !important; margin-bottom: 0 !important; }
        
        /* 🔵 첫 번째 줄: 로고 + 입력창 + 채널 정밀 분석 (묵직한 44px) */
        .header > div:first-child { 
            width: auto !important; 
            display: flex !important; 
            align-items: center !important; 
            justify-content: flex-start !important;
            margin: 0 !important; 
            padding: 0 !important; 
            gap: 8px !important; 
        }
        body.show-search .header > div:first-child {
            width: 100% !important;
        }
        .header h2 { 
            font-size: 16px !important; 
            flex-shrink: 0 !important; 
            margin: 0 !important; 
            padding: 0 !important; 
            line-height: 1 !important; 
        }
        .header h2 img { height: 36px !important; display: block !important; }
        
        .header input { 
            flex: 1 !important; 
            min-width: 0 !important;
            height: 44px !important; 
            border-radius: 10px !important; 
            background: #f1f5f9 !important; 
            border: 1.5px solid #e2e8f0 !important; 
            font-size: 14px !important; 
            font-weight: 500 !important;
            padding: 0 14px !important; 
            margin: 0 !important; 
        }
        .header > div:first-child button { 
            flex-shrink: 0 !important;
            display: flex !important; 
            align-items: center !important; 
            padding: 0 16px !important; 
            height: 44px !important; 
            min-height: 44px !important; 
            font-size: 13px !important; 
            font-weight: 700 !important;
            border-radius: 10px !important;
            white-space: nowrap !important; 
            margin: 0 !important; 
        }

        /* 🔵 두 번째 줄: 메뉴 pill 버튼 (작고 컴팩트한 30px) */
        .header > div:nth-child(2) { 
            display: flex !important; 
            flex-direction: row !important; 
            width: auto !important; 
            flex: 1 !important;
            gap: 5px !important; 
            overflow-x: auto !important;
            padding: 0 !important;
            margin: 0 !important;
            -webkit-overflow-scrolling: touch;
        }
        body.show-search .header > div:nth-child(2) {
            width: 100% !important;
            flex: none !important;
        }
           
            .header > div:nth-child(2)::-webkit-scrollbar {
                display: none !important;
                width: 0 !important;
                height: 0 !important;
            }
            
            .header > div:nth-child(2) button { 
                flex: 0 0 auto !important;
                width: max-content !important;
                padding: 0 12px !important;
                margin: 0 !important; 
                height: 30px !important; 
                min-height: 30px !important;
                font-size: 11px !important; 
                font-weight: 700 !important;
                border-radius: 15px !important;
                display: flex !important; 
                justify-content: center !important;
                align-items: center !important;
                border: 1px solid #e2e8f0 !important;
                box-shadow: none !important;
                white-space: nowrap !important;
            }
            
            /* 버튼 순서: 파수꾼일보 → 남은 분석 → 이용권 결제 → 로그아웃 */
            .header > div:nth-child(2) button[onclick*="toggleWatchmanMode"] { order: 1; }
            .header > div:nth-child(2) button[onclick*="openPaymentModal"] { order: 3; }
            
            /* 모바일: 이용권 결제·남은 분석 상단에서 숨김 → 하단 네비로 이동 */
            .header > div:nth-child(2) button[onclick*="openPaymentModal"] { display: none !important; }
            .header > div:nth-child(2) #creditDisplayBtn { display: none !important; }
            
            /* 모바일: 검색창·분석버튼 기본 숨김 (채널상세분석 탭 클릭 시에만 표시) */
            #urlInput { display: none !important; }
            .header > div:nth-child(1) button[onclick*="startAnalysis"] { display: none !important; }
            body.show-search #urlInput { display: flex !important; }
            body.show-search .header > div:nth-child(1) button[onclick*="startAnalysis"] { display: flex !important; }
            
            /* 파수꾼일보 버튼 진홍빛(피색깔) + 모바일 확대 — 공란 채우기 */
            .header > div:nth-child(2) button[onclick*="toggleWatchmanMode"] {
                background: #8b0000 !important;
                border-color: #5a0000 !important;
                color: #f4d98a !important;
                font-size: 14px !important;
                padding: 0 20px !important;
                height: 36px !important;
                flex: 1 !important;
                max-width: none !important;
                width: auto !important;
            }

            /* 프로필 박스 (5초 후 자동 숨김되므로 여백 최소화) */
            #mpPageHead {
                margin: 6px 12px 10px !important;
                padding: 12px 14px !important;
                border-radius: 12px !important;
            }
            #mypageArea .mp-main-tabs {
                flex-wrap: nowrap !important;
                overflow-x: auto !important;
                -webkit-overflow-scrolling: touch;
                padding: 8px 10px !important;
                margin-bottom: 12px !important;
            }
            #mypageArea .mp-main-tabs .aio-tab {
                flex: 0 0 auto !important;
                white-space: nowrap !important;
            }

            /* 🏺 성서 고고학 상단 상태바 모바일 최적화 (세로 2단 정렬) */
            .art-status-bar {
                flex-direction: column !important;
                align-items: stretch !important;
                gap: 10px !important;
                padding: 12px 14px !important;
                margin-bottom: 16px !important;
                border-radius: 10px !important;
            }
            .art-status-bar > div:first-child {
                font-size: 14px !important;
                text-align: center !important;
            }
            .art-status-bar > div:first-child #selCount {
                font-size: 18px !important;
            }
            .art-btn-refresh {
                width: 100% !important;
                padding: 10px 14px !important;
                font-size: 12px !important;
                border-radius: 8px !important;
                white-space: nowrap !important;
                overflow: hidden !important;
                text-overflow: ellipsis !important;
            }
            /* 🎬 비디오 카드 유튜브 피드화 */
            .list-container { background: transparent !important; border: none !important; box-shadow: none !important; border-radius: 0 !important; padding: 0 !important; }
            .row-wrapper { background: #fff !important; margin-bottom: 12px !important; border-radius: 0 !important; border: none !important; border-bottom: 8px solid #f9f9f9 !important; box-shadow: none !important; }
            .row { display: flex !important; flex-direction: column !important; padding: 0 !important; text-align: left !important; gap: 0 !important; }
            
            /* 순위 + 날짜 정보 - 제일 위로! */
            .row > div:nth-child(1) { order: 1 !important; padding: 8px 12px 4px !important; display: flex !important; gap: 8px !important; align-items: center !important; font-size: 11px !important; color: #606060 !important; width: 100% !important; }
            .row > div:nth-child(1) .medal-badge { padding: 2px 6px !important; border-radius: 3px !important; font-size: 10px !important; }
            
            /* 채널 정보 - 순위 바로 아래 */
            .row > div:nth-child(2) { order: 2 !important; padding: 0 12px 8px !important; font-size: 12px !important; font-weight: 500 !important; line-height: 1.4 !important; color: #0f0f0f !important; width: 100% !important; display: flex !important; align-items: center !important; gap: 10px !important; }
            .row > div:nth-child(2) img { width: 36px !important; height: 36px !important; }
            .row > div:nth-child(2) > div { display: flex !important; align-items: center !important; gap: 8px !important; flex-wrap: wrap !important; }
            
            /* 썸네일 - 정보 다음에 */
            .row > div:nth-child(6) { order: 3 !important; width: 100% !important; padding: 0 !important; position: relative !important; }
            .mini-thumb { width: 100% !important; height: auto !important; aspect-ratio: 16/9 !important; border-radius: 0 !important; border: none !important; margin: 0 !important; display: block !important; object-fit: cover !important; }
            .btn-stack { display: none !important; }
            
            /* 초지능 블로그 버튼 - 썸네일 바로 아래! */
            .row > div:nth-child(4) { order: 4 !important; padding: 12px !important; width: 100% !important; }
            .row .btn-gemini { width: 100% !important; max-width: 100% !important; height: 48px !important; font-size: 15px !important; font-weight: 700 !important; border-radius: 8px !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; }
            
            
            /* 가치 분석 버튼 영역 완전히 숨기기 */
            .row > div:nth-child(3) { display: none !important; }
            
            /* 성과 데이터 숨김 */
            .row > div:nth-child(5) { display: none !important; }
            
            /* 좌측 사이드바 모바일 */
            .global-tabs { transform:translateX(-100%)!important; transition:transform .3s!important; width:280px!important; z-index:9980!important; pointer-events:auto!important; }
            .global-tabs.open { transform: translateX(0) !important; }
            body.sb-closed .global-tabs { transform: translateX(-100%) !important; }
            .g-tab { padding:12px 16px 12px 18px!important; font-size:14px!important; text-align:left!important; border-radius:0!important; border:none!important; border-left:3px solid transparent!important; background:transparent!important; display:flex!important; align-items:center!important; gap:12px!important; box-shadow:none!important; }
            .g-tab.g-tab-stack {
                display: flex !important;
                flex-direction: row !important;
                align-items: center !important;
                justify-content: flex-start !important;
                gap: 12px !important;
                white-space: nowrap !important;
            }
            .g-tab.g-tab-stack .g-tab-stack-title {
                font-size: 14px !important;
                font-weight: 600 !important;
                line-height: 1.2 !important;
                white-space: nowrap !important;
            }
            .g-tab.g-tab-stack .g-tab-stack-sub {
                display: none !important;
            }
            .g-tab.g-tab-stack.active .g-tab-stack-title {
                font-weight: 800 !important;
            }
            .g-tab.active { background:#faf6ec!important; border-left:3px solid var(--gold)!important; }
            .g-tab-payment { display:flex!important; }
            .sb-btn { display:flex!important; align-items:center!important; gap:12px!important; }
            .container { margin-left:0!important; padding-top:56px!important; }
            body { padding-left:0!important; }
            #sb-collapse { display:none!important; }
            #sb-mobile-toggle { display:flex!important; position:fixed!important; top:10px!important; left:10px!important; z-index:10100!important; width:42px!important; height:42px!important; border-radius:10px!important; border:2px solid #c9a961!important; background:#8b6914!important; cursor:pointer!important; font-size:20px!important; align-items:center!important; justify-content:center!important; box-shadow:0 2px 8px rgba(0,0,0,.2)!important; padding:0!important; color:#fff!important; font-weight:900!important; box-sizing:border-box!important; }
            body.tab-bible-active #sb-mobile-toggle,
            body.tab-compare4-active #sb-mobile-toggle {
                position: fixed !important;
                top: max(10px, env(safe-area-inset-top, 0px)) !important;
                left: max(10px, env(safe-area-inset-left, 0px)) !important;
            }
            /* 성경·4국어: ☰ 뒤 흰 띠(.container #fff) 제거 — 본문(#bibleArea) 배경과 통일 */
            body.tab-bible-active,
            body.tab-compare4-active {
                background: #f7f1e2 !important;
                background-image: none !important;
            }
            body.tab-bible-active .container,
            body.tab-compare4-active .container {
                background: #f7f1e2 !important;
                padding-top: 0 !important;
            }
            body.tab-bible-active,
            body.tab-compare4-active {
                overflow: hidden !important;
            }
            body.tab-bible-active .container,
            body.tab-compare4-active .container {
                height: 100dvh !important;
                height: 100svh !important;
                max-height: 100svh !important;
                overflow: hidden !important;
            }
            /* 성경·4국어: 책1(4국어)과 동일 — 영역 통째 스크롤, 본문은 자연 높이 */
            body.tab-bible-active #bibleArea,
            body.tab-compare4-active #bb4Area {
                margin-top: 0 !important;
                padding: 0 !important;
                border-radius: 0 !important;
                border-left: none !important;
                border-right: none !important;
                border-top: none !important;
                box-shadow: none !important;
                height: 100% !important;
                max-height: 100svh !important;
                overflow-x: hidden !important;
                overflow-y: auto !important;
                -webkit-overflow-scrolling: touch !important;
            }
            body.tab-bible-active #bibleArea #bb-reader,
            body.tab-compare4-active #bb4Area #bb4-reader {
                flex: none !important;
                height: auto !important;
                min-height: calc(100svh - 72px) !important;
                max-height: none !important;
                overflow: visible !important;
            }
            body.tab-bible-active #bibleArea .bb-toolbar-wrap,
            body.tab-compare4-active #bb4Area .bb-toolbar-wrap {
                padding-left: max(12px, env(safe-area-inset-left, 0px)) !important;
                padding-right: max(12px, env(safe-area-inset-right, 0px)) !important;
            }
            body.tab-bible-active #bibleArea .bb-toolbar-wrap,
            body.tab-compare4-active #bb4Area .bb-toolbar-wrap {
                padding-top: max(8px, env(safe-area-inset-top, 0px)) !important;
                padding-left: max(calc(10px + 42px + 8px), calc(env(safe-area-inset-left, 0px) + 10px + 42px + 8px)) !important;
            }
            body.tab-bible-active .global-tabs.open ~ .container #bibleArea .bb-toolbar .bb-btn-read,
            body.tab-bible-active .global-tabs.open ~ .container #bibleArea .bb-toolbar .bb-btn-bookmark,
            body.tab-bible-active .global-tabs.open ~ .container #bibleArea .bb-toolbar .bb-btn-search-toggle,
            body.tab-compare4-active .global-tabs.open ~ .container #bb4Area .bb-toolbar .bb-btn-read {
                display: none !important;
                visibility: hidden !important;
                pointer-events: none !important;
            }
            body.tab-bible-active #bibleArea .bb-toolbar-pin,
            body.tab-compare4-active #bb4Area .bb-toolbar-pin {
                display: none !important;
            }
            body.tab-bible-active #bibleArea .bb-toolbar-layout,
            body.tab-compare4-active #bb4Area .bb-toolbar-layout {
                flex-direction: row !important;
                align-items: center !important;
                justify-content: flex-start !important;
                gap: 0 !important;
            }
            body.tab-bible-active #bibleArea .bb-toolbar-scroll,
            body.tab-compare4-active #bb4Area .bb-toolbar-scroll {
                flex: 1 1 auto !important;
                min-width: 0 !important;
                margin: 0 !important;
                padding: 2px 4px !important;
                display: flex !important;
                align-items: center !important;
                align-self: stretch !important;
            }
            body.tab-bible-active #bibleArea .bb-toolbar-scroll .bb-toolbar,
            body.tab-compare4-active #bb4Area .bb-toolbar-scroll .bb-toolbar {
                justify-content: flex-start;
                align-items: center;
                align-content: center;
                display: flex;
                flex-wrap: nowrap;
                width: max-content;
                max-width: none;
                gap: 6px;
                padding-right: 20px;
            }
            /* 모바일 성경·4국어: 한 줄 툴바 · 동일 칩 크기·간격 */
            body.tab-bible-active #bibleArea .bb-toolbar .bb-btn-read,
            body.tab-bible-active #bibleArea .bb-toolbar .bb-btn-bookmark,
            body.tab-bible-active #bibleArea .bb-toolbar .btn-mini.bb-btn-search-toggle,
            body.tab-bible-active #bibleArea .bb-toolbar .bb-toolbar-voice-select,
            body.tab-bible-active #bibleArea .bb-toolbar .btn-mini.bb-tts-btn,
            body.tab-compare4-active #bb4Area .bb-toolbar .bb-btn-read,
            body.tab-compare4-active #bb4Area .bb-toolbar .bb-btn-bookmark,
            body.tab-compare4-active #bb4Area .bb-toolbar .btn-mini.bb-btn-search-toggle,
            body.tab-compare4-active #bb4Area .bb-toolbar .bb-toolbar-chip.bb4-lang-picker-btn,
            body.tab-compare4-active #bb4Area .bb-toolbar .btn-mini.bb-tts-btn,
            body.tab-compare4-active #bb4Area .bb-toolbar .bb-quota-hint,
            body.tab-compare4-active #bb4Area .bb-toolbar .bb-toolbar-stats {
                min-width: 0 !important;
                width: auto !important;
                max-width: none !important;
                padding: 6px 8px !important;
                font-size: 11px !important;
                font-weight: 800 !important;
                line-height: 1.25 !important;
                border-radius: 10px !important;
                white-space: nowrap !important;
                box-sizing: border-box !important;
                flex: 0 0 auto !important;
            }
            body.tab-bible-active #bibleArea .bb-toolbar .bb-btn-read,
            body.tab-compare4-active #bb4Area .bb-toolbar .bb-btn-read {
                background: #fff8e5 !important;
                border: 1px solid #d4b25e !important;
                color: #7a5a12 !important;
            }
            body.tab-bible-active #bibleArea .bb-toolbar .bb-btn-read.is-read,
            body.tab-compare4-active #bb4Area .bb-toolbar .bb-btn-read.is-read {
                padding: 6px 7px !important;
                background: #fff2b8 !important;
                border-color: #caa13f !important;
                color: #4f3a08 !important;
                box-shadow: 0 0 0 2px rgba(202, 161, 63, 0.18) !important;
            }
            body:not(.theme-dark).tab-bible-active #bibleArea .bb-toolbar .bb-btn-bookmark,
            body:not(.theme-dark).tab-bible-active #bibleArea .bb-toolbar .btn-mini.bb-btn-search-toggle,
            body:not(.theme-dark).tab-bible-active #bibleArea .bb-toolbar .bb-toolbar-voice-select,
            html:not(.theme-dark) body.tab-bible-active #bibleArea .bb-toolbar .bb-btn-bookmark,
            html:not(.theme-dark) body.tab-bible-active #bibleArea .bb-toolbar .btn-mini.bb-btn-search-toggle,
            html:not(.theme-dark) body.tab-bible-active #bibleArea .bb-toolbar .bb-toolbar-voice-select,
            body:not(.theme-dark).tab-compare4-active #bb4Area .bb-toolbar .bb-btn-bookmark,
            body:not(.theme-dark).tab-compare4-active #bb4Area .bb-toolbar .btn-mini.bb-btn-search-toggle,
            body:not(.theme-dark).tab-compare4-active #bb4Area .bb-toolbar .bb-toolbar-chip.bb4-lang-picker-btn,
            body:not(.theme-dark).tab-compare4-active #bb4Area .bb-toolbar .bb-quota-hint.dd-ai-quota-host,
            html:not(.theme-dark) body.tab-compare4-active #bb4Area .bb-toolbar .bb-btn-bookmark,
            html:not(.theme-dark) body.tab-compare4-active #bb4Area .bb-toolbar .btn-mini.bb-btn-search-toggle,
            html:not(.theme-dark) body.tab-compare4-active #bb4Area .bb-toolbar .bb-toolbar-chip.bb4-lang-picker-btn,
            html:not(.theme-dark) body.tab-compare4-active #bb4Area .bb-toolbar .bb-quota-hint.dd-ai-quota-host {
                background: linear-gradient(180deg, #fffdf8 0%, #f5ecd8 100%) !important;
                border: 1px solid #c9b88a !important;
                box-shadow: 0 2px 8px rgba(107, 82, 32, 0.1) !important;
                padding: 6px 8px !important;
            }
            body:not(.theme-dark).tab-bible-active #bibleArea .bb-toolbar .btn-mini.bb-tts-btn,
            body:not(.theme-dark).tab-compare4-active #bb4Area .bb-toolbar .btn-mini.bb-tts-btn,
            html:not(.theme-dark) body.tab-bible-active #bibleArea .bb-toolbar .btn-mini.bb-tts-btn,
            html:not(.theme-dark) body.tab-compare4-active #bb4Area .bb-toolbar .btn-mini.bb-tts-btn {
                background: linear-gradient(180deg, #fffdf8 0%, #f5ecd8 100%) !important;
                color: #5c4510 !important;
                border: 1px solid #c9b88a !important;
                box-shadow: 0 2px 8px rgba(107, 82, 32, 0.1) !important;
            }
            body:not(.theme-dark).tab-compare4-active #bb4Area .bb-toolbar .btn-mini.bb-tts-btn.bb-tts-auto,
            html:not(.theme-dark) body.tab-compare4-active #bb4Area .bb-toolbar .btn-mini.bb-tts-btn.bb-tts-auto {
                background: linear-gradient(180deg, #fff2c8 0%, #e8d49a 100%) !important;
                border-color: #caa13f !important;
                color: #4a3a0c !important;
            }
            body.tab-bible-active #bibleArea .bb-toolbar .bb-toolbar-stats,
            body.tab-compare4-active #bb4Area .bb-toolbar .bb-toolbar-stats {
                font-size: 11px !important;
                font-weight: 700 !important;
                line-height: 1.25 !important;
                flex: 0 0 auto !important;
            }
            body:not(.theme-dark).tab-bible-active #bibleArea .bb-toolbar .bb-toolbar-stats,
            body:not(.theme-dark).tab-compare4-active #bb4Area .bb-toolbar .bb-toolbar-stats,
            html:not(.theme-dark) body.tab-bible-active #bibleArea .bb-toolbar .bb-toolbar-stats,
            html:not(.theme-dark) body.tab-compare4-active #bb4Area .bb-toolbar .bb-toolbar-stats {
                color: #6b5b34 !important;
                -webkit-text-fill-color: #6b5b34 !important;
            }
            body.tab-bible-active #bibleArea .bb-toolbar .bb-toolbar-voice-select {
                width: auto !important;
                max-width: none !important;
                min-width: 0 !important;
                min-height: 32px !important;
                height: 32px !important;
                line-height: 1.25 !important;
                align-self: center !important;
                -webkit-appearance: none;
                appearance: none;
                color-scheme: light !important;
            }
            body.tab-compare4-active #bb4Area .bb4-lang-picker-wrap {
                align-self: center !important;
            }
            body.tab-bible-active:not(.theme-dark) #bibleArea .bb-toolbar .bb-toolbar-voice-select option {
                background-color: #fffefb !important;
                color: #4a3a0c !important;
                -webkit-text-fill-color: #4a3a0c !important;
            }
            body.tab-bible-active #bibleArea .bb-toolbar .btn-mini.bb-tts-auto {
                padding: 6px 9px !important;
            }
            body.theme-dark.tab-bible-active #bibleArea .bb-toolbar .bb-btn-read,
            body.theme-dark.tab-compare4-active #bb4Area .bb-toolbar .bb-btn-read,
            html.theme-dark body.tab-bible-active #bibleArea .bb-toolbar .bb-btn-read,
            html.theme-dark body.tab-compare4-active #bb4Area .bb-toolbar .bb-btn-read {
                background: #1f2938 !important;
                border-color: #425572 !important;
                color: #d9e5fb !important;
                -webkit-text-fill-color: #d9e5fb !important;
            }
            body.theme-dark.tab-bible-active #bibleArea .bb-toolbar .bb-btn-read.is-read,
            body.theme-dark.tab-compare4-active #bb4Area .bb-toolbar .bb-btn-read.is-read,
            html.theme-dark body.tab-bible-active #bibleArea .bb-toolbar .bb-btn-read.is-read,
            html.theme-dark body.tab-compare4-active #bb4Area .bb-toolbar .bb-btn-read.is-read {
                background: linear-gradient(180deg, #1f4a40 0%, #1a3d35 100%) !important;
                border-color: #3fb68f !important;
                color: #ddfff3 !important;
            }
            body.theme-dark.tab-bible-active #bibleArea .bb-toolbar .bb-btn-bookmark,
            body.theme-dark.tab-bible-active #bibleArea .bb-toolbar .btn-mini.bb-btn-search-toggle,
            body.theme-dark.tab-bible-active #bibleArea .bb-toolbar .bb-toolbar-voice-select,
            body.theme-dark.tab-compare4-active #bb4Area .bb-toolbar .bb-btn-bookmark,
            body.theme-dark.tab-compare4-active #bb4Area .bb-toolbar .btn-mini.bb-btn-search-toggle,
            body.theme-dark.tab-compare4-active #bb4Area .bb-toolbar .bb-toolbar-chip.bb4-lang-picker-btn,
            body.theme-dark.tab-compare4-active #bb4Area .bb-toolbar .bb-quota-hint.dd-ai-quota-host,
            html.theme-dark body.tab-bible-active #bibleArea .bb-toolbar .bb-btn-bookmark,
            html.theme-dark body.tab-bible-active #bibleArea .bb-toolbar .btn-mini.bb-btn-search-toggle,
            html.theme-dark body.tab-bible-active #bibleArea .bb-toolbar .bb-toolbar-voice-select,
            html.theme-dark body.tab-compare4-active #bb4Area .bb-toolbar .bb-btn-bookmark,
            html.theme-dark body.tab-compare4-active #bb4Area .bb-toolbar .btn-mini.bb-btn-search-toggle,
            html.theme-dark body.tab-compare4-active #bb4Area .bb-toolbar .bb-toolbar-chip.bb4-lang-picker-btn,
            html.theme-dark body.tab-compare4-active #bb4Area .bb-toolbar .bb-quota-hint.dd-ai-quota-host {
                background: linear-gradient(180deg, #2a3038 0%, #1e2430 100%) !important;
                border: 1px solid #5a6d8a !important;
                color: #f0e6c8 !important;
                -webkit-text-fill-color: #f0e6c8 !important;
                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25) !important;
                padding: 6px 8px !important;
            }
            body.theme-dark.tab-bible-active,
            body.theme-dark.tab-compare4-active,
            html.theme-dark body.tab-bible-active,
            html.theme-dark body.tab-compare4-active {
                background: #121925 !important;
                background-image: none !important;
            }
            body.theme-dark.tab-bible-active .container,
            body.theme-dark.tab-compare4-active .container,
            body.theme-dark.tab-hymn-active .container,
            html.theme-dark body.tab-bible-active .container,
            html.theme-dark body.tab-compare4-active .container,
            html.theme-dark body.tab-hymn-active .container {
                background: #121925 !important;
            }
            body.theme-dark.tab-hymn-active,
            html.theme-dark body.tab-hymn-active {
                background: #121925 !important;
                background-image: none !important;
            }
            body.theme-dark.tab-hymn-active #hymnArea,
            html.theme-dark body.tab-hymn-active #hymnArea {
                background: #121925 !important;
                min-height: 100%;
            }
            body.theme-dark.tab-bible-active #bibleArea .bb-toolbar .bb-toolbar-stats,
            body.theme-dark.tab-compare4-active #bb4Area .bb-toolbar .bb-toolbar-stats,
            html.theme-dark body.tab-bible-active #bibleArea .bb-toolbar .bb-toolbar-stats,
            html.theme-dark body.tab-compare4-active #bb4Area .bb-toolbar .bb-toolbar-stats {
                color: #f0e6c8 !important;
                -webkit-text-fill-color: #f0e6c8 !important;
            }
            body.theme-dark.tab-bible-active #bibleArea .bb-toolbar .bb-toolbar-stats b,
            body.theme-dark.tab-compare4-active #bb4Area .bb-toolbar .bb-toolbar-stats b,
            html.theme-dark body.tab-bible-active #bibleArea .bb-toolbar .bb-toolbar-stats b,
            html.theme-dark body.tab-compare4-active #bb4Area .bb-toolbar .bb-toolbar-stats b {
                color: #ffe9a8 !important;
                -webkit-text-fill-color: #ffe9a8 !important;
            }
            body.theme-dark.tab-bible-active #bibleArea .bb-toolbar .bb-quota-hint,
            body.theme-dark.tab-compare4-active #bb4Area .bb-toolbar .bb-quota-hint,
            html.theme-dark body.tab-bible-active #bibleArea .bb-toolbar .bb-quota-hint,
            html.theme-dark body.tab-compare4-active #bb4Area .bb-toolbar .bb-quota-hint {
                color: #f0e6c8 !important;
                -webkit-text-fill-color: #f0e6c8 !important;
            }
            #sb-overlay.open { display:block!important; position:fixed!important; inset:0!important; background:rgba(0,0,0,.4)!important; z-index:999!important; }
            /* 📱 쉼터 RPG: 모바일 몰입형 전체화면(좌상단 ☰으로만 복귀/이동) */
            body.tab-rpg-active .container {
                padding: 0 !important;
                margin: 0 !important;
                max-width: none !important;
            }
            body.tab-rpg-active #main-header,
            body.tab-rpg-active #siteLegalFooter {
                display: none !important;
            }
            body.tab-rpg-active #rpgArea {
                position: fixed !important;
                inset: 0 !important;
                z-index: 900 !important;
                padding: 0 !important;
                margin: 0 !important;
                background: #0b1220 !important;
            }
            body.tab-rpg-active #rpgArea .list-container {
                width: 100% !important;
                max-width: none !important;
                height: 100dvh !important;
                margin: 0 !important;
                padding: 0 !important;
                border: none !important;
                border-radius: 0 !important;
                box-shadow: none !important;
                background: #0b1220 !important;
            }
            body.tab-rpg-active #rpgArea .list-container > div:first-child {
                display: none !important;
            }
            body.tab-rpg-active #bibleRpgFrame {
                width: 100% !important;
                height: 100dvh !important;
                min-height: 100dvh !important;
                border: none !important;
                border-radius: 0 !important;
            }
            /* 딩동AI: 모바일 전체 화면(쉼터 RPG와 동일 — 좌우 띠·테두리 잘림 제거, ☰만 위에 노출) */
            body.tab-art-active .container {
                padding: 0 !important;
                margin: 0 !important;
                max-width: none !important;
                width: 100% !important;
            }
            body.tab-art-active #main-header,
            body.tab-art-active #siteLegalFooter {
                display: none !important;
            }
            body.tab-art-active #artArea.dd-ai-root {
                position: fixed !important;
                inset: 0 !important;
                left: 0 !important;
                right: 0 !important;
                top: 0 !important;
                bottom: 0 !important;
                width: 100% !important;
                max-width: none !important;
                padding: 0 !important;
                margin: 0 !important;
                z-index: 920 !important;
                box-sizing: border-box !important;
                overflow: hidden !important;
                display: flex !important;
                flex-direction: column !important;
            }
            /* 사이드바가 닫혀 있을 때 off-screen 레이어가 터치만 먹는 WebView 버그 완화 */
            body.tab-art-active .global-tabs:not(.open) {
                pointer-events: none !important;
            }
            /* 모바일 전체화면(딩동AI·함께 있는 소리·생존·SOS): 황금 ☰를 레이어 위에 */
            body.tab-art-active #sb-mobile-toggle,
            body.tab-ambient-active #sb-mobile-toggle,
            body.tab-survival-active #sb-mobile-toggle,
            body.tab-panicsos-active #sb-mobile-toggle {
                display: flex !important;
                position: fixed !important;
                top: 10px !important;
                left: 10px !important;
                z-index: 10100 !important;
                width: 42px !important;
                height: 42px !important;
                border-radius: 10px !important;
                border: 2px solid #c9a961 !important;
                background: #8b6914 !important;
                color: #fff !important;
                font-size: 20px !important;
                font-weight: 900 !important;
                align-items: center !important;
                justify-content: center !important;
                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
                padding: 0 !important;
                pointer-events: auto !important;
                visibility: visible !important;
                opacity: 1 !important;
            }
            body.tab-art-active #sb-overlay.open,
            body.tab-ambient-active #sb-overlay.open,
            body.tab-survival-active #sb-overlay.open,
            body.tab-panicsos-active #sb-overlay.open {
                z-index: 10090 !important;
                pointer-events: auto !important;
            }
            body.tab-art-active .global-tabs.open,
            body.tab-ambient-active .global-tabs.open,
            body.tab-survival-active .global-tabs.open,
            body.tab-panicsos-active .global-tabs.open {
                z-index: 10110 !important;
                pointer-events: auto !important;
                transform: translateX(0) !important;
            }
            body.tab-art-active #artArea .dd-ai-composer,
            body.tab-art-active #artArea .dd-ai-composer-inner,
            body.tab-art-active #artArea textarea#chatInput {
                pointer-events: auto !important;
                touch-action: manipulation !important;
            }
            body.tab-art-active #ddAiShell.dd-ai-shell,
            body.tab-art-active .dd-ai-shell {
                flex: 1 1 auto !important;
                min-height: 100dvh !important;
                max-height: 100dvh !important;
                height: 100dvh !important;
                width: 100% !important;
                max-width: none !important;
                margin: 0 !important;
                border-radius: 0 !important;
                border: none !important;
                box-shadow: none !important;
                box-sizing: border-box !important;
            }
            /* 고정 ☰(#sb-mobile-toggle) 아래로 깔리지 않게 상단바만 들여쓰기 */
            body.tab-art-active .dd-ai-topbar {
                padding-left: max(12px, calc(10px + 42px + 10px + env(safe-area-inset-left, 0px))) !important;
                padding-right: max(12px, env(safe-area-inset-right, 0px)) !important;
                padding-top: max(10px, env(safe-area-inset-top, 0px)) !important;
            }
            body.tab-art-active .dd-ai-composer {
                padding-bottom: max(10px, env(safe-area-inset-bottom, 0px)) !important;
            }
            /* 햄버거 버튼(좌상단 고정)과 검색/텍스트 겹침 방지 */
            .header { padding-left:64px!important; margin-top:4px!important; }
            body { padding-bottom:0!important; }
            #bb-right-panel { width:75%!important; max-width:320px!important; }
            
            /* 📝 마이페이지: 상단 탭 (모바일 가로 스크롤) — mp-main-tabs가 pill 스타일 담당 */
            #mypageArea .aio-tabs:not(.mp-main-tabs) {
                display: flex !important;
                flex-wrap: nowrap !important;
                overflow-x: auto !important;
                -webkit-overflow-scrolling: touch;
                scrollbar-width: none !important;
                padding: 0 8px !important;
                margin-bottom: 12px !important;
                position: sticky !important;
                top: 0 !important;
                z-index: 50 !important;
                background: #ffffff !important;
            }
            #mypageArea .aio-tabs::-webkit-scrollbar {
                display: none !important;
                width: 0 !important;
                height: 0 !important;
            }
            #mypageArea .aio-tab {
                flex: 0 0 auto !important;
                white-space: nowrap !important;
                font-size: 12px !important;
                padding: 10px 14px !important;
            }
            body.theme-dark #mypageArea .aio-tabs,
            html.theme-dark #mypageArea .aio-tabs {
                background: #0f1218 !important;
            }
            body.theme-dark.tab-mypage-active,
            html.theme-dark body.tab-mypage-active {
                background: #0f1218 !important;
                background-image: linear-gradient(180deg, #0f1218 0%, #131823 100%) !important;
            }
            body.theme-dark.tab-mypage-active .container,
            html.theme-dark body.tab-mypage-active .container {
                background: #0f1218 !important;
            }
            body.theme-dark #mypageArea,
            html.theme-dark #mypageArea {
                background: #0f1218 !important;
                min-height: 100%;
            }
            body.theme-dark #mypageArea .list-container,
            html.theme-dark #mypageArea .list-container {
                background: #0f1218 !important;
            }

            /* 📝 마이페이지: 모바일 전용 뷰어 (리스트형/본문형 분리) */
            .mp-split-container { 
                position: relative !important; 
                height: auto !important; 
                flex-direction: column !important;
                gap: 0 !important;
            }
            
            /* 리스트 영역 */
            .mp-side-list { 
                width: 100% !important; 
                display: block !important; 
                max-height: none !important; /* 높이 제한 제거 */
                border-radius: 0 !important;
                border-left: none !important;
                border-right: none !important;
                border-top: none !important;
                background: #f8fafc !important;
            }
            
            /* 리스트 스크롤 영역 */
            .mp-list-scroll {
                max-height: none !important; /* 높이 제한 완전 제거 */
                overflow-y: visible !important; /* 스크롤 제거 */
            }
            
            /* 본문 뷰어 영역 (기본적으로 숨김 처리) */
            .mp-main-viewer { 
                position: fixed !important;
                top: 0 !important; 
                left: 0 !important;
                width: 100% !important; 
                height: 100vh !important;
                background: #ffffff !important;
                z-index: 10001 !important;
                display: none !important; /* 클릭 전에는 완전히 숨김 */
                padding: 20px 15px 80px !important;
                overflow-y: auto !important;
                border: none !important;
            }
            
            /* 본문이 열렸을 때만 보이게 하는 클래스 */
            .mp-main-viewer.view-open { 
                display: block !important; 
            }

            body.theme-dark .mp-main-viewer {
                background: #0f1218 !important;
                color: #e8edf7 !important;
            }
            body.theme-dark .mp-side-list,
            html.theme-dark .mp-side-list {
                background: #171b24 !important;
                border-color: var(--border) !important;
            }
            body.theme-dark .mp-search-bar,
            html.theme-dark .mp-search-bar {
                background: #121a27 !important;
                border-bottom-color: #2f3a4e !important;
            }
            body.theme-dark .mp-list-item {
                border-bottom-color: #2a3140 !important;
            }
            body.theme-dark .mp-list-item:hover {
                background: #1e2634 !important;
            }
            body.theme-dark .mp-list-item.active {
                background: #253248 !important;
            }
            body.theme-dark .m-back-btn {
                background: #1e2634 !important;
                color: #e8edf7 !important;
            }
            body.theme-dark .m-back-btn:active {
                background: #2a3446 !important;
            }
            body.theme-dark .sub-network-panel.mobile-fullscreen {
                background: #0f1218 !important;
                color: #e8edf7 !important;
            }

            /* 🔙 모바일 전용 뒤로가기 버튼 스타일 */
            .m-back-btn {
                display: block !important;
                width: 100%;
                padding: 12px;
                background: #f1f5f9;
                border: none;
                border-radius: 8px;
                font-weight: 900;
                color: #475569;
                margin-bottom: 20px;
                cursor: pointer;
                font-size: 15px;
            }
            .m-back-btn:active {
                background: #e2e8f0;
            }

            /* 📱 모바일 전용: Gemini 글 전체화면 모드 */
            .sub-network-panel.mobile-fullscreen {
                position: fixed !important;
                top: 0 !important;
                left: 0 !important;
                width: 100vw !important;
                height: 100vh !important;
                z-index: 9999 !important;
                background: #ffffff !important;
                overflow-y: auto !important;
                padding: 60px 20px 80px !important;
                margin: 0 !important;
                border: none !important;
                border-radius: 0 !important;
            }
            
            /* 전체화면일 때 상단 헤더 숨김 */
            body.gemini-fullscreen .header,
            body.gemini-fullscreen .global-tabs,
            body.gemini-fullscreen .row-wrapper:not(:has(.mobile-fullscreen)) {
                display: none !important;
            }
            
            /* 전체화면 닫기 버튼 */
            .gemini-close-btn {
                position: fixed;
                top: 15px;
                right: 15px;
                z-index: 10000;
                background: rgba(255, 255, 255, 0.95);
                border: 1px solid #e5e5e5;
                border-radius: 50%;
                width: 44px;
                height: 44px;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 24px;
                cursor: pointer;
                box-shadow: 0 2px 8px rgba(0,0,0,0.1);
                transition: all 0.2s;
            }
            .gemini-close-btn:active {
                transform: scale(0.95);
                background: #f1f5f9;
            }

            /* ============================================================ */
            /* 🕊️ [UX-V4] "조용한 위로" & "복음 전파 제목짓기" 편안한 쓰기 모드 */
            /* 원칙: 입력 공간은 넉넉하게, 버튼은 항상 엄지 닿는 하단에 sticky */
            /* ============================================================ */

            /* ── 기도 3탭 (budgetArea) 모바일 ── */
            #budgetArea { padding: 0 !important; overflow-x: hidden !important; }
            #budgetArea .list-container {
                background: #fffdf6 !important;
                border: none !important;
                box-shadow: none !important;
                border-radius: 0 !important;
                padding: 0 !important;
                margin: 0 !important;
                min-height: calc(100vh - 120px) !important;
                width: 100% !important;
                max-width: 100% !important;
                box-sizing: border-box !important;
            }
            /* 3탭 헤더 — ☰ 옆부터 탭·이용권 배지 (오른쪽 빈 공간 최소) */
            #budgetArea .budget-prayer-tabbar,
            #budgetArea .list-container > div:first-child {
                display: flex !important;
                flex-direction: row !important;
                flex-wrap: nowrap !important;
                align-items: stretch !important;
                justify-content: flex-start !important;
                column-gap: 2px !important;
                row-gap: 0 !important;
                width: 100% !important;
                max-width: 100% !important;
                box-sizing: border-box !important;
                border-bottom: 2px solid var(--border) !important;
                padding-top: max(6px, env(safe-area-inset-top, 0px)) !important;
                padding-left: max(calc(4px + 42px + 4px), calc(env(safe-area-inset-left, 0px) + 4px + 42px + 4px)) !important;
                padding-right: max(4px, env(safe-area-inset-right, 0px)) !important;
            }
            #budgetArea .prayer-tab {
                flex: 1 1 0 !important;
                min-width: 0 !important;
                font-size: 11px !important;
                line-height: 1.25 !important;
                padding: 8px 2px 10px !important;
                text-align: center !important;
                white-space: normal !important;
                word-break: keep-all !important;
                overflow-wrap: break-word !important;
            }
            #budgetArea #prayer-quota-hint {
                flex: 0 0 auto !important;
                display: none;
                align-self: center !important;
                max-width: 58px !important;
                min-width: 0 !important;
                margin: 4px 0 4px 2px !important;
                padding: 3px 4px !important;
                border-radius: 8px !important;
            }
            #budgetArea #prayer-quota-hint.dd-ai-quota-host .dd-ai-quota-inner {
                gap: 3px !important;
            }
            #budgetArea #prayer-quota-hint.dd-ai-quota-host .dd-ai-quota-tag {
                font-size: 8px !important;
                line-height: 1.1 !important;
            }
            #budgetArea #prayer-quota-hint.dd-ai-quota-host .dd-ai-quota-num {
                font-size: 9px !important;
                line-height: 1.1 !important;
            }
            #budgetArea #prayer-quota-hint.dd-ai-quota-host .dd-ai-quota-track {
                min-width: 24px !important;
                max-width: 32px !important;
                height: 4px !important;
                flex: 0 0 28px !important;
            }
            #budgetArea #prayer-quota-hint.dd-ai-quota-host .dd-ai-quota-marker {
                height: 8px !important;
            }
            #budgetArea #prayer-quota-hint.dd-ai-quota-host[style*="display: block"],
            #budgetArea #prayer-quota-hint.dd-ai-quota-host[style*="display:block"],
            #budgetArea #prayer-quota-hint.dd-ai-quota-host[style*="display: flex"],
            #budgetArea #prayer-quota-hint.dd-ai-quota-host[style*="display:flex"] {
                display: flex !important;
            }
            /* 기도 내용 영역 패딩 */
            #prayerSelf, #prayerGod { padding: 16px !important; }
            #prayerOthers { padding: 0 !important; }
            #prayerSelf textarea, #prayerGod textarea { min-height: 200px !important; font-size: 15px !important; }
            .god-mode-opt { padding: 12px 8px !important; }
            .god-mode-opt div:first-child { font-size: 12px !important; }
            /* 실제 textarea - 화면 대부분 차지 */
            #keywordInput {
                flex: 0 0 auto !important;
                width: 100% !important;
                min-height: 180px !important;
                max-height: min(240px, 32vh) !important;
                height: auto !important;
                padding: 16px !important;
                font-size: 16px !important;
                line-height: 1.75 !important;
                border-radius: 14px !important;
                resize: vertical !important;
            }
            #budgetArea #prayerSelf.prayer-has-result #keywordInput,
            #budgetArea #prayerGod.prayer-has-result #godPrayerInput {
                min-height: 96px !important;
                max-height: 120px !important;
            }
            /* "기도 초안으로 정리하기" 버튼 */
            #btnBudgetSearch {
                position: relative !important;
                margin-top: 16px !important;
                padding: 16px !important;
                font-size: 16px !important;
                border-radius: 14px !important;
                width: 100% !important;
            }
            /* 결과 리스트 영역 - 버튼 아래 공간 */
            #budgetListBody { margin-top: 20px !important; flex: 0 0 auto !important; overflow: visible !important; }

            /* ── 복음 전파 제목짓기 (algoRankArea) ── 삭제됨 */

            /* ── 📖 성경 읽기 모바일 ── */
            #bibleArea { padding: 0 !important; }
            #bb-reader { padding: 16px 12px !important; }
            #bb-reader:not(.bb-large-print-mode) .bb-verse-line { font-size: var(--bb-verse-fs, 15px) !important; line-height: var(--bb-verse-lh, 1.85) !important; }
            #bb-reader-head,
            #bb4-reader-head { padding: 0 2px !important; gap: 6px !important; }
            #bb-right-panel { width:75%!important; max-width:320px!important; }

            body { padding-bottom: 0 !important; }
        }
        body.theme-dark .article-body {
            background: #121722 !important;
            color: #e2e8f0 !important;
        }
        body.theme-dark .article-body div {
            color: #e2e8f0 !important;
        }
        body.theme-dark .article-body .img-caption {
            color: #94a3b8 !important;
        }
        body.theme-dark .section-divider {
            background: linear-gradient(to right, transparent, #334155, transparent) !important;
        }
        :root {
            --sacred-gold-1: #f4d98a;     /* 밝은 금빛 (촛불) */
            --sacred-gold-2: #d4af37;     /* 정통 골드 */
            --sacred-gold-3: #b8860b;     /* 깊은 황금 */
            --sacred-gold-4: #8b6914;     /* 청동빛 그림자 */
            --sacred-glow: rgba(212, 175, 55, 0.45);
        }
        @media (max-width: 768px) {

            /* ── 3-1. 모든 입력창의 테두리를 또렷하게 (햇빛 아래에서도 잘 보이도록) ── */
            input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
            textarea,
            select {
                border: 1.5px solid #c9c4b5 !important;
                font-size: 16px !important; /* iOS 자동 줌 방지 */
            }
            body.theme-light input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
            body.theme-light textarea,
            body.theme-light select,
            body:not(.theme-dark) input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
            body:not(.theme-dark) textarea,
            body:not(.theme-dark) select {
                background: #ffffff !important;
                color: #1f1b2e !important;
                -webkit-text-fill-color: #1f1b2e !important;
            }
            body.theme-dark input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
            body.theme-dark textarea,
            body.theme-dark select {
                background: #101826 !important;
                color: #e6eefc !important;
                -webkit-text-fill-color: #e6eefc !important;
                border-color: #3d4f6b !important;
                caret-color: #8ab4ff !important;
            }
            select {
                -webkit-appearance: none;
            }
            input:focus, textarea:focus, select:focus {
                border-color: #d4af37 !important;
                border-width: 2px !important;
                box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.22) !important;
                outline: none !important;
            }
            body.theme-light input:focus,
            body.theme-light textarea:focus,
            body.theme-light select:focus,
            body:not(.theme-dark) input:focus,
            body:not(.theme-dark) textarea:focus,
            body:not(.theme-dark) select:focus {
                background: #fffef8 !important;
            }
            body.theme-dark input:focus,
            body.theme-dark textarea:focus,
            body.theme-dark select:focus {
                background: #0f1520 !important;
            }
            /* 딩동AI 입력창: 모바일 공통 textarea 흰 배경 규칙보다 우선(다크에서 글자 안 보임 방지) */
            body.tab-art-active #artArea .dd-ai-composer-inner textarea#chatInput {
                font-size: 16px !important;
                min-height: 48px !important;
                -webkit-appearance: none;
            }
            body.theme-dark.tab-art-active #artArea .dd-ai-composer-inner textarea#chatInput {
                background: #0f1520 !important;
                color: #f1f5ff !important;
                -webkit-text-fill-color: #f1f5ff !important;
                caret-color: #8ab4ff !important;
                border-color: #3d4f6b !important;
            }
            body.theme-dark.tab-art-active #artArea .dd-ai-composer-inner textarea#chatInput::placeholder {
                color: #8fa3c4 !important;
                -webkit-text-fill-color: #8fa3c4 !important;
            }
            body.theme-light.tab-art-active #artArea .dd-ai-composer-inner textarea#chatInput,
            body.tab-art-active:not(.theme-dark) #artArea .dd-ai-composer-inner textarea#chatInput {
                background: #fffdf6 !important;
                color: #1f1b2e !important;
                -webkit-text-fill-color: #1f1b2e !important;
            }

            /* ── 3-2. "조용한 위로" 텍스트영역 - 모바일에서 또렷하게 ── */
            #keywordInput {
                border: 2px solid #c9a961 !important;
                background: #fffdf6 !important;
                padding: 16px !important;
                font-size: 16px !important;
                min-height: 180px !important;
                box-shadow: 0 2px 8px rgba(184, 134, 11, 0.08) !important;
            }
            #keywordInput:focus {
                border-color: #b8860b !important;
                background: #ffffff !important;
                box-shadow: 0 0 0 4px rgba(212, 175, 55, 0.25) !important;
            }

            /* 헤더 입력창도 또렷하게 */
            .header input {
                background: #ffffff !important;
                border: 1.5px solid #c9c4b5 !important;
                color: #1f1b2e !important;
            }
            .header input::placeholder {
                color: #8a8170 !important;
            }
            .header input:focus {
                border-color: #d4af37 !important;
                background: #fffef8 !important;
            }

            /* 마이페이지 검색창 */
            .mp-search-bar input,
            #mpSearchInput {
                border: 1.5px solid #c9c4b5 !important;
                background: #ffffff !important;
            }

            /* ── 3-3. 성스러운 황금 메인버튼 - 모바일 사이즈 최적화 ── */
            .btn-viral.primary,
            #btnBudgetSearch {
                font-size: 16px !important;
                padding: 16px !important;
                border-radius: 12px !important;
                animation: sacredShimmer 3s ease-in-out infinite;
            }

            /* ╔══════════════════════════════════════════════════════╗ */
            /* ║  3-4. 결제 모달 컴팩트화 - 드래그 최소화!           ║ */
            /* ╚══════════════════════════════════════════════════════╝ */
            #paymentModal.modal-overlay {
                align-items: flex-start !important;
                padding: 0 !important;
            }
            #paymentModal .modal-content.pm-paper,
            #paymentModal .modal-content {
                width: 100% !important;
                max-width: 100% !important;
                max-height: 100dvh !important;
                height: auto !important;
                min-height: 50vh !important;
                border-radius: 0 !important;
                padding: 16px 14px max(80px, env(safe-area-inset-bottom, 0px) + 48px) 14px !important;
                margin: 0 !important;
                overflow-y: auto !important;
                -webkit-overflow-scrolling: touch !important;
                overscroll-behavior: contain;
            }
            /* 모달 내부 헤더 압축 */
            #paymentModal h2 {
                font-size: 19px !important;
                margin: 8px 0 4px !important;
            }
            #paymentModal h3 {
                font-size: 15px !important;
                margin: 8px 0 6px !important;
            }
            #paymentModal p {
                font-size: 12px !important;
                margin-top: 4px !important;
            }
            /* 모달 닫기 버튼 - 더 크고 누르기 쉽게 */
            #paymentModal .close-btn {
                top: 10px !important;
                right: 10px !important;
                width: 40px !important;
                height: 40px !important;
                background: #fffdf6 !important;
                border: 1.5px solid #e8d9b0 !important;
                border-radius: 50% !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                font-size: 18px !important;
                color: #8b6914 !important;
                box-shadow: 0 2px 8px rgba(184, 134, 11, 0.15) !important;
                z-index: 10 !important;
            }
            /* 상단 2카드(무료·이용권) 모바일 컴팩트 */
            #paymentModal .pm-tier-grid-two {
                gap: 12px !important;
                margin-bottom: 18px !important;
            }
            #paymentModal .pm-tier-grid-two > div {
                padding: 14px !important;
                border-radius: 12px !important;
            }
            #paymentModal .pm-tier-grid-two > div h3 {
                font-size: 17px !important;
            }
            #paymentModal .pm-tier-grid-two > div ul {
                font-size: 12px !important;
                line-height: 1.55 !important;
            }
            /* 가격 카드 그리드 - 모바일에서 1열로 줄여서 컴팩트하게 */
            #paymentModal div[style*="repeat(auto-fit"] {
                grid-template-columns: 1fr !important;
                gap: 10px !important;
                margin-bottom: 16px !important;
            }
            /* 가격 카드 자체를 가로형 컴팩트로 */
            #paymentModal div[style*="repeat(auto-fit"] > div {
                padding: 14px !important;
                border-radius: 10px !important;
                border: 1.5px solid #e8d9b0 !important;
            }
            #paymentModal div[style*="repeat(auto-fit"] > div h3 {
                font-size: 17px !important;
                margin: 4px 0 0 !important;
            }
            #paymentModal div[style*="repeat(auto-fit"] > div ul {
                font-size: 12px !important;
                line-height: 1.5 !important;
            }
            #paymentModal div[style*="repeat(auto-fit"] > div ul li {
                margin-bottom: 5px !important;
            }
            #paymentModal div[style*="repeat(auto-fit"] > div > div:first-child {
                margin-bottom: 10px !important;
                padding-bottom: 8px !important;
            }
            /* 동적 가격: 안내 세로 스택 → 카드 행만 1열 */
            #paymentModal #dynamicPriceGrid.pm-dynamic-pricing {
                display: flex !important;
                flex-direction: column !important;
                gap: 12px !important;
                max-width: 100% !important;
                margin: 10px 0 !important;
            }
            #paymentModal #dynamicPriceGrid .pm-dynamic-price-cards {
                display: grid !important;
                grid-template-columns: 1fr !important;
                gap: 12px !important;
                width: 100% !important;
            }
            #paymentModal #dynamicPriceGrid .pm-dynamic-price-cards > .price-card {
                min-height: 0 !important;
                width: 100% !important;
                box-sizing: border-box !important;
            }
            #paymentModal #dynamicPriceGrid .price-card.best .best-badge {
                position: static !important;
                transform: none !important;
                display: inline-block;
                margin-bottom: 6px;
            }
            /* 약관/개인정보 박스 폰트 축소 */
            #paymentModal #mainTermsBox,
            #paymentModal #mainPrivacyBox,
            #paymentModal div[style*="font-size:11px"],
            #paymentModal div[style*="font-size: 11px"] {
                font-size: 11px !important;
                padding: 10px !important;
                line-height: 1.5 !important;
            }

            /* ── 3-5. "조용한 위로" 카드 자체도 모바일에서 컴팩트 ── */
            #budgetArea .list-container {
                padding: 0 !important;
                margin: 0 !important;
                border-radius: 0 !important;
                border: none !important;
            }
            #budgetArea h3 {
                font-size: 20px !important;
            }

            /* ── 3-6. 카드(.card)들도 모바일에서 테두리 또렷하게 ── */
            .card {
                border: 1.5px solid #e0d4a8 !important;
            }

            /* ── 3-7. 헤더 결제 버튼도 황금빛으로 ── */
            .header button[onclick*="openPaymentModal"] {
                background: linear-gradient(180deg, #fffdf6 0%, #fdf2d8 100%) !important;
                border: 1.5px solid #d4af37 !important;
                color: #8b6914 !important;
                font-weight: 800 !important;
            }
        }
    .sb-hymn-wrap {
        padding: 0 4px 8px;
    }
    #gTabHymn.g-tab-stack .sb-hymn-tab-count {
        font-size: 11px;
        font-weight: 700;
        margin-left: 0;
        opacity: 0.88;
    }
    .global-tabs #gTabHymn.g-tab-stack.active .sb-hymn-tab-count {
        opacity: 0.95;
        color: #8b7355;
    }
    body.sb-hymn-collapsed #sb-hymn-wrap {
        display: none !important;
    }
    .sb-hymn-meta {
        font-size: 11px;
        color: #9a8a72;
        font-weight: 600;
    }
    .sb-hymn-tools {
        display: flex;
        gap: 8px;
        align-items: center;
        margin-bottom: 8px;
    }
    .sb-hymn-wrap .btn-mini {
        flex: 0 0 auto;
        padding: 8px 14px;
        border-radius: 999px;
        font-weight: 700;
        font-size: 12px;
        border: 1px solid rgba(255, 255, 255, 0.35);
        background: linear-gradient(145deg, #c9a961 0%, #a67c2d 55%, #8b6914 100%);
        color: #fffef9;
        box-shadow: 0 3px 12px rgba(139, 105, 20, 0.22);
    }
    .sb-hymn-wrap .btn-mini:hover {
        filter: brightness(1.05);
        transform: translateY(-1px);
    }
    .sb-hymn-num-in {
        width: 56px;
        padding: 7px 8px;
        border: 1px solid #e5d4b0;
        border-radius: 10px;
        text-align: center;
        background: #fffef9;
    }
    .sb-hymn-search {
        width: 100%;
        padding: 8px 12px;
        border: 1px solid #e5d4b0;
        border-radius: 999px;
        margin-bottom: 8px;
        background: #fffef9;
        box-sizing: border-box;
    }
    .sb-hymn-list {
        max-height: min(52vh, 520px);
        overflow: auto;
        border: 1px solid #e8d9b0;
        border-radius: 10px;
        background: linear-gradient(180deg, #fffefb 0%, #fdf8ee 100%);
        box-shadow: 0 2px 10px rgba(139, 105, 20, 0.06) inset;
    }
    .sb-hymn-row {
        display: flex;
        gap: 8px;
        width: 100%;
        text-align: left;
        padding: 9px 11px;
        border: none;
        border-bottom: 1px solid #f0e6d4;
        background: transparent;
        cursor: pointer;
        font-family: inherit;
        font-size: 12px;
        align-items: baseline;
        transition: background .12s;
    }
    .sb-hymn-row:hover {
        background: rgba(201, 169, 97, 0.12);
    }
    .sb-hymn-no {
        flex: 0 0 28px;
        font-weight: 800;
        color: #8b6914;
    }
    .sb-hymn-title {
        flex: 1;
        color: #4a4034;
        line-height: 1.35;
        word-break: keep-all;
    }
    .sb-hymn-empty {
        padding: 14px;
        font-size: 12px;
        color: #9a8a72;
        text-align: center;
    }
    .global-tabs #gTabHymn.g-tab.active {
        color: #6b5220 !important;
    }
    body.theme-dark #hymnArea .hy-title {
        color: #eaf1ff !important;
        border-bottom-color: #334058 !important;
    }
    body.theme-dark #hymnArea .hy-line {
        color: #d6e1f5 !important;
        text-shadow: none !important;
    }
    body.theme-dark #hymnArea .hy-welcome {
        color: #b7c5dd !important;
    }
    body.theme-dark #hymnArea .hy-search {
        color: #dce7fa !important;
    }
    body.theme-dark #hymnArea .hy-search::placeholder {
        color: #8fa1bf !important;
    }
    body.theme-dark #hymnArea .hy-tab {
        background: #1f2838 !important;
        color: #cddaf2 !important;
        border-color: #3a4861 !important;
        box-shadow: none !important;
    }
    body.theme-dark #hymnArea .hy-tab:hover {
        background: #2a3549 !important;
        color: #eaf1ff !important;
        border-color: #506387 !important;
    }
    body.theme-dark #hymnArea .hy-tab-chorus.hy-tab-active {
        background: linear-gradient(145deg, #35507d 0%, #2d4470 100%) !important;
        color: #f3f8ff !important;
        border-color: #5f79a8 !important;
        text-shadow: none !important;
    }
    body.theme-dark #bibleArea #bb-reader-head #bb-loc {
        color: #dce7fa !important;
    }
    body.theme-dark #bibleArea #bb-verses .bb-verse-line {
        color: #d8e4f8 !important;
    }
    body.theme-dark #bibleArea #bb-verses .bb-verse-line .bb-verse-ref {
        color: #8fb2ff !important;
    }
    body.theme-dark #bibleArea #bb-verses .bb-verse-line .bb-verse-text {
        color: #e6eefc !important;
    }
    body.theme-dark #portalArea {
        color: #e6eefc !important;
    }
    html.theme-dark #hymnArea {
        background: #121925 !important;
        border-color: #2f3a4e !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.03) !important;
    }
    body.theme-dark #bibleArea #bb-reader {
        background: #101722 !important;
        border-color: #2f3a4e !important;
    }
    body.theme-dark #bibleArea #bb-reader .bb-verse-line:not([class*="bb-hl--"]) {
        background: transparent !important;
        color: #dce7fa !important;
    }
    body.theme-dark #bibleArea #bb-reader .bb-verse-line .bb-verse-ref {
        color: #8fb2ff !important;
    }
    body.theme-dark #bibleArea #bb-reader .bb-verse-line .bb-verse-text {
        color: #ecf3ff !important;
    }
    html.theme-dark #bibleArea #bb-verses .bb-verse-line.bb-tts-active {
        background: linear-gradient(180deg, #2f3d56 0%, #243044 100%) !important;
        border: 2px solid #d4b25e !important;
        border-radius: 10px !important;
        box-shadow:
            0 0 0 1px rgba(212, 178, 94, 0.5),
            0 4px 18px rgba(0, 0, 0, 0.55) !important;
    }
    html.theme-dark #bibleArea #bb-reader .bb-verse-line.bb-tts-active .bb-verse-ref {
        color: #f0d78a !important;
    }
    html.theme-dark #bibleArea #bb-reader .bb-verse-line.bb-tts-active .bb-verse-text {
        color: #f8fbff !important;
    }
    html.theme-dark #bb4Area #bb4-verses .bb4-verse-block.bb-tts-active {
        background: linear-gradient(180deg, #2f3d56 0%, #243044 100%) !important;
        border: 2px solid #d4b25e !important;
        border-radius: 10px !important;
        box-shadow:
            0 0 0 1px rgba(212, 178, 94, 0.5),
            0 4px 18px rgba(0, 0, 0, 0.55) !important;
        color: #f8fbff !important;
    }
    html.theme-dark #bb4Area #bb4-verses .bb4-verse-block.bb-tts-active .bb4-verse-ref {
        color: #f0d78a !important;
    }
    html.theme-dark #bb4Area #bb4-verses .bb4-verse-block.bb-tts-active .bb4-lang-label {
        color: #c5d4ef !important;
    }
    html.theme-dark #bb4Area #bb4-verses .bb4-verse-block.bb-tts-active .bb4-lang-row {
        color: #f8fbff !important;
        -webkit-text-fill-color: #f8fbff !important;
    }
    html.theme-dark #bb4Area #bb4-verses .bb4-verse-block.bb-tts-active .bb-verse-memo {
        color: #f1f5f9 !important;
        background: rgba(15, 23, 42, 0.45) !important;
        border-left-color: #d4b25e !important;
    }
    html.theme-dark #bb4Area .bb-toolbar-wrap .bb-tts-status:not(:empty) {
        color: #e8d4a8 !important;
        font-weight: 600;
    }
    html.theme-dark #bb4Area .bb-toolbar-wrap .bb-tts-status.bb-tts-status-err {
        color: #ffb86b !important;
    }
    html.theme-dark #bb4Area .bb-toolbar-wrap .bb-tts-status.bb-tts-status-warn {
        color: #fcd34d !important;
    }
    html.theme-dark #bb4Area .bb-toolbar-wrap .bb-tts-status.bb-tts-status-guide {
        color: #fff8e8 !important;
        background: #252f42 !important;
        border: 1px solid #c9a961 !important;
        border-radius: 8px;
        padding: 8px 10px !important;
        margin-top: 6px !important;
        font-weight: 700;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
    }
    html.theme-dark #bb4Area .bb-toolbar .btn-mini.bb-tts-btn.bb-tts-auto.bb-tts-auto--on {
        background: linear-gradient(180deg, #5a4520 0%, #3d3010 100%) !important;
        border-color: #e8c96a !important;
        color: #fff8e8 !important;
        box-shadow: 0 0 0 2px rgba(232, 201, 106, 0.45) !important;
    }
    html.theme-dark #bb4Area .bb-toolbar .btn-mini.bb-tts-btn.bb-tts-play.bb-tts-playing {
        border-color: #e8c96a !important;
        color: #fff8e8 !important;
        box-shadow: 0 0 0 2px rgba(232, 201, 106, 0.35) !important;
    }
    html.theme-dark #bibleArea .bb-toolbar-wrap .bb-tts-status:not(:empty) {
        color: #e8d4a8 !important;
        font-weight: 600;
    }
    html.theme-dark #bibleArea .bb-toolbar-wrap .bb-tts-status.bb-tts-status-err {
        color: #ffb86b !important;
    }
    html.theme-dark #bibleArea .bb-toolbar-wrap .bb-tts-status.bb-tts-status-warn {
        color: #fcd34d !important;
    }
    html.theme-dark #bibleArea .bb-toolbar-wrap .bb-tts-status.bb-tts-status-guide {
        color: #fff8e8 !important;
        background: #252f42 !important;
        border: 1px solid #c9a961 !important;
        border-radius: 8px;
        padding: 8px 10px !important;
        margin-top: 6px !important;
        font-weight: 700;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
    }
    html.theme-dark #bibleArea .bb-toolbar .btn-mini.bb-tts-btn.bb-tts-auto.bb-tts-auto--on {
        background: linear-gradient(180deg, #5a4520 0%, #3d3010 100%) !important;
        border-color: #e8c96a !important;
        color: #fff8e8 !important;
        box-shadow: 0 0 0 2px rgba(232, 201, 106, 0.45) !important;
    }
    html.theme-dark #bibleArea .bb-toolbar .btn-mini.bb-tts-btn.bb-tts-play.bb-tts-playing {
        border-color: #e8c96a !important;
        color: #fff8e8 !important;
        box-shadow: 0 0 0 2px rgba(232, 201, 106, 0.35) !important;
    }
    body.theme-dark #bibleArea #bb-reader.bb-gr .bb-verse-line .bb-verse-text {
        color: #f2f6ff !important;
        -webkit-text-fill-color: #f2f6ff !important;
        font-family: "SBL Greek", "Gentium Plus", "Palatino Linotype", "Times New Roman", "Segoe UI Historic", serif !important;
    }
    body.theme-dark #bibleArea #bb-reader #bb-verses h1 {
        color: #f4f7ff !important;
        -webkit-text-fill-color: #f4f7ff !important;
    }
    body.theme-dark #bibleArea .bb-readme-banner {
        color: #e8e4dc !important;
        -webkit-text-fill-color: #e8e4dc !important;
        background: linear-gradient(90deg, rgba(211, 179, 109, 0.2), rgba(22, 28, 40, 0.96)) !important;
        border-color: rgba(211, 179, 109, 0.42) !important;
    }
    body.theme-dark #bibleArea .bb-readme-banner strong {
        color: #fff4dc !important;
        -webkit-text-fill-color: #fff4dc !important;
    }
    body.theme-dark #hymnArea .hy-reader {
        background: #101722 !important;
        border-color: #2f3a4e !important;
    }
    body.theme-dark #hymnArea .hy-line {
        color: #ecf3ff !important;
    }
    body.theme-dark #hymnArea .hy-title {
        color: #f3f7ff !important;
        border-bottom-color: #334058 !important;
    }
    body.theme-dark #artArea .dd-ai-composer-inner textarea#chatInput {
        background: #121a27 !important;
        border-color: #2f3a4e !important;
        color: #e6eefc !important;
        -webkit-text-fill-color: #e6eefc !important;
        caret-color: #8ab4ff !important;
    }
    body.theme-dark #artArea .dd-ai-verse-box [style*="color:#5a4a2a"] {
        color: #d8e5fb !important;
    }
    body.theme-dark #artArea .dd-ai-verse-refbtn {
        color: #b8d4ff !important;
        border-bottom-color: rgba(180, 200, 255, 0.45) !important;
    }
    body.theme-dark #artArea .dd-ai-verse-refbtn:hover {
        color: #e8f2ff !important;
        border-bottom-color: #d4a855 !important;
    }
    body.theme-dark #artArea .dd-ai-verse-box [style*="color:#1e1a14"] {
        color: #eef3ff !important;
        -webkit-text-fill-color: #eef3ff !important;
    }
    html.theme-dark #mypageArea .list-container {
        background: #121a27 !important;
        border-color: #2f3a4e !important;
        color: #e6eefc !important;
    }
    body.theme-dark #journeyArea input {
        background: #0f1520 !important;
        color: #e8f0ff !important;
        -webkit-text-fill-color: #e8f0ff !important;
        caret-color: #8ab4ff !important;
        border-color: #334056 !important;
    }
    body.theme-dark #budgetArea [style*="color:#7a6a3d"] {
        color: #cfe0ff !important;
    }
    html:has(body.theme-dark) {
        background: #0f1218 !important;
    }
    body.theme-dark .sb-ch.read {
        background: #1f3f36 !important;
        border-color: #3fb68f !important;
        color: #d7fff0 !important;
        box-shadow: inset 0 0 0 1px rgba(63, 182, 143, 0.28);
    }
    html.theme-dark #bb4Area #bb4-reader {
        background: #101722 !important;
        border-color: #2f3a4e !important;
        color: #e6eefc !important;
    }
    html.theme-dark #bb4Area #bb4-reader-head #bb4-loc {
        color: #dce7fa !important;
    }
    html.theme-dark #bb4Area #bb4-reader .btn-mini.bb-nav {
        background: #1c2536 !important;
        border-color: #3d4f6a !important;
        color: #c8d8f0 !important;
    }
    html.theme-dark #bb4Area #bb4-reader .btn-mini.bb-nav:hover:not(:disabled) {
        background: #283548 !important;
        border-color: #5a7294 !important;
        color: #eef4ff !important;
    }
    html.theme-dark #bb4Area #bb4-welcome .bb-welcome-lead {
        color: #eef3ff !important;
    }
    html.theme-dark #bb4Area #bb4-welcome .bb-welcome-visual-tip {
        color: #aab9d3 !important;
    }
    html.theme-dark #bb4Area #bb4-welcome .bb-welcome-visual-tip strong {
        color: #dce8ff !important;
    }
    html.theme-dark #bb4Area #bb4-welcome .bb-welcome-picker {
        background: linear-gradient(180deg, #1c2433 0%, #151c28 100%) !important;
        border-color: #3a4d66 !important;
        box-shadow: 0 2px 14px rgba(0, 0, 0, 0.35) !important;
    }
    html.theme-dark #bb4Area #bb4-welcome .bb-welcome-picker-step {
        color: #eef4ff !important;
    }
    html.theme-dark #bb4Area #bb4-welcome .bb-welcome-picker-step strong {
        color: #fff !important;
    }
    html.theme-dark #bb4Area #bb4-welcome .bb-welcome-picker-hint {
        color: #c5d4eb !important;
    }
    html.theme-dark #bb4Area #bb4-welcome .bb-welcome-picker-hint strong {
        color: #eef4ff !important;
    }
    html.theme-dark #bb4Area #bb4-welcome .bb-welcome-read-sample {
        background: #1e4a3d !important;
        border-color: #4aba8a !important;
        color: #b8f0d4 !important;
    }
    html.theme-dark .global-tabs .sb-compare4-sec .bb-welcome-sec-head--sidebar {
        color: #dce8ff !important;
        border-color: #5a7294 !important;
        background: linear-gradient(180deg, #283548 0%, #222c3d 100%) !important;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35) !important;
    }
    html.theme-dark .global-tabs .sb-compare4-sec .bb-welcome-sec-head--sidebar.open {
        border-color: #8fb2ff !important;
        background: linear-gradient(180deg, #2f4266 0%, #283548 100%) !important;
    }
    html.theme-dark .global-tabs .sb-compare4-sec .bb-welcome-sec-head--sidebar .bb-welcome-tap-cue {
        color: #ffe08a !important;
        background: rgba(255, 214, 102, 0.18) !important;
        border-color: rgba(255, 214, 102, 0.45) !important;
    }
    html.theme-dark .global-tabs .sb-compare4-sec .bb-welcome-sec-head--sidebar .sb-sec-meta {
        color: #94a8c4 !important;
    }
    html.theme-dark .global-tabs .sb-compare4-sec .bb-welcome-sec-head--sidebar:hover {
        border-color: #8fb2ff !important;
        background: linear-gradient(180deg, #334a62 0%, #2a3548 100%) !important;
    }
    html.theme-dark #bb4Area #bb4-welcome .bb-welcome-sec-head {
        color: #dce8ff !important;
        border-color: #5a7294 !important;
        background: linear-gradient(180deg, #283548 0%, #222c3d 100%) !important;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35) !important;
    }
    html.theme-dark #bb4Area #bb4-welcome .bb-welcome-sec-head.open {
        border-color: #8fb2ff !important;
        background: linear-gradient(180deg, #2f4266 0%, #283548 100%) !important;
    }
    html.theme-dark #bb4Area #bb4-welcome .bb-welcome-tap-cue {
        color: #ffe08a !important;
        background: rgba(255, 214, 102, 0.18) !important;
        border-color: rgba(255, 214, 102, 0.45) !important;
    }
    html.theme-dark #bb4Area #bb4-welcome .bb-welcome-sec-head .sb-sec-meta {
        color: #94a8c4 !important;
    }
    html.theme-dark #bb4Area #bb4-welcome .bb-welcome-sec-head:hover {
        border-color: #8fb2ff !important;
        background: linear-gradient(180deg, #334a62 0%, #2a3548 100%) !important;
    }
    html.theme-dark #bb4Area #bb4-welcome .bb-welcome-picker .sb-bk {
        color: #b8c8de !important;
    }
    html.theme-dark #bb4Area #bb4-welcome .bb-welcome-picker .sb-bk:hover {
        background: #243248 !important;
        color: #eef4ff !important;
    }
    html.theme-dark #bb4Area #bb4-welcome .bb-welcome-picker .sb-bk.sel {
        background: #2f4266 !important;
        color: #f0f5ff !important;
    }
    html.theme-dark #bb4Area #bb4-welcome .bb-welcome-picker .sb-ch {
        background: #283548 !important;
        border-color: #4a5f7d !important;
        color: #e8f0fc !important;
        box-shadow: none !important;
    }
    html.theme-dark #bb4Area #bb4-welcome .bb-welcome-picker .sb-ch:hover {
        background: #334a62 !important;
        border-color: #6b84a8 !important;
        color: #f3f8ff !important;
    }
    html.theme-dark #bb4Area #bb4-welcome .bb-welcome-picker .sb-ch.read {
        background: #1e4a3d !important;
        border-color: #4aba8a !important;
        color: #d4ffe8 !important;
        box-shadow: inset 0 0 0 1px rgba(74, 186, 138, 0.35) !important;
    }
    html.theme-dark #bb4Area #bb4-welcome .bb-welcome-step {
        background: #1a2230 !important;
        border-color: #3a4d66 !important;
        color: #c5d4eb !important;
    }
    html.theme-dark #bb4Area #bb4-welcome .bb-welcome-step strong {
        color: #eef4ff !important;
    }
    html.theme-dark #bb4Area #bb4-welcome .bb-welcome-step::before {
        color: #8fb2ff !important;
    }
    html.theme-dark #bb4Area .bb4-welcome-mission strong {
        color: #e8d9b0 !important;
    }
    html.theme-dark #bb4Area .bb-btn-read {
        background: #1f2938 !important;
        border-color: #425572 !important;
        color: #d9e5fb !important;
    }
    html.theme-dark #bibleArea .bb-toolbar-pin .bb-btn-bookmark {
        background: linear-gradient(180deg, #2a3038 0%, #1e2430 100%) !important;
        border: 1px solid #4a5a72 !important;
        color: #e8edf7 !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25) !important;
    }
    html.theme-dark #bibleArea .bb-toolbar-pin .bb-btn-bookmark:hover {
        background: linear-gradient(180deg, #354258 0%, #263244 100%) !important;
        border-color: #c9a961 !important;
        color: #f4f7ff !important;
    }
    html.theme-dark body.tab-bible-active #bibleArea select#bb-tts-voice {
        background: linear-gradient(180deg, #2a3038 0%, #1e2430 100%) !important;
        border: 1px solid #4a5a72 !important;
        color: #e8edf7 !important;
        -webkit-text-fill-color: #e8edf7 !important;
        color-scheme: dark !important;
        -webkit-appearance: menulist !important;
        appearance: auto !important;
    }
    html.theme-dark #bibleArea select#bb-tts-voice option {
        background-color: #253248 !important;
        color: #f0f4ff !important;
        -webkit-text-fill-color: #f0f4ff !important;
    }
    html.theme-dark #bibleArea .bb-toolbar .btn-mini.bb-tts-btn {
        background: linear-gradient(180deg, #2a3038 0%, #1e2430 100%) !important;
        border: 1px solid #4a5a72 !important;
        color: #e8edf7 !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25) !important;
    }
    html.theme-dark #bibleArea .bb-toolbar .btn-mini.bb-tts-btn:hover {
        background: linear-gradient(180deg, #354258 0%, #263244 100%) !important;
        border-color: #c9a961 !important;
        color: #f4f7ff !important;
    }
    html.theme-dark #bb4Area .bb-btn-read.is-read {
        background: linear-gradient(180deg, #1f4a40 0%, #1a3d35 100%) !important;
        border-color: #3fb68f !important;
        color: #ddfff3 !important;
        box-shadow: 0 0 0 2px rgba(63, 182, 143, 0.25) !important;
    }
    html.theme-dark #bb4Area .bb-chapter-meta {
        color: #a8b8d0 !important;
    }
    body.theme-dark #bb4Area .bb-toolbar-stats b {
        color: #9dc1ff !important;
    }
    body.theme-dark #gTabHymn .sb-hymn-tab-count {
        color: #dce8ff !important;
        opacity: 1 !important;
    }
    body.theme-dark .sb-hymn-list {
        background: linear-gradient(180deg, #121a27 0%, #0f1622 100%) !important;
        border-color: #334056 !important;
        box-shadow: inset 0 2px 10px rgba(0,0,0,0.35) !important;
    }
    body.theme-dark .sb-hymn-row {
        background: transparent !important;
        border-bottom-color: #2b374d !important;
        color: #e6eefc !important;
    }
    body.theme-dark .sb-hymn-row:hover {
        background: #1f2a3b !important;
    }
    body.theme-dark .sb-hymn-no {
        color: #9ec1ff !important;
        background: rgba(158, 193, 255, 0.12) !important;
    }
    body.theme-dark .sb-hymn-title {
        color: #f1f5ff !important;
    }
    body.theme-dark .sb-hymn-empty {
        color: #aab9d3 !important;
    }
    body.theme-dark #artArea.dd-ai-root {
        background: transparent !important;
    }
    body.theme-dark .dd-ai-topbar {
        background: linear-gradient(135deg, #1e2a3f 0%, #2b3d61 100%) !important;
        border-bottom-color: #3a4a66 !important;
    }
    body.theme-dark .dd-ai-quota-exp {
        color: #edf4ff !important;
    }
    body.theme-dark .dd-ai-composer {
        background: #141c2a !important;
        border-top-color: #2f3a4e !important;
    }
    body.theme-dark .dd-ai-chips.chat-quick-chips button {
        background: #1a2435 !important;
        border-color: #344055 !important;
        color: #dce8ff !important;
    }
    body.theme-dark .dd-ai-chips.chat-quick-chips button:hover {
        background: #243248 !important;
        border-color: #506387 !important;
        color: #f3f8ff !important;
    }
    body.theme-dark #workbenchArea .table-container {
        background: #121a27 !important;
        border-color: #2f3a4e !important;
        color: #e6eefc !important;
    }
    body.theme-dark #workbenchArea [style*="background:#e2e8f0"] {
        background: #121a27 !important;
        border-color: #2f3a4e !important;
    }
    body.theme-dark #workbenchArea [style*="color: #6b7280"] {
        color: #dce7fa !important;
    }
    body.theme-dark #blogInstructionModal.dd-blog-modal {
        background: #141c2a !important;
        border-color: #344055 !important;
        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.55) !important;
        color: #e6eefc !important;
    }
    body.theme-dark #blogInstructionModal.dd-blog-modal h3 {
        color: #93c5fd !important;
    }
    body.theme-dark #blogInstructionModal.dd-blog-modal label[style*="color:#1e3a8a"] {
        color: #c7d9ff !important;
    }
    body.theme-dark #blogInstructionModal.dd-blog-modal span[style*="color:#94a3b8"] {
        color: #94a3b8 !important;
    }
    body.theme-dark #blogInstructionModal.dd-blog-modal .write-type-label {
        background: #121a27 !important;
        border-color: #344055 !important;
    }
    body.theme-dark #blogInstructionModal.dd-blog-modal .write-type-label span {
        color: #e6eefc !important;
    }
    body.theme-dark #blogInstructionModal.dd-blog-modal .write-type-label div[style*="color: var(--text-muted)"] {
        color: #94a3b8 !important;
    }
    body.theme-dark #blogInstructionModal.dd-blog-modal textarea {
        background: #0f172a !important;
        border-color: #475569 !important;
        color: #f1f5f9 !important;
    }
    body.theme-dark #blogInstructionModal.dd-blog-modal textarea::placeholder {
        color: #94a3b8 !important;
    }
    body.theme-dark #workbenchArea [style*="color: #1e40af"] {
        color: #c7d9ff !important;
    }
    body.theme-dark #workbenchArea [style*="background:#eff6ff"] {
        background: #1a2435 !important;
        border-color: #344055 !important;
    }
    body.theme-dark #portalArea .list-container {
        background: #121a27 !important;
        border-color: #2f3a4e !important;
        color: #e6eefc !important;
    }
    body.theme-dark #portalArea [style*="background:#e2e8f0"] {
        background: #121a27 !important;
        border-color: #2f3a4e !important;
    }
    body.theme-dark #portalArea [style*="color: #6b7280"] {
        color: #dce7fa !important;
    }
    body.theme-dark #budgetArea .list-container {
        background: #121a27 !important;
        border-color: #2f3a4e !important;
        color: #e6eefc !important;
    }
    body.theme-dark #budgetArea [style*="background:#e2e8f0"] {
        background: #121a27 !important;
        border-color: #2f3a4e !important;
    }
    body.theme-dark #budgetArea [style*="color: #6b7280"] {
        color: #dce7fa !important;
    }
    body.theme-dark #siteLegalFooter {
        background: transparent !important;
        color: #aebbd3 !important;
        border-top-color: #2f3a4e !important;
    }
    body.theme-dark #portalArea {
        color: #e6eefc !important;
    }
    html.theme-dark #portalArea .sub-network-panel {
        background: #121a27 !important;
        border-top-color: #2f3a4e !important;
    }
    html.theme-dark #portalArea .aio-tabs {
        background: #0f1520 !important;
        border-bottom-color: #2f3a4e !important;
    }
    html.theme-dark #portalArea .aio-tab {
        color: #9eb0cc !important;
    }
    html.theme-dark #portalArea .aio-tab:hover {
        color: #e6eefc !important;
        border-bottom-color: #4a5f7a !important;
    }
    html.theme-dark #portalArea .aio-tab.active {
        color: #8fb2ff !important;
        border-bottom-color: #8fb2ff !important;
    }
    html.theme-dark #portalArea .aio-content {
        background: #121a27 !important;
        color: #e6eefc !important;
    }
    html.theme-dark #portalArea .sub-network-table {
        background: #0f1520 !important;
        border-color: #2f3a4e !important;
    }
    html.theme-dark #portalArea .sub-network-table th {
        background: #1a2435 !important;
        color: #9eb0cc !important;
        border-bottom-color: #2f3a4e !important;
    }
    html.theme-dark #portalArea .sub-network-table td {
        color: #dce7fa !important;
        border-bottom-color: #253044 !important;
    }
    html.theme-dark #portalArea .sub-network-table td[style*="color:var(--accent)"] {
        color: #8fb2ff !important;
    }
    html.theme-dark #portalArea .sub-network-table button {
        color: #8fb2ff !important;
    }
    html.theme-dark #portalArea .sub-network-table tr:hover td {
        background: #1a2435 !important;
    }
    body.theme-dark #portalArea [style*="background:"] {
        background: #121a27 !important;
        border-color: #2f3a4e !important;
        box-shadow: none !important;
    }
    body.theme-dark #portalArea [style*="color:"] {
        color: #dce7fa !important;
    }
    body.theme-dark #portalArea .btn-viral {
        background: #203a31 !important;
        border-color: #3fb68f !important;
        color: #ddfff3 !important;
    }
    body.theme-dark #portalArea [style*="border: 1px solid #e2e8f0"] {
        border-color: #2f3a4e !important;
    }
    body.theme-dark #journeyArea .row-wrapper {
        background: #121a27 !important;
        border-color: #2f3a4e !important;
        color: #e6eefc !important;
    }
    body.theme-dark #journeyArea [style*="background: white"] {
        background: #121a27 !important;
        border-color: #2f3a4e !important;
        box-shadow: none !important;
    }
    body.theme-dark #journeyArea [style*="#333"] {
        color: #e6eefc !important;
    }
    body.theme-dark #journeyArea button {
        background: #1e2634 !important;
        color: #e8edf7 !important;
        border-color: #344055 !important;
    }
    body.theme-dark #journeyArea .btn-viral {
        background: #203a31 !important;
        border-color: #3fb68f !important;
        color: #ddfff3 !important;
    }
    body.theme-dark #mypageArea {
        background: #0f1218 !important;
    }
    body.theme-dark #portalArea .list-container {
        background: #121a27 !important;
        border-color: #2f3a4e !important;
    }
    body.theme-dark #portalArea .list-head {
        background: #161f2e !important;
        color: #dce7fa !important;
        border-color: #2f3a4e !important;
    }
    body.theme-dark #portalArea #portalListBody > div {
        background: #121a27 !important;
        color: #dce7fa !important;
        border-color: #2f3a4e !important;
    }
    body.theme-dark #portalArea .row {
        background: #121a27 !important;
        border-color: #2f3a4e !important;
        color: #e6eefc !important;
    }
    body.theme-dark #portalArea .row:hover {
        background: #182235 !important;
    }
    body.theme-dark #portalArea .row [style*="color: var(--text-main)"] {
        color: #f4f8ff !important;
    }
    body.theme-dark #portalArea .row [style*="color: var(--text-muted)"] {
        color: #b8c7df !important;
    }
    body.theme-dark #portalArea .row span[style*="background: #f8fafc"] {
        background: #1a2538 !important;
        color: #cfe0ff !important;
        border-color: #3a4a65 !important;
    }
    body.theme-dark #portalArea .row [style*="color: #1e3a8a"] {
        color: #8ab4ff !important;
    }
    body.theme-dark #artArea #ddAiShell {
        background: #0f1218 !important;
    }
    body.theme-dark #artArea #chatMessages {
        background: #0f1218 !important;
    }
    body.theme-dark #budgetArea {
        background: #0f1218 !important;
        color: #e6eefc !important;
    }
    body.theme-dark #budgetArea .list-container {
        background: #121a27 !important;
        border-color: #2f3a4e !important;
        color: #e6eefc !important;
    }
    body.theme-dark #budgetArea .prayer-tab {
        background: #121a27 !important;
        color: #b8c7df !important;
        border-color: #2f3a4e !important;
    }
    body.theme-dark #budgetArea .prayer-tab.active {
        color: #8ab4ff !important;
        border-bottom-color: #d3b36d !important;
    }
    body.theme-dark #budgetArea #prayer-quota-hint.dd-ai-quota-host {
        background: linear-gradient(180deg, #3d4f6f 0%, #2a3448 100%) !important;
        border: 1px solid #5a6d8a !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28) !important;
        color: rgba(255, 255, 255, 0.92) !important;
    }
    body.theme-dark #budgetArea #prayer-quota-hint.dd-ai-quota-host .dd-ai-quota-tag {
        color: rgba(255, 255, 255, 0.78) !important;
    }
    body.theme-dark #budgetArea #prayer-quota-hint.dd-ai-quota-host .dd-ai-quota-exp {
        color: rgba(255, 255, 255, 0.92) !important;
    }
    body.theme-dark #budgetArea #prayer-quota-hint.dd-ai-quota-host .dd-ai-quota-track {
        background: rgba(0, 0, 0, 0.22) !important;
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12) !important;
    }
    body.theme-dark #budgetArea #prayerGod {
        background: #121a27 !important;
        color: #e6eefc !important;
    }
    body.theme-dark #budgetArea #prayerGod h3 {
        color: #eaf1ff !important;
    }
    body.theme-dark #budgetArea .god-prayer-result-box:not(.dd-prayer-hero) {
        background: #161f2e !important;
        border: 1px solid #2f3a4e !important;
        color: #e6eefc !important;
    }
    body.theme-dark #budgetArea #prayerOthers > div:first-child {
        background: #161f2e !important;
        border-bottom-color: #2f3a4e !important;
    }
    body.theme-dark #journeyArea #prayerCalendarText {
        background: #101826 !important;
        color: #e6eefc !important;
        -webkit-text-fill-color: #e6eefc !important;
        caret-color: #8ab4ff !important;
        border-color: #2f3a4e !important;
    }
    body.theme-dark #budgetArea #godPrayerInput::placeholder {
        color: #8fa3c4 !important;
    }
    body.theme-dark #budgetArea .god-mode-opt {
        background: #182235 !important;
        border-color: #33435f !important;
        color: #dce7fa !important;
    }
    body.theme-dark #budgetArea .god-mode-opt:hover {
        background: #22304a !important;
        border-color: #4a5f85 !important;
    }
    body.theme-dark #budgetArea #paBox {
        background: #101826 !important;
        color: #8ab4ff !important;
        border-color: #4a5f85 !important;
    }
    body.theme-dark #budgetArea #btnGodPrayer {
        background: #203a31 !important;
        color: #ddfff3 !important;
        border: 1px solid #3fb68f !important;
        box-shadow: none !important;
    }
    body.theme-dark #budgetArea #godPrayerResult {
        background: #121a27 !important;
        color: #dce7fa !important;
    }
    body.theme-dark #budgetArea #budgetResultView:not(.dd-prayer-hero) {
        background: #101826 !important;
        border-color: #2f3a4e !important;
        color: #f2f6ff !important;
    }
    body.theme-dark #budgetArea #budgetResultView:not(.dd-prayer-hero) * {
        color: #eaf1ff !important;
    }
    body.theme-dark #budgetArea .dd-prayer-hero {
        border-color: rgba(201, 169, 97, 0.35) !important;
        box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45) !important;
    }
    body.theme-dark #budgetArea .dd-prayer-hero .dd-ai-html-box .dd-ai-para {
        color: #ffffff !important;
        background: transparent !important;
        border: none !important;
    }
    body.theme-dark #budgetArea #prayerFeed > div {
        background: #101826 !important;
        border: 1px solid #2f3a4e !important;
        color: #eaf1ff !important;
        box-shadow: none !important;
    }
    body.theme-dark #budgetArea #prayerFeed > div * {
        color: #dce7fa !important;
    }
    body.theme-dark #budgetArea #prayerFeed > div [style*="color: var(--accent)"] {
        color: #8ab4ff !important;
    }
    body.theme-dark #budgetArea #godPrayerResult > div:not(.dd-prayer-hero) {
        background: #101826 !important;
        border-color: #2f3a4e !important;
        color: #eef4ff !important;
    }
    body.theme-dark #budgetArea #godPrayerResult > div:not(.dd-prayer-hero) * {
        color: #eaf1ff !important;
    }
    body.theme-dark :not(#paymentModal):not(#paymentModal *)[style*="background: linear-gradient(180deg,#fff"]:not(img):not(video):not(svg):not(canvas) {
        background: #121a27 !important;
        border-color: #2f3a4e !important;
        box-shadow: none !important;
    }
    body.theme-dark :not(#paymentModal):not(#paymentModal *)[style*="color: #6b7280"] {
        color: #dce7fa !important;
    }
    body.theme-light #dd-app-toast .dd-app-toast-inner {
        background: rgba(255, 253, 246, 0.97);
        color: #1e293b;
        border-color: rgba(139, 105, 20, 0.2);
        box-shadow: 0 12px 36px rgba(80, 60, 30, 0.15);
    }
    body.theme-light #dd-app-toast .dd-app-toast-action {
        border-color: rgba(139, 105, 20, 0.45);
        background: rgba(139, 105, 20, 0.1);
        color: #6b4f12;
    }
    html.theme-dark #reminderArea.reminder-area {
        background: #0f1218;
        color: #e6eefc;
    }
    html.theme-dark #reminderArea .reminder-verse-actions {
        background: #1e2736;
        border-top-color: #3d4d66;
    }
    html.theme-dark #reminderArea .reminder-time-slot {
        background: #1a2030;
        border: 1px solid #3a4458;
        border-radius: 12px;
        padding: 10px 12px;
    }
    html.theme-dark #reminderArea .reminder-guide-replay {
        background: #1e2430 !important;
        border-color: #4a5568 !important;
        color: #f5dc7a !important;
    }
    html.theme-dark #reminderArea .pt-guide-bubble {
        background: #1e2430 !important;
        border-color: #3a4458 !important;
        color: #e8edf7 !important;
        -webkit-text-fill-color: #e8edf7 !important;
    }
    html.theme-dark #reminderArea .pt-guide-tap {
        background: linear-gradient(180deg, #2a2418 0%, #1f1a12 100%) !important;
        border-color: #d3b36d !important;
        color: #f5dc7a !important;
    }
    html.theme-dark #reminderArea .reminder-head {
        background: #171b24;
        border: 1px solid #2a3140;
        border-radius: 12px;
        padding: 14px 16px;
        margin-bottom: 32px;
    }
    html.theme-dark #reminderArea .reminder-title {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }
    html.theme-dark #reminderArea .reminder-lead {
        color: #d4deef !important;
        -webkit-text-fill-color: #d4deef !important;
    }
    html.theme-dark #reminderArea .reminder-install-lead {
        color: #e8edf7 !important;
    }
    html.theme-dark #reminderArea .reminder-install-note {
        color: #b8c5db !important;
    }
    html.theme-dark .reminder-btn--primary {
        color: #0f1218;
    }
    html.theme-dark .reminder-toggle-ui {
        background: #3d4d66;
    }
    html.theme-dark .reminder-segment-item input:checked + span {
        color: #0f1218;
    }
    html.theme-dark .reminder-num-input {
        background: #1e2736;
        border-color: #3d4d66;
        color: #f0f4fc;
    }
    html.theme-dark .reminder-select {
        background: #1e2736;
        color: #e8edf7;
        border-color: #3d4d66;
    }
    html.theme-dark #reminderArea .reminder-opt-note {
        color: #b8c5db !important;
    }
    html.theme-dark .reminder-status.is-err {
        color: #f87171;
    }
    html.theme-dark #reminderArea .reminder-card {
        background: #1e2736;
        border-color: #3d4d66;
    }
    html.theme-dark #reminderArea .reminder-btn--ghost {
        background: #253248;
        border-color: #3d4d66;
        color: #e8edf7;
    }
    html.theme-dark #prayerTherapyArea .pt-guide-tap {
        background: linear-gradient(180deg, #3a3020 0%, #2a2418 100%) !important;
        border: 2px solid #d3b36d !important;
        color: #f5dc7a !important;
        box-shadow: 0 2px 12px rgba(211, 179, 109, 0.22) !important;
    }
    html.theme-dark #prayerTherapyArea .pt-guide-tap:hover {
        background: linear-gradient(180deg, #4a3d28 0%, #342c1c 100%) !important;
        filter: brightness(1.05);
    }
    html.theme-dark #prayerTherapyArea .pt-today-foot {
        background: #1e2736;
        border-top-color: #3d4d66;
    }
    html.theme-dark #prayerTherapyArea .pt-guide-mood-q.pt-guide-bubble {
        color: #e8edf7 !important;
        -webkit-text-fill-color: #e8edf7 !important;
    }
    html.theme-dark #prayerTherapyArea .pt-guide-mood-sub {
        color: #b8c5db !important;
        -webkit-text-fill-color: #b8c5db !important;
    }
    html.theme-dark #prayerTherapyArea .pt-guide-mood-btn {
        background: #171b24 !important;
        border-color: #4a5568 !important;
        color: #e8edf7 !important;
        -webkit-text-fill-color: #e8edf7 !important;
    }
    html.theme-dark #prayerTherapyArea .pt-guide-mood-btn:hover {
        border-color: #d3b36d !important;
        background: #252b38 !important;
    }
    html.theme-dark #prayerTherapyArea .pt-setup--chat {
        background: linear-gradient(180deg, rgba(26, 32, 48, 0.95) 0%, rgba(22, 28, 38, 0.92) 100%) !important;
        border-color: rgba(211, 179, 109, 0.35) !important;
    }
    html.theme-dark #prayerTherapyArea .pt-guide-bubble {
        background: #1e2430 !important;
        border-color: #3a4458 !important;
        color: #e8edf7 !important;
        -webkit-text-fill-color: #e8edf7 !important;
    }
    html.theme-dark #prayerTherapyArea .pt-guide-single .pt-guide-bubble::before {
        border-right-color: #3a4458 !important;
    }
    html.theme-dark #prayerTherapyArea .pt-guide-single .pt-guide-bubble::after {
        border-right-color: #1e2430 !important;
    }
    html.theme-dark #prayerTherapyArea .pt-head {
        background: linear-gradient(90deg, rgba(211, 179, 109, 0.16) 0%, #171b24 68%);
        border: 1px solid #4a3d24;
        border-left: 4px solid #d3b36d;
        border-radius: 12px;
        padding: 14px 16px;
        margin-bottom: 24px;
    }
    html.theme-dark #prayerTherapyArea .pt-title {
        color: #f5dc7a !important;
        -webkit-text-fill-color: #f5dc7a !important;
    }
    html.theme-dark #prayerTherapyArea .pt-lead {
        color: #d4deef !important;
        -webkit-text-fill-color: #d4deef !important;
    }
    html.theme-dark #prayerTherapyArea .pt-setup-hint {
        color: #e8edf7 !important;
        -webkit-text-fill-color: #e8edf7 !important;
    }
    html.theme-dark #prayerTherapyArea .pt-field-label {
        color: #f0dca0 !important;
        -webkit-text-fill-color: #f0dca0 !important;
    }
    html.theme-dark #prayerTherapyArea .pt-card-label {
        color: #f5dc7a !important;
    }
    html.theme-dark #prayerTherapyArea .pt-slot-note {
        color: #b8c5db !important;
        -webkit-text-fill-color: #b8c5db !important;
    }
    html.theme-dark #prayerTherapyArea .pt-collapse-toggle-title {
        color: #f0dca0 !important;
    }
    html.theme-dark #prayerTherapyArea .pt-collapse-toggle:hover {
        background: rgba(255, 255, 255, 0.04);
    }
    html.theme-dark #prayerTherapyArea .pt-disclaimer {
        color: #9aa8c0 !important;
    }
    html.theme-dark #prayerTherapyArea .pt-screening-btns .pt-guide-mood-btn {
        color: #e8edf7 !important;
        -webkit-text-fill-color: #e8edf7 !important;
        background: #1a2030 !important;
        border-color: #4a5568 !important;
    }
    html.theme-dark .pt-textarea {
        background: #1a2030 !important;
        border-color: #4a5568 !important;
        color: #f0f4ff !important;
        -webkit-text-fill-color: #f0f4ff !important;
        caret-color: #f0f4ff;
    }
    html.theme-dark .pt-textarea::placeholder {
        color: #9aa8c0 !important;
        -webkit-text-fill-color: #9aa8c0 !important;
    }
    html.theme-dark .pt-textarea:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 1000px #1a2030 inset !important;
        box-shadow: 0 0 0 1000px #1a2030 inset !important;
        -webkit-text-fill-color: #f0f4ff !important;
        color: #f0f4ff !important;
    }
    html.theme-dark #prayerTherapyArea .pt-custom-time-row {
        color: #e8edf7 !important;
        -webkit-text-fill-color: #e8edf7 !important;
        border-color: #3a4458;
        background: #1a2030;
    }
    html.theme-dark #prayerTherapyArea .pt-slot-item:has(input:checked) {
        color: #f0dca0 !important;
        -webkit-text-fill-color: #f0dca0 !important;
        background: #2a2418;
        border-color: #8b6914;
    }
    body.theme-dark .pt-chip {
        background: #1a2030;
        border-color: #3a4458;
        color: #d4deef;
        -webkit-text-fill-color: #d4deef;
    }
    body.theme-dark .pt-chip--on {
        background: linear-gradient(180deg, #5a4a20 0%, #3d3218 100%);
        border-color: #d3b36d;
        color: #fff3c4;
        box-shadow: 0 2px 10px rgba(211, 179, 109, 0.25);
    }
    html.theme-dark #prayerTherapyArea .pt-btn--primary {
        background: linear-gradient(180deg, #f5dc7a 0%, #e5c04a 55%, #c9a030 100%) !important;
        color: #1a1408 !important;
        border-color: #b8943f !important;
        box-shadow: 0 4px 16px rgba(245, 220, 122, 0.28) !important;
    }
    html.theme-dark #prayerTherapyArea .pt-cal-cell--has {
        background: linear-gradient(180deg, #2a2418 0%, #1f1a12 100%);
        border-color: #8b6914;
    }
    html.theme-dark #prayerTherapyArea .pt-cal-cell-num {
        color: #f0f4ff;
    }
    html.theme-dark #prayerTherapyArea .pt-cal-cell-hint {
        color: #9aa8c0;
    }
    html.theme-dark #prayerTherapyArea.pt-area {
        background: linear-gradient(165deg, #0c1018 0%, #0f1218 45%, #141a24 100%) !important;
        color: #e8edf7 !important;
    }
    html.theme-dark body.tab-prayertherapy-active .container {
        background: linear-gradient(165deg, #0c1018 0%, #0f1218 45%, #141a24 100%) !important;
    }
    html.theme-dark #prayerTherapyArea .pt-head {
        background: linear-gradient(135deg, rgba(30, 36, 48, 0.95) 0%, rgba(22, 28, 38, 0.92) 100%) !important;
        border-color: rgba(211, 179, 109, 0.35) !important;
        box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
    }
    html.theme-dark #prayerTherapyArea .pt-card {
        background: linear-gradient(180deg, #1a2030 0%, #171b24 100%) !important;
        border-color: rgba(90, 110, 140, 0.45) !important;
        box-shadow: 0 12px 36px rgba(0, 0, 0, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
    }
    html.theme-dark #prayerTherapyArea .pt-offering-kicker {
        color: #f5dc7a !important;
    }
    html.theme-dark #prayerTherapyArea .pt-hour-custom-label {
        color: #b8c5db !important;
        -webkit-text-fill-color: #b8c5db !important;
    }
    html.theme-dark #prayerTherapyArea .pt-offering-step-title {
        color: #f5dc7a !important;
        -webkit-text-fill-color: #f5dc7a !important;
    }
    html.theme-dark #prayerTherapyArea .pt-offering-progress-track {
        background: rgba(211, 179, 109, 0.18) !important;
    }
    html.theme-dark #prayerTherapyArea .pt-textarea--liturgy {
        color: #f0f4ff !important;
        -webkit-text-fill-color: #f0f4ff !important;
        border-bottom-color: rgba(211, 179, 109, 0.4) !important;
        caret-color: #f0f4ff;
    }
    html.theme-dark #prayerTherapyArea .pt-textarea--liturgy::placeholder {
        color: #7a8699 !important;
    }
    html.theme-dark #prayerTherapyArea .pt-textarea--liturgy:focus {
        background: linear-gradient(180deg, transparent 0%, rgba(211, 179, 109, 0.08) 100%) !important;
        border-bottom-color: #d3b36d !important;
    }
    html.theme-dark #prayerTherapyArea .pt-chip-row--seal .pt-chip:not(.pt-chip--on) {
        background: #1a2030 !important;
        border-color: #4a5568 !important;
        color: #e8edf7 !important;
        -webkit-text-fill-color: #e8edf7 !important;
    }
    html.theme-dark #prayerTherapyArea .pt-hour-preset {
        background: #1a2030 !important;
        border-color: #4a5568 !important;
    }
    html.theme-dark #prayerTherapyArea .pt-hour-preset-name {
        color: #f0dca0 !important;
    }
    html.theme-dark #prayerTherapyArea .pt-hour-preset-time {
        color: #9aa8c0 !important;
    }
    html.theme-dark #prayerTherapyArea .pt-hour-preset--on {
        background: linear-gradient(180deg, #6b5628 0%, #4a3d18 100%) !important;
        border-color: #d3b36d !important;
        box-shadow: 0 0 0 2px rgba(211, 179, 109, 0.55), 0 2px 12px rgba(211, 179, 109, 0.32) !important;
    }
    html.theme-dark #prayerTherapyArea .pt-hour-preset--on .pt-hour-preset-name {
        color: #fff3c4 !important;
    }
    html.theme-dark #prayerTherapyArea .pt-hour-custom {
        border-top-color: rgba(90, 110, 140, 0.35) !important;
    }
    html.theme-dark #prayerTherapyArea .pt-hour-suffix {
        color: #e8edf7 !important;
    }
    html.theme-dark #prayerTherapyArea .pt-btn--ghost {
        border-color: #4a5568 !important;
        color: #e8edf7 !important;
        background: rgba(26, 32, 48, 0.6) !important;
    }
    html.theme-dark #prayerTherapyArea .pt-btn--primary:focus-visible {
        background: linear-gradient(180deg, #ffe9a8 0%, #f0d060 55%, #d4a83a 100%) !important;
        color: #1a1408 !important;
        border-color: #b8943f !important;
        box-shadow: 0 6px 20px rgba(245, 220, 122, 0.35) !important;
    }
    html.theme-dark #prayerTherapyArea .pt-btn--ghost:focus-visible {
        background: rgba(211, 179, 109, 0.2) !important;
        border-color: #d3b36d !important;
        color: #f5dc7a !important;
    }
    html.theme-dark #prayerTherapyArea .pt-cal-back:hover {
        background: rgba(211, 179, 109, 0.16) !important;
        border-color: #d3b36d !important;
        color: #f5dc7a !important;
    }
    html.theme-dark #prayerTherapyArea .pt-chip:hover:not(.pt-chip--on) {
        background: rgba(211, 179, 109, 0.14) !important;
        border-color: #d3b36d !important;
        color: #f0dca0 !important;
    }
    html.theme-dark #prayerTherapyArea .pt-chip.pt-chip--on:focus-visible {
        background: linear-gradient(180deg, #6b5628 0%, #4a3d18 100%) !important;
        border-color: #d3b36d !important;
        color: #fff3c4 !important;
        -webkit-text-fill-color: #fff3c4 !important;
        box-shadow: 0 0 0 2px rgba(211, 179, 109, 0.6), 0 2px 14px rgba(211, 179, 109, 0.38) !important;
    }
    html.theme-dark #reminderArea .reminder-btn--primary:hover {
        background: linear-gradient(180deg, #8ab4ff 0%, #5a8fd4 100%) !important;
        color: #0f1218 !important;
    }
    html.theme-dark #reminderArea .reminder-btn--ghost:hover {
        background: rgba(211, 179, 109, 0.14) !important;
        border-color: #d3b36d !important;
        color: #f5dc7a !important;
    }
    .g-tab-n-badge {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin-left: 6px;
        width: 14px;
        height: 14px;
        border-radius: 3px;
        background: #ff6b6b;
        color: #fff;
        font-size: 9px;
        font-weight: 800;
        line-height: 1;
        vertical-align: middle;
        flex-shrink: 0;
    }
    .g-tab-n-badge[hidden] {
        display: none !important;
    }
    .g-tab-count-badge {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin-left: 4px;
        min-width: 16px;
        height: 16px;
        padding: 0 4px;
        border-radius: 999px;
        background: #5f9b7a;
        color: #fff;
        font-size: 9px;
        font-weight: 800;
        line-height: 1;
        vertical-align: middle;
        flex-shrink: 0;
    }
    .g-tab-count-badge[hidden] {
        display: none !important;
    }
    .global-tabs #gTabCommunity .g-tab-stack-title {
        display: inline-flex;
        align-items: center;
        flex-wrap: nowrap;
        gap: 0;
        max-width: 100%;
    }
    .g-tab-new-badge {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin-left: 6px;
        padding: 1px 5px;
        font-size: 8px;
        font-weight: 800;
        letter-spacing: 0.06em;
        line-height: 1.25;
        color: #fff;
        background: linear-gradient(135deg, #ff4d4d 0%, #ff8a3d 100%);
        border-radius: 4px;
        vertical-align: middle;
        position: relative;
        overflow: hidden;
        flex-shrink: 0;
        box-shadow: 0 0 6px rgba(255, 90, 60, 0.45);
        animation: g-tab-new-pulse 1.8s ease-in-out infinite;
    }
    .g-tab-new-badge::after {
        content: '';
        position: absolute;
        inset: -2px -40%;
        background: linear-gradient(105deg, transparent 38%, rgba(255, 255, 255, 0.72) 50%, transparent 62%);
        animation: g-tab-new-shine 2.4s ease-in-out infinite;
        pointer-events: none;
    }
    @media (prefers-reduced-motion: reduce) {
        .g-tab-new-badge,
        .g-tab-new-badge::after {
            animation: none;
        }
    }
    .global-tabs #gTabPrayerTherapy .sb-ico svg {
        display: block !important;
        opacity: 1 !important;
        color: #c9a961;
        fill: rgba(201, 169, 97, 0.2);
    }
    .global-tabs #gTabPrayerTherapy .sb-ico img { display: none !important; }
    .global-tabs #gTabPrayerTherapy.g-tab-stack {
        border-left: 3px solid var(--gold) !important;
    }
    .global-tabs #gTabPrayerTherapy.g-tab-stack .g-tab-stack-title {
        color: #9a7209 !important;
        -webkit-text-fill-color: #9a7209 !important;
    }
    .global-tabs #gTabPrayerTherapy.g-tab-stack .g-tab-stack-sub {
        color: #b8943f !important;
        -webkit-text-fill-color: #b8943f !important;
    }
    .global-tabs #gTabPrayerTherapy.g-tab-stack:hover .g-tab-stack-title {
        color: #7a5a12 !important;
        -webkit-text-fill-color: #7a5a12 !important;
    }
    .global-tabs #gTabPrayerTherapy.g-tab-stack.active {
        background: #faf6ec !important;
    }
    .global-tabs #gTabPrayerTherapy.g-tab-stack.active .g-tab-stack-title {
        font-weight: 800;
    }
    html.theme-dark .global-tabs #gTabPrayerTherapy.g-tab-stack {
        background: rgba(211, 179, 109, 0.1) !important;
        border-left-color: #d3b36d !important;
    }
    html.theme-dark .global-tabs #gTabPrayerTherapy.g-tab-stack .g-tab-stack-title {
        color: #f5dc7a !important;
        -webkit-text-fill-color: #f5dc7a !important;
    }
    html.theme-dark .global-tabs #gTabPrayerTherapy.g-tab-stack .g-tab-stack-sub {
        color: #d3b36d !important;
        -webkit-text-fill-color: #d3b36d !important;
    }
    html.theme-dark .global-tabs #gTabPrayerTherapy.g-tab-stack:hover {
        background: rgba(211, 179, 109, 0.16) !important;
    }
    html.theme-dark .global-tabs #gTabPrayerTherapy.g-tab-stack:hover .g-tab-stack-title {
        color: #ffe9a8 !important;
        -webkit-text-fill-color: #ffe9a8 !important;
    }
    html.theme-dark .global-tabs #gTabPrayerTherapy.g-tab-stack.active {
        background: rgba(211, 179, 109, 0.22) !important;
        border-left-color: #f5dc7a !important;
    }
    @media (max-width: 768px) {
        /* 매일 알림: 모바일 body·container 배경을 본문과 통일 (다크) */
        body.theme-dark.tab-reminder-active,
        html.theme-dark body.tab-reminder-active {
            background: #0f1218 !important;
            background-image: linear-gradient(180deg, #0f1218 0%, #131823 100%) !important;
        }
        body.theme-dark.tab-reminder-active .container,
        html.theme-dark body.tab-reminder-active .container {
            background: #0f1218 !important;
        }
        body.tab-reminder-active #reminderArea.reminder-area {
            padding-top: max(10px, env(safe-area-inset-top, 0px));
            padding-bottom: 48px;
            min-height: 100%;
            width: 100%;
        }
        @media (prefers-color-scheme: dark) {
            body:not(.theme-light).tab-reminder-active,
            body:not(.theme-light).tab-reminder-active .container {
                background: #0f1218 !important;
                background-image: linear-gradient(180deg, #0f1218 0%, #131823 100%) !important;
            }
        }
        /* 기도 치료: 성경 탭과 같이 body·container 배경을 본문과 통일 (다크) */
        body.theme-dark.tab-prayertherapy-active,
        html.theme-dark body.tab-prayertherapy-active {
            background: #0f1218 !important;
            background-image: linear-gradient(180deg, #0f1218 0%, #131823 100%) !important;
        }
        body.theme-dark.tab-prayertherapy-active .container,
        html.theme-dark body.tab-prayertherapy-active .container {
            background: #0f1218 !important;
        }
        body.tab-prayertherapy-active #prayerTherapyArea.pt-area {
            padding-top: max(10px, env(safe-area-inset-top, 0px));
            padding-bottom: 48px;
            min-height: 100%;
            width: 100%;
        }
        body:not(.theme-dark).tab-prayertherapy-active .container,
        html:not(.theme-dark) body.tab-prayertherapy-active .container {
            background: #0b1030 !important;
        }
        body:not(.theme-dark).tab-prayertherapy-active #prayerTherapyArea.pt-area,
        html:not(.theme-dark) body.tab-prayertherapy-active #prayerTherapyArea.pt-area {
            background: #0b1030 !important;
        }
        /* 모바일 다크: 라이트 크림 규칙 직후 — pt-area·container 배경 통일 */
        body.theme-dark.tab-prayertherapy-active,
        html.theme-dark body.tab-prayertherapy-active {
            background: #0b1030 !important;
            background-image: none !important;
        }
        body.theme-dark.tab-prayertherapy-active .container,
        html.theme-dark body.tab-prayertherapy-active .container {
            background: #0b1030 !important;
        }
        body.theme-dark.tab-prayertherapy-active #prayerTherapyArea.pt-area,
        html.theme-dark body.tab-prayertherapy-active #prayerTherapyArea.pt-area {
            background: #0b1030 !important;
            color: #e8edf7 !important;
        }
        /* 기도 탭 스크롤 강제 해제 (막힘 방지) */
        body.tab-prayertherapy-active,
        html body.tab-prayertherapy-active {
            overflow: auto !important;
            height: auto !important;
            min-height: 100% !important;
            overscroll-behavior: auto !important;
        }
        body.tab-prayertherapy-active .container,
        html body.tab-prayertherapy-active .container {
            overflow-x: hidden !important;
            overflow-y: auto !important;
            -webkit-overflow-scrolling: touch !important;
            scroll-behavior: auto !important;
            height: auto !important;
            max-height: none !important;
            min-height: 100vh !important;
            overscroll-behavior: auto !important;
            touch-action: auto !important;
        }
        body.tab-prayertherapy-active #prayerTherapyArea.pt-area,
        html body.tab-prayertherapy-active #prayerTherapyArea.pt-area {
            overflow: visible !important;
            min-height: auto !important;
            max-height: none !important;
            touch-action: auto !important;
        }
        body.tab-prayertherapy-active #prayerTherapyArea,
        body.tab-prayertherapy-active #prayerTherapyArea *,
        html body.tab-prayertherapy-active #prayerTherapyArea,
        html body.tab-prayertherapy-active #prayerTherapyArea * {
            overscroll-behavior: auto !important;
            touch-action: pan-y !important;
        }
        /* 기도 탭에서는 스크롤바 숨김 해제 (드래그 가능) */
        body.tab-prayertherapy-active *::-webkit-scrollbar,
        html body.tab-prayertherapy-active *::-webkit-scrollbar {
            width: 10px !important;
            height: 10px !important;
            display: block !important;
            background: transparent !important;
        }
        body.tab-prayertherapy-active *::-webkit-scrollbar-thumb,
        html body.tab-prayertherapy-active *::-webkit-scrollbar-thumb {
            background: rgba(140, 150, 220, 0.55) !important;
            border-radius: 999px !important;
        }
        body.tab-prayertherapy-active *::-webkit-scrollbar-track,
        html body.tab-prayertherapy-active *::-webkit-scrollbar-track {
            background: rgba(255, 255, 255, 0.06) !important;
        }
        body.theme-dark.tab-prayertherapy-active #prayerTherapyArea .pt-head,
        html.theme-dark body.tab-prayertherapy-active #prayerTherapyArea .pt-head {
            background: linear-gradient(135deg, rgba(30, 36, 48, 0.95) 0%, rgba(22, 28, 38, 0.92) 100%) !important;
            border-color: rgba(211, 179, 109, 0.35) !important;
        }
        body.theme-dark.tab-prayertherapy-active #prayerTherapyArea .pt-card,
        html.theme-dark body.tab-prayertherapy-active #prayerTherapyArea .pt-card {
            background: linear-gradient(180deg, #1a2030 0%, #171b24 100%) !important;
            border-color: rgba(90, 110, 140, 0.45) !important;
        }
        body.theme-dark.tab-prayertherapy-active #prayerTherapyArea .pt-guide-bubble,
        html.theme-dark body.tab-prayertherapy-active #prayerTherapyArea .pt-guide-bubble {
            background: #1e2430 !important;
            border-color: #3a4458 !important;
            color: #e8edf7 !important;
        }
        body.theme-dark.tab-prayertherapy-active #prayerTherapyArea .pt-guide-row .pt-guide-bubble::after,
        html.theme-dark body.tab-prayertherapy-active #prayerTherapyArea .pt-guide-row .pt-guide-bubble::after,
        body.theme-dark.tab-prayertherapy-active #prayerTherapyArea .pt-guide-single .pt-guide-bubble::after,
        html.theme-dark body.tab-prayertherapy-active #prayerTherapyArea .pt-guide-single .pt-guide-bubble::after {
            border-right-color: #1e2430 !important;
        }
        body.theme-dark.tab-prayertherapy-active #prayerTherapyArea .pt-cal-cell,
        html.theme-dark body.tab-prayertherapy-active #prayerTherapyArea .pt-cal-cell,
        body.theme-dark.tab-prayertherapy-active #prayerTherapyArea .pt-cal-nav,
        html.theme-dark body.tab-prayertherapy-active #prayerTherapyArea .pt-cal-nav,
        body.theme-dark.tab-prayertherapy-active #prayerTherapyArea .pt-cal-day-card,
        html.theme-dark body.tab-prayertherapy-active #prayerTherapyArea .pt-cal-day-card {
            background: #1a2030 !important;
            border-color: #3a4458 !important;
        }
        body.theme-dark.tab-prayertherapy-active #prayerTherapyArea .pt-cal-cell--has,
        html.theme-dark body.tab-prayertherapy-active #prayerTherapyArea .pt-cal-cell--has {
            background: linear-gradient(180deg, #2a2418 0%, #1f1a12 100%) !important;
            border-color: #8b6914 !important;
        }
        body.theme-dark.tab-prayertherapy-active #prayerTherapyArea .pt-today-foot,
        html.theme-dark body.tab-prayertherapy-active #prayerTherapyArea .pt-today-foot {
            background: #1e2736 !important;
            border-top-color: #3d4d66 !important;
        }
        @media (prefers-color-scheme: dark) {
            body:not(.theme-light).tab-prayertherapy-active,
            body:not(.theme-light).tab-prayertherapy-active .container {
                background: linear-gradient(165deg, #0c1018 0%, #0f1218 45%, #141a24 100%) !important;
            }
            body:not(.theme-light).tab-prayertherapy-active #prayerTherapyArea.pt-area {
                background: linear-gradient(165deg, #0c1018 0%, #0f1218 45%, #141a24 100%) !important;
                color: #e8edf7 !important;
            }
        }
        /* 나의 기도 캘린더: 모바일 body·container·푸터 배경 통일 (다크) */
        body.theme-dark.tab-journey-active,
        html.theme-dark body.tab-journey-active {
            background: #0f1218 !important;
            background-image: linear-gradient(180deg, #0f1218 0%, #131823 100%) !important;
        }
        body.theme-dark.tab-journey-active .container,
        html.theme-dark body.tab-journey-active .container {
            background: #0f1218 !important;
        }
        /* 마이페이지: 모바일 body·container 배경 통일 (다크) */
        body.theme-dark.tab-mypage-active,
        html.theme-dark body.tab-mypage-active {
            background: #0f1218 !important;
            background-image: linear-gradient(180deg, #0f1218 0%, #131823 100%) !important;
        }
        body.theme-dark.tab-mypage-active .container,
        html.theme-dark body.tab-mypage-active .container {
            background: #0f1218 !important;
        }
        body.theme-dark.tab-mypage-active #mypageArea,
        html.theme-dark body.tab-mypage-active #mypageArea {
            background: #0f1218 !important;
            min-height: 100%;
        }
        /* 찬송가: 모바일 body·container 배경 통일 (다크) */
        body.theme-dark.tab-hymn-active,
        html.theme-dark body.tab-hymn-active {
            background: #121925 !important;
            background-image: none !important;
        }
        body.theme-dark.tab-hymn-active .container,
        html.theme-dark body.tab-hymn-active .container {
            background: #121925 !important;
        }
        body.theme-dark.tab-hymn-active #hymnArea,
        html.theme-dark body.tab-hymn-active #hymnArea {
            background: #121925 !important;
            min-height: 100%;
        }
        body.theme-dark.tab-journey-active #journeyArea,
        html.theme-dark body.tab-journey-active #journeyArea {
            background: #0f1218 !important;
        }
        body.theme-dark.tab-journey-active #siteLegalFooter,
        html.theme-dark body.tab-journey-active #siteLegalFooter {
            background: #0f1218 !important;
            color: #aebbd3 !important;
            border-top-color: #2f3a4e !important;
        }
        body.theme-dark.tab-journey-active #siteLegalFooter .site-legal-footer-links,
        html.theme-dark body.tab-journey-active #siteLegalFooter .site-legal-footer-links {
            border-top-color: #2f3a4e !important;
        }
        body.theme-dark.tab-journey-active #siteLegalFooter .site-legal-footer-links a,
        html.theme-dark body.tab-journey-active #siteLegalFooter .site-legal-footer-links a {
            color: #9eb0cc !important;
        }
        body.tab-journey-active #journeyArea {
            padding-top: max(10px, env(safe-area-inset-top, 0px));
            padding-bottom: 48px;
            min-height: 100%;
            width: 100%;
        }
        @media (prefers-color-scheme: dark) {
            body:not(.theme-light).tab-journey-active,
            body:not(.theme-light).tab-journey-active .container,
            body:not(.theme-light).tab-journey-active #journeyArea,
            body:not(.theme-light).tab-journey-active #siteLegalFooter {
                background: #0f1218 !important;
                background-image: linear-gradient(180deg, #0f1218 0%, #131823 100%) !important;
            }
        }
        html,
        body {
            overflow: hidden !important;
        }
        /* PC와 동일: body 스크롤 대신 .container — 성경·4국어·딩동AI·RPG는 전용 레이아웃 유지 */
        body:not(.tab-art-active):not(.tab-bible-active):not(.tab-compare4-active):not(.tab-rpg-active) .container {
            overflow-x: hidden !important;
            overflow-y: auto !important;
            -webkit-overflow-scrolling: touch !important;
            max-height: 100dvh !important;
            height: 100dvh !important;
            box-sizing: border-box !important;
        }
        .global-tabs.open {
            overflow-x: hidden !important;
            overflow-y: auto !important;
        }
        body.tab-bible-active #bibleArea .bb-toolbar-scroll,
        body.tab-compare4-active #bb4Area .bb-toolbar-scroll {
            overflow-x: auto !important;
            overflow-y: hidden !important;
            scrollbar-width: none !important;
        }
    }

/* 연결 구절 — 작은 칩 버튼 (btn-mini flex:1 로 넓어지는 것 방지) */
#bb4Area .bb4-verse-xref-btn,
#bibleArea .bb-verse-xref-btn {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0;
    padding: 2px 8px;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.2;
    border-radius: 6px;
    border: 1px solid #c9b88a;
    background: linear-gradient(180deg, #fffdf8 0%, #f5ecd8 100%);
    color: #5c4510;
    box-shadow: 0 1px 4px rgba(107, 82, 32, 0.08);
}
#bb4Area .bb4-verse-xref-btn:hover,
#bibleArea .bb-verse-xref-btn:hover {
    background: #fff9ec;
    border-color: #b8943a;
    color: #4a3a0c;
}
#bb4Area .bb4-verse-xref-btn--on,
#bibleArea .bb-verse-xref-btn--on {
    background: linear-gradient(180deg, #fff2c8 0%, #e8d49a 100%) !important;
    border-color: #caa13f !important;
    color: #3d2f08 !important;
}
#bibleArea .bb-verse-head {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 6px;
    flex-wrap: wrap;
}

/* 모바일 — ☰ 1개만(#sb-mobile-toggle). #sb-collapse는 PC 전용 */
@media (max-width: 768px) {
    html body #sb-collapse {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
        opacity: 0 !important;
        width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        clip-path: inset(50%) !important;
        position: fixed !important;
        left: -9999px !important;
        top: -9999px !important;
    }
    html body #sb-mobile-toggle {
        display: flex !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }
}