/* Shared dark tokens for accepted standalone Reader formats. */
:root[data-theme="dark"] { color-scheme:dark; --reader-page:#101218; --reader-sheet:#17191f; --reader-surface:#20232b; --reader-surface-soft:#272b35; --reader-line:#363a45; --reader-text:#f4f5f8; --reader-muted:#a9aeb9; --reader-faint:#777d89; --reader-accent:#7484ff; --reader-focus:#9ec7ff; }
:root[data-theme="dark"] body { background:var(--reader-page); color:var(--reader-text); }
:root[data-theme="dark"] .mobile-container,:root[data-theme="dark"] .app { background:var(--reader-sheet); color:var(--reader-text); box-shadow:0 0 30px rgba(0,0,0,.36); }
:root[data-theme="dark"] .topbar,:root[data-theme="dark"] .top { background:var(--reader-sheet); }
:root[data-theme="dark"] .icon-button,:root[data-theme="dark"] .back { color:var(--reader-text); }
:root[data-theme="dark"] .icon-button:hover,:root[data-theme="dark"] .back:hover { background:var(--reader-surface); }
:root[data-theme="dark"] .lang-switch,:root[data-theme="dark"] .langs { background:var(--reader-surface); }
:root[data-theme="dark"] .lang-btn,:root[data-theme="dark"] .lang { color:var(--reader-muted); }
:root[data-theme="dark"] .lang-btn.active,:root[data-theme="dark"] .lang.active { background:var(--reader-accent); color:#fff; box-shadow:none; }
:root[data-theme="dark"] .channel-footer,:root[data-theme="dark"] .channel { color:var(--reader-muted); }
:root[data-theme="dark"] .primary-action,:root[data-theme="dark"] .main-action { background:var(--reader-accent); color:#fff; box-shadow:0 10px 24px rgba(0,0,0,.28); }
:root[data-theme="dark"] .primary-action:hover,:root[data-theme="dark"] .main-action:hover { background:#8996ff; }
:root[data-theme="dark"] .kicker,:root[data-theme="dark"] .lead,:root[data-theme="dark"] .section-kicker,:root[data-theme="dark"] .step-number,:root[data-theme="dark"] .progress-meta,:root[data-theme="dark"] .question-number,:root[data-theme="dark"] .progress-text,:root[data-theme="dark"] .result-kicker { color:var(--reader-muted); }
:root[data-theme="dark"] .title,:root[data-theme="dark"] .question,:root[data-theme="dark"] .result-title,:root[data-theme="dark"] .step-title { color:var(--reader-text); }
:root[data-theme="dark"] .info-card,:root[data-theme="dark"] .step-card,:root[data-theme="dark"] .completion-card,:root[data-theme="dark"] .question-card,:root[data-theme="dark"] .result-card,:root[data-theme="dark"] .basis-card,:root[data-theme="dark"] .mini-card { border-color:var(--reader-line); background:var(--reader-surface); color:var(--reader-text); box-shadow:none; }
:root[data-theme="dark"] .safety-note,:root[data-theme="dark"] .result-block,:root[data-theme="dark"] .feedback { background:var(--reader-surface-soft); color:var(--reader-muted); }
:root[data-theme="dark"] .safety-note strong,:root[data-theme="dark"] .result-block h3,:root[data-theme="dark"] .feedback strong { color:var(--reader-text); }
:root[data-theme="dark"] .check-row,:root[data-theme="dark"] .step-purpose,:root[data-theme="dark"] .result-copy,:root[data-theme="dark"] .result-row { color:var(--reader-muted); border-color:var(--reader-line); }
:root[data-theme="dark"] .check-row,:root[data-theme="dark"] .help-block { border-color:var(--reader-line); }
:root[data-theme="dark"] .progress-track,:root[data-theme="dark"] .step { background:var(--reader-line); }
:root[data-theme="dark"] .progress-value,:root[data-theme="dark"] .step.done,:root[data-theme="dark"] .step.current { background:var(--reader-accent); }
:root[data-theme="dark"] .answer { border-color:var(--reader-line); background:var(--reader-sheet); color:var(--reader-text); }
:root[data-theme="dark"] .answer.selected { border-color:#aeb8ff; background:#242842; }
:root[data-theme="dark"] .answer.selected .mark { border-color:#aeb8ff; background:#aeb8ff; color:#11131a; }
:root[data-theme="dark"] .answer.correct { border-color:#8493ff; background:#232941; }
:root[data-theme="dark"] .answer.incorrect { background:#202228; color:#bbc0c9; }
:root[data-theme="dark"] .mark { border-color:#737987; }
:root[data-theme="dark"] .privacy { background:#20263b; color:#c2c9e8; }
:root[data-theme="dark"] .question-number i { box-shadow:0 0 0 5px #242a43; }
:root[data-theme="dark"] .compare-hero,:root[data-theme="dark"] .summary-card,:root[data-theme="dark"] .product-card,:root[data-theme="dark"] .criterion-values,:root[data-theme="dark"] .data-notice,:root[data-theme="dark"] .chart-card,:root[data-theme="dark"] .table-wrap,:root[data-theme="dark"] .method { border-color:var(--reader-line); background:var(--reader-surface); color:var(--reader-text); }
:root[data-theme="dark"] .summary-text,:root[data-theme="dark"] .criterion-note,:root[data-theme="dark"] .trust-note,:root[data-theme="dark"] .chart-desc,:root[data-theme="dark"] .chart-detail,:root[data-theme="dark"] .method p,:root[data-theme="dark"] .source-link { color:var(--reader-muted); }
:root[data-theme="dark"] .product-tab,:root[data-theme="dark"] .more-button,:root[data-theme="dark"] .secondary-action { border-color:var(--reader-line); background:var(--reader-surface); color:var(--reader-text); }
:root[data-theme="dark"] .product-tab.active { border-color:#8795ff; background:#252b45; color:var(--reader-text); }
:root[data-theme="dark"] .content,:root[data-theme="dark"] .sheet,:root[data-theme="dark"] .story { background:var(--reader-sheet); color:var(--reader-text); }
:root[data-theme="dark"] .edition-hero { background:linear-gradient(145deg,#151824,#262b42); }
:root[data-theme="dark"] .item-index,:root[data-theme="dark"] .story,:root[data-theme="dark"] .source-link,:root[data-theme="dark"] .data-table { border-color:var(--reader-line); }
:root[data-theme="dark"] .item-index,:root[data-theme="dark"] .secondary-action { color:var(--reader-muted); }
:root[data-theme="dark"] .item-index.active { border-color:#8493ff; background:#242a42; color:var(--reader-text); }
:root[data-theme="dark"] .data-notice { border-left-color:var(--reader-accent); }
:root[data-theme="dark"] .data-table th,:root[data-theme="dark"] .data-table td { border-color:var(--reader-line); color:var(--reader-text); }
:root[data-theme="dark"] .data-table th { background:#242731; color:var(--reader-muted); }
:root[data-theme="dark"] .chart-scroll { scrollbar-color:var(--reader-line) transparent; }
:root[data-theme="dark"] .chart-scroll,.reader-theme-dark .chart-scroll { background:var(--reader-sheet); }
:root[data-theme="dark"] .code-block { background:#0c0e12; }
:root[data-theme="dark"] .hero { box-shadow:0 12px 30px rgba(0,0,0,.32); }
:root[data-theme="dark"] .pattern-shell { background:var(--sheet); color:var(--text); }
:root[data-theme="dark"] .pattern-back { background:var(--surface); color:var(--text); }
:root[data-theme="dark"] .pattern-language { background:var(--surface); }
:root[data-theme="dark"] .pattern-language-button { color:var(--text-dim); }
:root[data-theme="dark"] .pattern-language-button.active { background:var(--accent); color:var(--accent-ink); box-shadow:none; }
:root[data-theme="dark"] .pattern-category,:root[data-theme="dark"] .pattern-lead { color:var(--text-dim); }
:root[data-theme="dark"] .pattern-title { color:var(--text); }
:root[data-theme="dark"] .text-jb-text,:root[data-theme="dark"] .text-\[\#111\],:root[data-theme="dark"] .text-\[\#363636\] { color:var(--reader-text); }
:root[data-theme="dark"] .text-jb-muted,:root[data-theme="dark"] .text-\[\#646464\],:root[data-theme="dark"] .text-\[\#555\] { color:var(--reader-muted); }
:root[data-theme="dark"] .bg-jb-surface,:root[data-theme="dark"] .bg-\[\#FAFAFA\],:root[data-theme="dark"] .bg-\[\#F5F5F5\] { background-color:var(--reader-surface); }
:root[data-theme="dark"] .bg-white,:root[data-theme="dark"] .bg-white\/95 { background-color:var(--reader-sheet); }
:root[data-theme="dark"] .border-jb-line { border-color:var(--reader-line); }
:root[data-theme="dark"] .product-card h3,:root[data-theme="dark"] .product-card ul,:root[data-theme="dark"] .criterion-product,:root[data-theme="dark"] .more-button,:root[data-theme="dark"] .summary-text { color:var(--reader-text); }
:root[data-theme="dark"] .product-card li::before { background:var(--reader-text); }
:root[data-theme="dark"] .criterion,:root[data-theme="dark"] .criterion-value { border-color:var(--reader-line); background:var(--reader-surface-soft); color:var(--reader-muted); }
:root[data-theme="dark"] .product-tabs { background:var(--reader-surface); }
:root[data-theme="dark"] .product-tab.active { background:var(--reader-accent); color:#fff; box-shadow:none; }
:root[data-theme="dark"] .topbar .icon-button { background:transparent; }
:root[data-theme="dark"] .sheet,:root[data-theme="dark"] .story { border-color:var(--reader-line); }
:root[data-theme="dark"] .transcript-scroll,:root[data-theme="dark"] .transcript-note,:root[data-theme="dark"] .final-note { border-color:var(--reader-line); background:var(--reader-surface); color:var(--reader-muted); }
:root[data-theme="dark"] .transcript-scroll button,:root[data-theme="dark"] .transcript-scroll p,:root[data-theme="dark"] .transcript-head,:root[data-theme="dark"] .full-text { color:var(--reader-text); }
:root[data-theme="dark"] .app h1,:root[data-theme="dark"] .app h2,:root[data-theme="dark"] .app h3,:root[data-theme="dark"] .app summary,:root[data-theme="dark"] .story-title,:root[data-theme="dark"] .item-title,:root[data-theme="dark"] .story-section h3,:root[data-theme="dark"] .sources h3 { color:var(--reader-text); }
:root[data-theme="dark"] .resume,:root[data-theme="dark"] .segment.is-active,:root[data-theme="dark"] .item-tab.active { background:#242a42; color:var(--reader-text); }
:root[data-theme="dark"] .segment,:root[data-theme="dark"] .chapter,:root[data-theme="dark"] .sync-status,:root[data-theme="dark"] .story-summary,:root[data-theme="dark"] .story-section p,:root[data-theme="dark"] .item-deck,:root[data-theme="dark"] .source-name { color:var(--reader-muted); border-color:var(--reader-line); }
:root[data-theme="dark"] .item-tab,:root[data-theme="dark"] .source-link,:root[data-theme="dark"] .secondary-action { border-color:var(--reader-line); background:var(--reader-surface); color:var(--reader-text); }
:root[data-theme="dark"] .item-number { background:var(--reader-surface-soft); color:var(--reader-muted); }
:root[data-theme="dark"] .basis-label,:root[data-theme="dark"] .basis-note,:root[data-theme="dark"] .chart-desc,:root[data-theme="dark"] .chart-detail,:root[data-theme="dark"] .legend-item,:root[data-theme="dark"] .range-row,:root[data-theme="dark"] .scroll-hint,:root[data-theme="dark"] .section-tag { color:var(--reader-muted); }
:root[data-theme="dark"] .basis-value,:root[data-theme="dark"] .chart-title,:root[data-theme="dark"] .mini-card h3,:root[data-theme="dark"] .mini-card p,:root[data-theme="dark"] .method h2,:root[data-theme="dark"] .method p { color:var(--reader-text); }
:root[data-theme="dark"] .pattern-summary,:root[data-theme="dark"] .pattern-info-card,:root[data-theme="dark"] .pattern-decision,:root[data-theme="dark"] .pattern-complete,:root[data-theme="dark"] .pattern-fit-card,:root[data-theme="dark"] .pattern-criterion,:root[data-theme="dark"] .pattern-provider-card,:root[data-theme="dark"] .pattern-service-criterion,:root[data-theme="dark"] .pattern-step-card,:root[data-theme="dark"] .pattern-video-intro,:root[data-theme="dark"] .pattern-video-map,:root[data-theme="dark"] .pattern-multi-story { border-color:var(--line); background:var(--surface); color:var(--text); box-shadow:none; }
:root[data-theme="dark"] .pattern-multi-tab,:root[data-theme="dark"] .pattern-multi-source,:root[data-theme="dark"] .pattern-multi-secondary,:root[data-theme="dark"] .pattern-video-source,:root[data-theme="dark"] .pattern-step-map-item { border-color:var(--line); background:var(--sheet); color:var(--text); }
:root[data-theme="dark"] .pattern-multi-tab.active,:root[data-theme="dark"] .pattern-video-segment.active { border-color:var(--accent); background:color-mix(in srgb,var(--accent) 20%,var(--surface)); color:var(--text); box-shadow:none; }
:root[data-theme="dark"] .pattern-summary-text,:root[data-theme="dark"] .pattern-info-text,:root[data-theme="dark"] .pattern-decision-title,:root[data-theme="dark"] .pattern-fit-title,:root[data-theme="dark"] .pattern-criterion-value,:root[data-theme="dark"] .pattern-provider-name,:root[data-theme="dark"] .pattern-service-row strong,:root[data-theme="dark"] .pattern-section-title,:root[data-theme="dark"] .pattern-step-title,:root[data-theme="dark"] .pattern-complete h2,:root[data-theme="dark"] .pattern-video-map-head,:root[data-theme="dark"] .pattern-video-chapter-title,:root[data-theme="dark"] .pattern-multi-copy,:root[data-theme="dark"] .pattern-multi-story-title,:root[data-theme="dark"] .pattern-multi-story-section h3,:root[data-theme="dark"] .pattern-multi-sources-head h3 { color:var(--text); }
:root[data-theme="dark"] .pattern-trust,:root[data-theme="dark"] .pattern-info-note,:root[data-theme="dark"] .pattern-criterion-note,:root[data-theme="dark"] .pattern-provider-fact p,:root[data-theme="dark"] .pattern-service-row,:root[data-theme="dark"] .pattern-scenario-text,:root[data-theme="dark"] .pattern-step-purpose,:root[data-theme="dark"] .pattern-complete p,:root[data-theme="dark"] .pattern-expected p,:root[data-theme="dark"] .pattern-help p,:root[data-theme="dark"] .pattern-video-chapter-text,:root[data-theme="dark"] .pattern-multi-summary,:root[data-theme="dark"] .pattern-multi-story-section p,:root[data-theme="dark"] .pattern-multi-source span:nth-child(2),:root[data-theme="dark"] .pattern-video-source span:nth-child(2) { color:var(--text-dim); }
:root[data-theme="dark"] .pattern-provider-fact,:root[data-theme="dark"] .pattern-service-row,:root[data-theme="dark"] .pattern-video-chapter,:root[data-theme="dark"] .pattern-video-transcript,:root[data-theme="dark"] .pattern-video-segment,:root[data-theme="dark"] .pattern-help { border-color:var(--line); }
:root[data-theme="dark"] .pattern-safety,:root[data-theme="dark"] .pattern-expected { border-left-color:var(--accent); background:var(--surface-2); color:var(--text-dim); }
:root[data-theme="dark"] .pattern-primary-action,:root[data-theme="dark"] .pattern-multi-next { background:var(--accent); color:var(--accent-ink); box-shadow:none; }
:root[data-theme="dark"] .pattern-step-map-item.active { border-color:var(--accent); background:var(--accent); color:var(--accent-ink); }
@media (max-width:430px){:root[data-theme="dark"] body { background:var(--reader-sheet); }:root[data-theme="dark"] .mobile-container,:root[data-theme="dark"] .app { box-shadow:none; }}