/* Phase 10: theme-respecting Media Snacks shell. Keep the video canvas dark for legible captions. */
html[data-theme="light"] body.haaka-public-v2 .h6-shell {
  --h6-ink:#20201e; --h6-orange:#c74c08;
  background:#fffaf4; color:#20201e;
}
html[data-theme="light"] body.haaka-public-v2 .h6-topline {border-color:#e5d9cb;background:#fffaf4}
html[data-theme="light"] body.haaka-public-v2 .h6-overline,
html[data-theme="light"] body.haaka-public-v2 .h6-topline h1 em {color:#bd480b}
html[data-theme="light"] body.haaka-public-v2 .h6-feed-status,
html[data-theme="light"] body.haaka-public-v2 .h6-instructions {color:#5a514a}
html[data-theme="light"] body.haaka-public-v2 .h6-feed {background:#24201d;scrollbar-color:#ba9d87 #e9dfd3;box-shadow:0 24px 70px rgba(62,41,24,.16)}
html[data-theme="light"] body.haaka-public-v2 .h6-scroll-tools {color:#665e55}
html[data-theme="light"] body.haaka-public-v2 .h6-scroll-tools button {background:#fff;border:1px solid #d5c5b7;color:#2b241f}
html[data-theme="light"] body.haaka-public-v2 .h6-scroll-tools button:hover {background:#f9e8db}
html[data-theme="light"] body.haaka-public-v2 .h6-load-state {color:#5e544b}
html[data-theme="light"] body.haaka-public-v2 .h6-explore {border-color:#e6dacf;background:#f6ede3}
html[data-theme="light"] body.haaka-public-v2 .h6-explore h2 {color:#181716}
html[data-theme="light"] body.haaka-public-v2 .h6-explore a {color:#a33d00!important}
html[data-theme="light"] body.haaka-public-v2 .h6-empty {background:#fff;border:1px solid #e4d5c6;color:#1b1b19;box-shadow:0 18px 48px rgba(82,54,29,.08)}
html[data-theme="light"] body.haaka-public-v2 .h6-empty h2 {color:#1b1b19}
html[data-theme="light"] body.haaka-public-v2 .h6-empty p:not(.h6-overline) {color:#514b47}
html[data-theme="light"] body.haaka-public-v2 .h6-empty-icon {color:#b94707}
html[data-theme="light"] body.haaka-public-v2 .h6-primary-link {background:#cd540b;color:#fff!important}
html[data-theme="light"] body.haaka-public-v2 .h6-primary-link:hover {background:#9f3b02}
/* Dark mode preserves Phase 06's full cinematic environment. */
html[data-theme="dark"] body.haaka-public-v2 .h6-shell {background:#11100f;color:#f7f2ec}
/* The video itself stays dark in both themes: white overlay text remains readable. */
html[data-theme="light"] body.haaka-public-v2 .h6-slide,
html[data-theme="light"] body.haaka-public-v2 .h6-video-frame {background:#13100e;color:#fff}
html[data-theme="light"] body.haaka-public-v2 .h6-story-meta h2,
html[data-theme="light"] body.haaka-public-v2 .h6-story-meta p,
html[data-theme="light"] body.haaka-public-v2 .h6-actions :is(button,a) {color:#fff!important}
@media(max-width:760px){html[data-theme="light"] body.haaka-public-v2 .h6-feed {box-shadow:none}}

.haaka-public-v2 .h6-page-description{max-width:720px;margin:1.1rem auto;padding:0 1rem;text-align:center;color:inherit;line-height:1.6}

/* Phase 10.1: explicit accessible Snacks theme controls; theme still applies globally. */
.haaka-public-v2 .h6-theme-switch {display:inline-flex;gap:3px;padding:3px;border:1px solid currentColor;border-radius:20px;opacity:.95;margin-left:auto}
.haaka-public-v2 .h6-theme-switch button {appearance:none;border:0;border-radius:16px;background:transparent;color:inherit;font-size:12px;font-weight:700;padding:5px 12px}
.haaka-public-v2 .h6-theme-switch button[aria-pressed="true"] {background:#ee6819;color:#fff}
html[data-theme="light"] body.haaka-public-v2 .h6-theme-switch {border-color:#dbbda8;color:#2b211a}
html[data-theme="dark"] body.haaka-public-v2 .h6-theme-switch {border-color:#665148;color:#f9eee6}
@media(max-width:760px){.h6-topline{flex-wrap:wrap}.h6-topline .h6-feed-status{display:none}.h6-topline .h6-theme-switch{margin-left:auto}.h6-topline .h6-theme-switch button{font-size:11px;padding:5px 8px}}