/* Sicuur V4 dark scene. Content and supplied V4 artwork stay unchanged. */
html[data-theme="dark"] {
  color-scheme: dark;
  --night: #071723;
  --night2: #0b1e2a;
  --panel: #102a38;
  --panel2: #133443;
  --ink: #f4f7f3;
  --muted: #b4c4c9;
  --teal: #81e5e1;
  --teal2: #39c8cb;
  --mint: #bff2df;
  --line: #31505c;
  --cream: #f7f5ef;
  --dark: #071720;
}

html[data-theme="dark"],
html[data-theme="dark"] body {
  background: #071723 !important;
  color: #edf4f5 !important;
}
html[data-theme="dark"] body { background: transparent !important; }
html[data-theme="dark"] ::selection { color: #061722; background: #81e5e1; }
html[data-theme="dark"] a { color: #91e8e2; }
html[data-theme="dark"] a:hover { color: #c0fff1; }
html[data-theme="dark"] :is(a, button, summary):focus-visible {
  outline: 3px solid #f5bd86 !important;
  outline-offset: 4px;
}
html[data-theme="dark"] body::before {
  background: linear-gradient(108deg, #06131fe8 0%, #071a2bd9 48%, #0b233b9c 100%) !important;
}
html[data-theme="dark"] .site-cinematic-bg {
  filter: brightness(.58) saturate(.68) contrast(1.06) !important;
  transition: filter .4s ease;
}

html[data-theme="dark"] :is(.topbar, .site-header) {
  color: #eff6f7 !important;
  background: #061522f2 !important;
  border-color: #294655 !important;
  box-shadow: 0 8px 28px #0005 !important;
}
html[data-theme="dark"] :is(.brand strong, .brand-name, .site-header .brand-name) { color: #f0f7f7 !important; }
html[data-theme="dark"] :is(.brand small, .nav-links a, .nav a:not(.button)) { color: #d5e2e4 !important; }
html[data-theme="dark"] :is(.nav-links a:hover, .nav a:hover, .nav-links a[aria-current="page"]) { color: #8be8e2 !important; }
html[data-theme="dark"] .nav-links { background: #071a28f7 !important; border-color: #2c4a58 !important; box-shadow: 0 18px 32px #0006 !important; }
html[data-theme="dark"] .nav-actions > .button,
html[data-theme="dark"] .nav-actions > .button .arrow { color: #07313c !important; }
html[data-theme="dark"] :is(.menu-toggle, .theme-toggle) {
  display: inline-grid;
  place-items: center;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  padding: 0;
  color: #eaf6f5 !important;
  border: 1px solid #547b87 !important;
  border-radius: 50%;
  background: #102a38 !important;
  box-shadow: inset 0 1px #ffffff16, 0 4px 12px #0003;
}
html[data-theme="dark"] .theme-toggle { cursor: pointer; }
.theme-toggle { display: inline-grid; place-items: center; flex: 0 0 40px; width: 40px; height: 40px; padding: 0; border: 1px solid #9fc6cd; border-radius: 50%; background: #ffffffc9; color: #183d49; cursor: pointer; }
.theme-toggle:hover { transform: translateY(-1px); }
.theme-icon { display: block; width: 19px; height: 19px; }
.theme-icon-sun { display: none; }
.theme-icon-moon { display: block; }
html[data-theme="dark"] .theme-icon-sun { display: block; }
html[data-theme="dark"] .theme-icon-moon { display: none; }
html[data-theme="dark"] .nav-actions { gap: 8px; }

html[data-theme="dark"] :is(.hero, .hero:before, .hero:after) {
  color: #f3f8f8 !important;
  border-color: #254557 !important;
}
html[data-theme="dark"] :is(.hero h1, .hero h1 .shine, .section-head h2, .pause-copy h2, .reflect-copy h2, .faq-intro h2, .final-copy h2, .guide-landing h1, .guide-library h2, .article h1, .article h2, .article h3, .about-section h2) { color: #eff6f6 !important; }
html[data-theme="dark"] :is(.hero h1 .shine, .section-head h2 em, .pause-copy h2 em, .reflect-copy h2 em, .faq-intro h2 em, .final-copy h2 em, .guide-landing h1 em) {
  color: #81e5e1 !important;
  background: none !important;
  -webkit-text-fill-color: #81e5e1 !important;
}
html[data-theme="dark"] :is(.hero-copy, .hero-proof, .hero-note, .hero-privacy-note, .hero-foot, .hero-demo-link, .scroll-cue, .scroll-cue b, .section-head p, .pause-copy > p, .reflect-copy > p, .faq-intro > p, .final-copy p, .section-link p, .guide-landing .dek, .guide-landing-note, .guide-library-heading p, .article p, .article li, .dek, .byline, .crumb, .about-section p, .trusted-section p) { color: #c2d1d5 !important; }
html[data-theme="dark"] :is(.eyebrow, .hero .eyebrow, .section .eyebrow, .film-section .eyebrow, .text-link, .hero-demo-link, .article a, .related a, .sources a, .guide-library .eyebrow, .about-section .eyebrow, .trusted-section .eyebrow, .about-contact .eyebrow) { color: #83e5df !important; }
html[data-theme="dark"] .hero-orbit,
html[data-theme="dark"] .hero-orbit:before,
html[data-theme="dark"] .hero-orbit:after { border-color: #86e9e248 !important; }
html[data-theme="dark"] .hero-visual {
  border-color: #395b6b !important;
  background: radial-gradient(ellipse at 50% 38%, #173b4b, #0a1c2a 76%) !important;
  box-shadow: 0 24px 64px #0007, 0 0 0 8px #ffffff0c !important;
}
html[data-theme="dark"] .hero-visual figcaption { color: #bfd0d3 !important; background: #081c29 !important; }
html[data-theme="dark"] .hero-float { color: #eaf4f4 !important; border-color: #41606d !important; background: #071b29ed !important; }
html[data-theme="dark"] .float-rule { color: #eaf4f4 !important; border-color: #31505c !important; background: #102b39 !important; }

html[data-theme="dark"] .button {
  color: #07313c !important;
  background: linear-gradient(112deg, #b8f2df 0%, #78dfe0 55%, #a3c9ff 100%) !important;
  border-color: #bceeea !important;
  box-shadow: 0 8px 26px #35c4c532, inset 0 1px #ffffffbd !important;
}
html[data-theme="dark"] .button:hover { box-shadow: 0 12px 32px #35c4c54d, inset 0 1px #fff !important; }
html[data-theme="dark"] :is(.button.outline, .button.ghost) {
  color: #e8f3f4 !important;
  border-color: #5b8b96 !important;
  background: #0d2635 !important;
  box-shadow: none !important;
}
html[data-theme="dark"] :is(.button.outline, .button.ghost):hover { color: #ffffff !important; border-color: #8be8e2 !important; background: #153b4c !important; }

html[data-theme="dark"] .ticker { color: #dff6f3 !important; background: linear-gradient(105deg, #0b3744, #113344 58%, #142d4a) !important; border-color: #365d69 !important; }
html[data-theme="dark"] .quick-start { background: #071a28b8 !important; border-color: #294957 !important; }
html[data-theme="dark"] .quick-start-head :is(h2, span) { color: #d6e4e6 !important; }

html[data-theme="dark"] #main > section,
html[data-theme="dark"] #main > .section,
html[data-theme="dark"] #main > .film-section,
html[data-theme="dark"] #main > section[aria-labelledby="final-title"] {
  color: #edf4f5 !important;
  background: transparent !important;
  border-color: #35576588 !important;
}
html[data-theme="dark"] #main > :is(#how, #v4, #plan, #protection, #pause, #reflect, #pricing, #privacy, #faq, #film) {
  color: #edf4f5 !important;
  background: transparent !important;
  border-color: #35576588 !important;
}
html[data-theme="dark"] #main > #pause.section.pause-section { background: transparent !important; }
html[data-theme="dark"] :is(.section, .film-section, .section.dark, .section.alt, .guide-library, .reel-library, .about-section, .trusted-section) { color: #edf4f5 !important; background-color: transparent !important; }
html[data-theme="dark"] :is(#plan .section-head h2, #pricing .section-head h2, #faq .faq-intro h2, #reflect .reflect-copy h2, #reflect .reflect-details h2) { color: #edf4f5 !important; }
html[data-theme="dark"] :is(#plan .section-head h2 em, #pricing .section-head h2 em, #faq .faq-intro h2 em, #reflect .reflect-copy h2 em, #reflect .reflect-details h2 em) { color: #81e5e1 !important; }

html[data-theme="dark"] :is(.quick-start a, .choice-controls, .plan-card, .schedule-console, .reflect-card, .reflect-insight, .trust-item, .trust-strip, .price-card, .pricing-fit, .faq-list details, .film-frame, .v4-card, .v4-watch, .guide-card, .card, .direct-answer, .callout, .toc, .related, .writing-card, .principle, .about-contact, .legal-card, .article-section, .guide-visual, .article-hero-art, .founder-note, .trusted-art, .article, .planner, .plan-preview, .local-note, .sources, .final, .guide-hero-art) {
  color: #e9f2f4 !important;
  border-color: #31515f !important;
  background: linear-gradient(145deg, #0e2938f5, #091d2af2) !important;
  box-shadow: 0 16px 40px #0004 !important;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}
html[data-theme="dark"] :is(.quick-start a, .card, .guide-card, .v4-card, .film-frame, .reel-card, .about-contact, .writing-card, .principle, .legal-card, .article-section, .guide-visual) :is(h2, h3, b, strong) { color: #f0f7f7 !important; }
html[data-theme="dark"] :is(.quick-start a, .card, .guide-card, .v4-card, .film-frame, .reel-card, .about-contact, .writing-card, .principle, .legal-card, .article-section, .guide-visual) :is(p, small, span, li, figcaption) { color: #c0d0d4 !important; }
html[data-theme="dark"] :is(.quick-start small, .v4-device-note, .guide-reading-note, .guide-landing-note, .film-note, .reel-note, .v4-card figcaption span, .v4-watch p, .footer-disclaimer, .footer-meta) { color: #afc2c8 !important; }
html[data-theme="dark"] :is(.story-step, .story-step:hover) { color: #e4eff0 !important; border-color: transparent !important; background: transparent !important; }
html[data-theme="dark"] .story-step[aria-pressed="true"] { color: #f4fbfa !important; border-color: #4d9fa6 !important; background: linear-gradient(115deg, #113d4b, #0b2b3a) !important; }
html[data-theme="dark"] :is(.story-step small, .story-instruction, .story-status) { color: #bfd0d4 !important; }
html[data-theme="dark"] #how .story-stage { border-color: #3c7280 !important; background: radial-gradient(ellipse at 50% 43%, #174456, #092433 74%) !important; box-shadow: 0 22px 60px #0005 !important; }
html[data-theme="dark"] #how .story-stage::before,
html[data-theme="dark"] #how .story-stage::after { border-color: #82e5df52 !important; }
html[data-theme="dark"] #how .poster-frame { border-color: #477181 !important; background: #040c12 !important; box-shadow: 0 22px 52px #0008 !important; }
html[data-theme="dark"] #how .story-stage .panel-label { color: #eff8f6 !important; border-color: #456978 !important; background: #0b2433ee !important; }
html[data-theme="dark"] #how .story-stage .story-progress { color: #a9c3ca !important; }
html[data-theme="dark"] .panel-callout { color: #eef8f6 !important; border-color: #47717c !important; background: #0b2634ee !important; }
html[data-theme="dark"] .panel-callout small { color: #c1d3d6 !important; }
html[data-theme="dark"] :is(.mode, .moment-option, .pill, .switch, .switch button) { color: #dbe8ea !important; border-color: #3a5e69 !important; background: #102a38 !important; }
html[data-theme="dark"] :is(.mode-icon, .insight-icon, .trust-icon, .moment-option > span) { color: #88e5dc !important; border-color: #3a6871 !important; background: #163b47 !important; }
html[data-theme="dark"] :is(.mode[aria-pressed="true"], .moment-option[aria-pressed="true"], .moment-option.active, .pill[aria-pressed="true"], .switch button[aria-pressed="true"]) {
  color: #f3fffc !important;
  border-color: #70dcd3 !important;
  background: linear-gradient(110deg, #126270, #205c78) !important;
}
html[data-theme="dark"] #plan .choice-controls,
html[data-theme="dark"] #protection .schedule-console { color: #e9f2f4 !important; border-color: #31515f !important; background: linear-gradient(145deg, #0e2938f5, #091d2af2) !important; box-shadow: 0 16px 40px #0004 !important; }
html[data-theme="dark"] #plan .choice-label,
html[data-theme="dark"] #protection .schedule-console :is(label, legend) { color: #c3d3d6 !important; }
html[data-theme="dark"] #plan .mode { color: #dbe8ea !important; border-color: #3a5e69 !important; background: #102a38 !important; }
html[data-theme="dark"] #plan .mode[aria-pressed="true"] { color: #f3fffc !important; border-color: #70dcd3 !important; background: linear-gradient(110deg, #126270, #205c78) !important; }
html[data-theme="dark"] #plan .mode-icon { color: #88e5dc !important; background: #163b47 !important; }
html[data-theme="dark"] #protection .pill { color: #dbe8ea !important; border-color: #3a5e69 !important; background: #102a38 !important; }
html[data-theme="dark"] #protection .pill[aria-pressed="true"] { color: #f3fffc !important; border-color: #70dcd3 !important; background: linear-gradient(110deg, #126270, #205c78) !important; }
html[data-theme="dark"] :is(.choice-label, .plan-card-top, .plan-field label, .plan-card-top .category) { color: #bed1d4 !important; }
html[data-theme="dark"] #plan .plan-card { border-color: #345564 !important; background: #0b2230 !important; }
html[data-theme="dark"] #plan .plan-card-main { color: #e9f3f4 !important; background: #0b2230 !important; }
html[data-theme="dark"] #plan .plan-card h3 { color: #f2f7f7 !important; }
html[data-theme="dark"] #plan .plan-card-top .category { color: #bff4e8 !important; background: #164550 !important; }
html[data-theme="dark"] #plan .plan-field { border-color: #34515d !important; }
html[data-theme="dark"] #plan .plan-field small { color: #82e6df !important; }
html[data-theme="dark"] #plan .plan-field p { color: #d1dfe1 !important; }
html[data-theme="dark"] #plan .plan-card-aside { border-color: #2d6570 !important; background: radial-gradient(circle at 84% 12%, #28a9a746, transparent 36%), linear-gradient(145deg, #082b3f, #104659 58%, #0b293e) !important; color: #f0faf9 !important; }
html[data-theme="dark"] :is(.aside-caption, .aside-proof, .plan-card-aside small) { color: #d3e6e8 !important; }
html[data-theme="dark"] #plan .aside-kicker { color: #aaf1df !important; }
html[data-theme="dark"] .privacy-hint { color: #b9cbd0 !important; border-color: #355361 !important; }
html[data-theme="dark"] .privacy-hint b { color: #83e5df !important; }

html[data-theme="dark"] #protection .schedule-group { border-color: #365563 !important; }
html[data-theme="dark"] #protection .console-live { color: #8be5df !important; }
html[data-theme="dark"] #protection .schedule-review { color: #e7f2f3 !important; border-color: #426772 !important; background: linear-gradient(125deg, #123b49, #102e40) !important; }
html[data-theme="dark"] #protection .schedule-review :is(small, p),
html[data-theme="dark"] #protection .disclaimer { color: #bfd0d4 !important; }
html[data-theme="dark"] #protection .screen-showcase figure { border-color: #3d6673 !important; background: #091b27 !important; box-shadow: 0 18px 42px #0006 !important; }
html[data-theme="dark"] #protection .screen-showcase img { border-color: #3d6673 !important; }
html[data-theme="dark"] #protection .screen-showcase figcaption { color: #b9cbd0 !important; }

html[data-theme="dark"] #pause .pause-copy { color: #edf5f5 !important; border-color: #345565 !important; background: #081d2beF !important; box-shadow: 0 18px 46px #0005 !important; }
html[data-theme="dark"] #pause .pause-copy .eyebrow { color: #81e5e1 !important; }
html[data-theme="dark"] #pause .pause-copy h2 { color: #f1f7f7 !important; }
html[data-theme="dark"] #pause .pause-copy h2 em { color: #81e5e1 !important; }
html[data-theme="dark"] #pause .pause-copy > p,
html[data-theme="dark"] #pause .pause-step,
html[data-theme="dark"] #pause .pause-copy .section-link p { color: #c2d2d5 !important; }
html[data-theme="dark"] #pause .pause-step span { color: #a4f0e6 !important; border-color: #508b91 !important; background: #123744 !important; }
html[data-theme="dark"] #pause .pause-copy .section-link { border-color: #345361 !important; }
html[data-theme="dark"] #pause .pause-copy .text-link { color: #8ae9e2 !important; }
html[data-theme="dark"] #pause .timer-card { color: #edf5f5 !important; border-color: #345565 !important; background: linear-gradient(145deg, #0e2a38, #091c29) !important; box-shadow: 0 22px 56px #0005 !important; }
html[data-theme="dark"] #pause .timer-head { border-color: #345361 !important; }
html[data-theme="dark"] #pause .timer-head b { color: #eaf5f4 !important; }
html[data-theme="dark"] #pause .timer-head span,
html[data-theme="dark"] #pause .timer-state,
html[data-theme="dark"] #pause .timer-caveat { color: #b9cbd0 !important; }
html[data-theme="dark"] #pause .timer-phase,
html[data-theme="dark"] #pause .breath-cue,
html[data-theme="dark"] #pause .breath-word,
html[data-theme="dark"] #pause .timer-read { color: #0a5662 !important; }
html[data-theme="dark"] #pause .timer-screen {
  color: #123746 !important;
  border-color: #6b969d !important;
  background-color: #dcebef !important;
  background-image: url("daytime-valley.jpg") !important;
}
html[data-theme="dark"] #pause .timer-screen h3 { color: #123746 !important; text-shadow: 0 1px #ffffffa6; }
html[data-theme="dark"] #pause .timer-screen p { color: #234e5b !important; text-shadow: 0 1px #ffffffa6; }
html[data-theme="dark"] #pause .breath { box-shadow: 0 0 32px #37bab552 !important; }
html[data-theme="dark"] #pause .breath-inner { color: #123a47 !important; border-color: #168895 !important; background: transparent !important; box-shadow: inset 0 0 0 8px #e9fff42a !important; }
html[data-theme="dark"] #pause .breath-time { color: #123a47 !important; text-shadow: 0 1px #ffffffb8 !important; }
html[data-theme="dark"] #pause .pause-journey span { color: #345964 !important; }
html[data-theme="dark"] #pause .pause-journey span.active { color: #075e6b !important; }

html[data-theme="dark"] #reflect .reflect-card,
html[data-theme="dark"] #reflect .reflect-insight { color: #eaf3f4 !important; border-color: #31515f !important; background: #0b2230 !important; box-shadow: 0 14px 36px #0004 !important; }
html[data-theme="dark"] #reflect .reflect-card :is(strong, h3),
html[data-theme="dark"] #reflect .reflect-insight strong { color: #f1f7f7 !important; }
html[data-theme="dark"] #reflect .reflect-card p,
html[data-theme="dark"] #reflect .reflect-insight p,
html[data-theme="dark"] #reflect .reflect-note,
html[data-theme="dark"] #reflect .bar-label { color: #b8cbd0 !important; }
html[data-theme="dark"] #reflect .switch { border-color: #3b5c68 !important; background: #102a38 !important; }
html[data-theme="dark"] #reflect .switch button { color: #c0d0d4 !important; }
html[data-theme="dark"] #reflect .switch button[aria-pressed="true"] { color: #effbf8 !important; background: #176170 !important; }
html[data-theme="dark"] #reflect .chart { border-color: #35515e !important; }
html[data-theme="dark"] #reflect .bar { background: linear-gradient(180deg, #68dbcc, #61aee8) !important; }
html[data-theme="dark"] #reflect .reflect-list span { color: #cad9dc !important; }
html[data-theme="dark"] #reflect .reflect-list b { color: #8ce6df !important; }
html[data-theme="dark"] #reflect .reflect-app-screen figcaption { color: #bbcdd1 !important; }

html[data-theme="dark"] #pricing .price-card { color: #eaf3f4 !important; border-color: #31515f !important; background: #0b2230 !important; }
html[data-theme="dark"] #pricing .price-card :is(h3, strong) { color: #f0f7f7 !important; }
html[data-theme="dark"] #pricing .price-card ul,
html[data-theme="dark"] #pricing .price-period,
html[data-theme="dark"] #pricing .price-options span,
html[data-theme="dark"] #pricing .pricing-terms { color: #bccdd1 !important; }
html[data-theme="dark"] #pricing .price-label,
html[data-theme="dark"] #pricing .price-card li::before { color: #8be7e0 !important; }
html[data-theme="dark"] #pricing .price-options div { border-color: #3a5f6b !important; background: #102c3b !important; }
html[data-theme="dark"] #pricing .annual-note { color: #9fe5df !important; }
html[data-theme="dark"] #pricing .pricing-fit { color: #d3e0e3 !important; border-color: #31515f !important; background: #0b2230 !important; }
html[data-theme="dark"] #pricing .pricing-fit h3 { color: #eff6f6 !important; }
html[data-theme="dark"] #pricing .pricing-fit a { color: #8be7e0 !important; }

html[data-theme="dark"] #privacy .trust-strip,
html[data-theme="dark"] #privacy .trust-item,
html[data-theme="dark"] #privacy .founder-note { color: #e9f2f4 !important; border-color: #31515f !important; background: #0b2230 !important; }
html[data-theme="dark"] #privacy :is(.trust-item b, .founder-note h3) { color: #f0f7f7 !important; }
html[data-theme="dark"] #privacy :is(.trust-item p, .founder-note p, .section-link p) { color: #bdcdd1 !important; }
html[data-theme="dark"] #privacy .trust-icon { color: #8be7e0 !important; border-color: #3a6570 !important; background: #123746 !important; }

html[data-theme="dark"] #faq .faq-list details { color: #e8f2f3 !important; border-color: #31515f !important; background: #0b2230 !important; box-shadow: 0 8px 22px #0004 !important; }
html[data-theme="dark"] #faq .faq-list details[open] { background: #103141 !important; }
html[data-theme="dark"] #faq .faq-list summary { color: #eff7f7 !important; }
html[data-theme="dark"] #faq .faq-answer { color: #c2d1d5 !important; }
html[data-theme="dark"] #faq .faq-answer a { color: #8be7e0 !important; }

html[data-theme="dark"] #main .final-cta { color: #edf4f5 !important; border-color: #345664 !important; background: linear-gradient(120deg, #102f3e, #0d293b 66%, #142c46) !important; box-shadow: 0 18px 42px #0004 !important; }
html[data-theme="dark"] #main .final-copy h2 { color: #f0f7f7 !important; }
html[data-theme="dark"] #main .final-copy p { color: #c0d0d4 !important; }
html[data-theme="dark"] #main .final-art { color: #ecf5f6 !important; border-color: #3b6470 !important; background: radial-gradient(circle at 82% 18%, #36b5aa38, transparent 43%), linear-gradient(145deg, #102e3c, #0a1d2b) !important; }
html[data-theme="dark"] #main .final-art :is(span, small) { color: #bce5e2 !important; }
html[data-theme="dark"] #main .final-art strong { color: #f2f8f8 !important; }

html[data-theme="dark"] .v4-showcase { border-color: #345664 !important; background: linear-gradient(135deg, #0c2534eb, #0a1d2bea) !important; }
html[data-theme="dark"] .v4-card { border-color: #345664 !important; background: #0a1e2cf2 !important; }
html[data-theme="dark"] .v4-card img { background: #081722 !important; }
html[data-theme="dark"] .v4-card figcaption b { color: #edf5f5 !important; }
html[data-theme="dark"] .v4-watch { border-color: #3a6670 !important; background: linear-gradient(120deg, #102e3c, #0b2231) !important; }

html[data-theme="dark"] .film-section { background: transparent !important; }
html[data-theme="dark"] .reel-library { background: #081b29b8 !important; border-color: #31515f !important; }
html[data-theme="dark"] .reel-library-head h2 { color: #f0f7f7 !important; }
html[data-theme="dark"] .reel-library-head p { color: #c0d0d4 !important; }
html[data-theme="dark"] .reel-card { border-color: #31515f !important; background: #0b2230 !important; }
html[data-theme="dark"] .reel-card video { background: #06131d !important; }
html[data-theme="dark"] .reel-card-copy .eyebrow { color: #8ce8e1 !important; }
html[data-theme="dark"] .reel-card-copy h3 { color: #f0f7f7 !important; }
html[data-theme="dark"] .reel-card-copy p { color: #c0d0d4 !important; }
html[data-theme="dark"] .film-frame figcaption,
html[data-theme="dark"] .film-note { color: #b8cbd0 !important; }

html[data-theme="dark"] :is(.guide-landing, .about-hero) { color: #eff6f6 !important; background: linear-gradient(105deg, #061522ed, #0a2032d8 62%, #0b223abe) !important; }
html[data-theme="dark"] :is(.guide-library-heading h2, .guide-landing h1, .about-section h2, .principle h3) { color: #eff6f6 !important; }
html[data-theme="dark"] :is(.guide-landing .dek, .guide-landing-note, .guide-library-heading p, .guide-reading-note, .principle p) { color: #c0d0d4 !important; }
html[data-theme="dark"] .guide-hero-art img { border-color: #416474 !important; background: #071a28 !important; }
html[data-theme="dark"] .card .eyebrow { color: #81e5e1 !important; }
html[data-theme="dark"] :is(.card h2 a, .article h1, .article h2, .article h3, .article .faq-item summary, .about-contact h2, .writing-card h3) { color: #f0f7f7 !important; }
html[data-theme="dark"] :is(.card p, .article p, .article li, .article .intro, .article .faq-item, .byline, .crumb, .about-contact p, .writing-card p, .sources li) { color: #c0d0d4 !important; }
html[data-theme="dark"] .article-section { border-bottom-color: #345361 !important; }
html[data-theme="dark"] .article .steps li::before { color: #9bece3 !important; border-color: #547d86 !important; background: #123443 !important; }
html[data-theme="dark"] :is(.article .toc b, .toc b, .article .cite, .toc a:hover, .card .more) { color: #8be7e0 !important; }
html[data-theme="dark"] :is(.article .toc a, .toc a) { color: #c2d1d5 !important; border-bottom-color: #345361 !important; }
html[data-theme="dark"] main > .hero .direct-answer { color: #c2d1d5 !important; }
html[data-theme="dark"] .article-hero-art { border-color: #345664 !important; background: #0a1f2df2 !important; }
html[data-theme="dark"] .article-hero-art img { background: #06131d !important; }
html[data-theme="dark"] .article-hero-art figcaption { color: #b9cbd0 !important; }
html[data-theme="dark"] :is(.about-visual::before, .about-visual::after, .trusted-art::before, .trusted-art::after) { border-color: #82e5df42 !important; }
html[data-theme="dark"] :is(.about-visual figure, .trusted-art figure) { filter: drop-shadow(0 20px 36px #0007) !important; }
html[data-theme="dark"] .visual-chip { color: #eaf4f5 !important; border-color: #3b6270 !important; background: #0a2030ee !important; box-shadow: 0 12px 32px #0005 !important; }
html[data-theme="dark"] .visual-chip small { color: #8be7e0 !important; }

html[data-theme="dark"] :is(.footer, .site-footer) { color: #bccdd1 !important; background: #071a28d9 !important; border-color: #294957 !important; }
html[data-theme="dark"] :is(.footer a, .site-footer a, .footer-links a) { color: #c4d5d8 !important; }
html[data-theme="dark"] :is(.footer-links a:hover, .footer a:hover, .site-footer a:hover) { color: #8be7e0 !important; }
html[data-theme="dark"] :is(.footer-main, .footer-disclaimer, .footer-meta, .footer-inner) { color: #afc2c8 !important; border-color: #294957 !important; }
html[data-theme="dark"] .mobile-dock { color: #eaf4f5 !important; border-color: #3b6571 !important; background: #081d2beF !important; box-shadow: 0 12px 36px #0007 !important; }
html[data-theme="dark"] :is(.mobile-dock .dock-label, .mobile-dock .dock-label b) { color: #d9e8e9 !important; }
html[data-theme="dark"] .back-to-top { color: #d9f4f0 !important; background: #0c2735ee !important; border-color: #4b7781 !important; }
html[data-theme="dark"] .section-link { border-top-color: #345361 !important; }

html[data-theme="dark"] :is(.legal-shell, .legal-shell h1, .legal-shell h2, .legal-shell h3) { color: #eff6f6 !important; }
html[data-theme="dark"] :is(.legal-lede, .legal-shell p, .legal-shell li) { color: #c0d0d4 !important; }
html[data-theme="dark"] .legal-card a { color: #8be7e0 !important; }
html[data-theme="dark"] .site-header .nav a { color: #c2d1d5 !important; }
html[data-theme="dark"] .site-header .nav a:hover { color: #8be7e0 !important; }

@media (max-width: 1000px) {
  html[data-theme="dark"] .nav-links { background: #071a28f7 !important; border-color: #294957 !important; }
  html[data-theme="dark"] .nav-actions { gap: 7px; }
}
@media (max-width: 420px) {
  html[data-theme="dark"] .nav-actions > .button { min-height: 40px; padding-inline: 11px; font-size: 10px; }
  html[data-theme="dark"] :is(.theme-toggle, .menu-toggle) { width: 36px; height: 36px; flex-basis: 36px; }
}
@media (prefers-reduced-motion: reduce) {
  html[data-theme="dark"] .site-cinematic-bg { transition: none !important; }
  .theme-toggle { transition: none !important; }
}

/* Keep night-mode headings legible while preserving the two-tone H1 treatment. */
html[data-theme="dark"] #main h2,
html[data-theme="dark"] body > main h2 {
  color: #f7fbfc !important;
  -webkit-text-fill-color: #f7fbfc !important;
  background: none !important;
  text-shadow: none !important;
}
html[data-theme="dark"] #main h2 em,
html[data-theme="dark"] body > main h2 em {
  color: #81e5e1 !important;
  -webkit-text-fill-color: #81e5e1 !important;
  background: none !important;
}

/* Raise copy contrast consistently across the dark version of every page. */
html[data-theme="dark"] #main p,
html[data-theme="dark"] #main li,
html[data-theme="dark"] body > main p,
html[data-theme="dark"] body > main li {
  color: #d5e1e4 !important;
}
html[data-theme="dark"] #main :is(.timer-caveat, .v4-device-note, .guide-reading-note, .film-note, .reel-note),
html[data-theme="dark"] body > main :is(.timer-caveat, .v4-device-note, .guide-reading-note, .film-note, .reel-note) {
  color: #bdcdd1 !important;
}
html[data-theme="dark"] #how .story-status { color: #124550 !important; }
html[data-theme="dark"] :is(.footer-disclaimer, .footer-meta, .footer-main) {
  color: #c3d1d5 !important;
}

/* Use the existing V4 valley scene as a night treatment inside the Pause preview. */
html[data-theme="dark"] #pause .timer-screen {
  position: relative !important;
  isolation: isolate;
  color: #f7fbfc !important;
  border-color: #3b6876 !important;
  background-color: #071723 !important;
  background-image: url("daytime-valley.jpg") !important;
  background-position: center 54% !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
html[data-theme="dark"] #pause .timer-screen::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(145deg, #061722df 0%, #09202ba6 44%, #061722ed 100%) !important;
  pointer-events: none;
}
html[data-theme="dark"] #pause .timer-screen > * {
  position: relative;
  z-index: 1;
}
html[data-theme="dark"] #pause .timer-screen h3,
html[data-theme="dark"] #pause .timer-screen p,
html[data-theme="dark"] #pause .breath-cue,
html[data-theme="dark"] #pause .breath-word,
html[data-theme="dark"] #pause .timer-read,
html[data-theme="dark"] #pause .pause-journey span,
html[data-theme="dark"] #pause .breath-time {
  color: #f1f8f9 !important;
  -webkit-text-fill-color: #f1f8f9 !important;
  text-shadow: 0 1px 4px #00121dcc !important;
}
html[data-theme="dark"] #pause .breath-inner {
  color: #f1f8f9 !important;
  border-color: #b4f5ee !important;
  background: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  filter: none !important;
}
html[data-theme="dark"] #pause .pause-journey span.active { color: #ffffff !important; }

/* Keep every editorial FAQ dark with high-contrast questions and answers. */
html[data-theme="dark"] .article { padding: clamp(18px, 2.4vw, 30px); }
html[data-theme="dark"] .faq,
html[data-theme="dark"] .article .faq {
  color: #e8f2f3 !important;
  border-color: #31515f !important;
  background: linear-gradient(145deg, #0e2938f5, #091d2af2) !important;
  box-shadow: 0 16px 40px #0004 !important;
}
html[data-theme="dark"] .faq > h2,
html[data-theme="dark"] .article .faq > h2 { color: #f2f8f8 !important; }
html[data-theme="dark"] .faq-item,
html[data-theme="dark"] .article .faq-item,
html[data-theme="dark"] .faq-item { color: #c8d8db !important; border-top-color: #385663 !important; background: #102a38 !important; }
html[data-theme="dark"] .faq-item summary,
html[data-theme="dark"] .article .faq-item summary { color: #f0f7f7 !important; }
html[data-theme="dark"] .faq-item p,
html[data-theme="dark"] .article .faq-item p { color: #c4d4d8 !important; }
html[data-theme="dark"] .faq-item a,
html[data-theme="dark"] .article .faq-item a { color: #8be7e0 !important; }
html[data-theme="dark"] .faq-item summary:focus-visible { outline: 3px solid #8be7e0; outline-offset: 4px; border-radius: 4px; }
html[data-theme="dark"] .faq-item summary::marker { color: #8be7e0; }

