/* Forest at night. This preference belongs to the showcase website. */
:root { color-scheme: light; }
.header-actions { display: flex; align-items: center; gap: 12px; }
.theme-toggle { flex-shrink: 0; background: #eef2e6; border-color: #d8e0ce; }
.theme-toggle svg { width: 19px; height: 19px; }
.theme-toggle .sun-icon { display: none; }
.mobile-app-link { display: inline-flex; align-items: center; gap: 10px; font-weight: 600; }
.mobile-app-link svg { width: 17px; height: 17px; }
body, .site-header, .rhythm-section, .moment-art, .floating-tag {
  transition: background-color .25s ease, color .25s ease, border-color .25s ease;
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --forest: #daedce; --deep: #c4e4b0; --ink: #e4eddf; --muted: #a9b6a0;
  --cream: #101c16; --line: #30412e; --lime: #b5eb92; --soft: #203222; --white: #19291d;
}
[data-theme="dark"] ::selection { background: #b5d994; color: #142419; }
[data-theme="dark"] .site-header { border-bottom-color: #2a3b2a; }
[data-theme="dark"] .desktop-nav { color: #b9c7ad; }
[data-theme="dark"] .desktop-nav a:hover { color: #e2f2d4; }
[data-theme="dark"] .theme-toggle { background: #243627; border-color: #42583a; color: #d4e7bf; }
[data-theme="dark"] .theme-toggle:hover { background: #30452e; }
[data-theme="dark"] .theme-toggle .moon-icon { display: none; }
[data-theme="dark"] .theme-toggle .sun-icon { display: block; }
[data-theme="dark"] .button { background: #b6d994; color: #18291a; border-color: #b6d994; }
[data-theme="dark"] .button:hover { background: #c6e7a8; box-shadow: 0 7px 22px #050e093b; }
[data-theme="dark"] .button-outline { background: transparent; color: #d3e8c2; border-color: #668456; }
[data-theme="dark"] .button-outline:hover { background: #263c27; }
[data-theme="dark"] .hero h1 em { color: #b9d7a0; }
[data-theme="dark"] :is(.hero-description, .feature-body>p, .rhythm-heading>p:not(.eyebrow), .steps p, .moment-copy>p:not(.eyebrow), .faq-list details>p) { color: #afbea5; }
[data-theme="dark"] :is(.hero-note, .product-label, .swipe-hint, .section-intro .eyebrow, .feature-index, .sample-note, .rhythm-heading .eyebrow, .moment-copy .eyebrow, .faq-section .eyebrow, .art-caption, .site-footer>p, .copyright) { color: #99ab8c; }
[data-theme="dark"] :is(.eyebrow-dot, .live-dot) { background: #a6d27f; box-shadow: 0 0 12px #a3d87d35; }
[data-theme="dark"] .mini-leaf { background: #2a3e26; color: #bbd99f; }
[data-theme="dark"] .orbit { border-color: #344c2f; }
[data-theme="dark"] .orbit-one { background: radial-gradient(ellipse, #6b8c3e22, transparent 68%); }
[data-theme="dark"] .hero-product::before {
  content: ""; position: absolute; inset: 35px -40px 40px; pointer-events: none;
  background: radial-gradient(ellipse at center, #5476321f, transparent 67%);
}
[data-theme="dark"] .stage-ground { background: radial-gradient(ellipse, #000b0080, transparent 70%); }
[data-theme="dark"] .phone-render { filter: drop-shadow(12px 18px 14px #030b0770); }
[data-theme="dark"] .floating-tag { background: #203123f5; border-color: #42553a; box-shadow: 0 12px 35px #000b0020; }
[data-theme="dark"] .floating-tag strong { color: #e0edcf; }
[data-theme="dark"] .floating-tag div>span { color: #b0bfa1; }
[data-theme="dark"] :is(.tag-icon, .tag-icon.sparkle) { background: #33482b; color: #c2df9e; }
[data-theme="dark"] .icon-button { border-color: #405339; }
[data-theme="dark"] .icon-button:hover { background: #293d28; }
[data-theme="dark"] .slide-counter { color: #aab99c; }
[data-theme="dark"] .slide-counter>span { color: #7a906c; }
[data-theme="dark"] .page-selector { color: #bbcbae; }
[data-theme="dark"] .page-selector .selector-number { color: #94aa82; }
[data-theme="dark"] .page-selector:hover { background: #223824; }
[data-theme="dark"] .page-selector.is-selected { background: #b6d994; border-color: #b6d994; color: #192d1b; }
[data-theme="dark"] .page-selector.is-selected .selector-number { color: #3d5832; }
[data-theme="dark"] .feature-points { color: #bfd2ae; }
[data-theme="dark"] .feature-points svg { color: #b2d28e; }
[data-theme="dark"] .rhythm-section { background: #19291d; border-color: #2e422d; }
[data-theme="dark"] .steps li { border-color: #364b32; }
[data-theme="dark"] .step-number { color: #a7b98e; }
[data-theme="dark"] .steps>li>svg { color: #b1ce96; }
[data-theme="dark"] .moment-art { background-color: #203523; background-image: radial-gradient(ellipse at 35% 40%, #44603877, transparent 70%); }
[data-theme="dark"] .moment-copy h2 em { color: #bad69f; }
[data-theme="dark"] .moment-list { color: #bdd3a8; }
[data-theme="dark"] .faq-list summary>span { color: #c1d9a6; }
[data-theme="dark"] .closing-section { background: linear-gradient(120deg, #294c32, #1c3823); border: 1px solid #45643d; }
[data-theme="dark"] .closing-section .button-light { background: #d6e8be; color: #1b331e; border-color: #d6e8be; }
[data-theme="dark"] .closing-section .button-light:hover { background: #e0efce; }
[data-theme="dark"] .closing-section :is(.eyebrow, .closing-note) { color: #b5cda5; }
[data-theme="dark"] .site-footer>div { color: #b4c7a1; }
[data-theme="dark"] .screen-dialog { border-color: #3b5236; box-shadow: 0 30px 90px #000b0099; }
[data-theme="dark"] .screen-dialog::backdrop { background: #030a07cc; }
[data-theme="dark"] .dialog-header .eyebrow { color: #a6bb92; }
[data-theme="dark"] .gallery-tabs button:hover { background: #243c27; }
[data-theme="dark"] .gallery-tabs [aria-pressed="true"] { background: #b6d994; color: #18291a; border-color: #b6d994; }
[data-theme="dark"] .dialog-image-wrap { background: #1d3021; }
[data-theme="dark"] .dialog-footer>span { color: #aabf97; }
[data-theme="dark"] .noscript-notice { background: #233b25; }
[data-theme="dark"] :is(button, a, summary, .phone-carousel):focus-visible { outline-color: #b4dc8e; }
@media (max-width: 960px) { .header-actions { gap: 8px; } }
@media (max-width: 700px) { .header-actions .nav-cta { margin-left: 0; } }
@media (max-width: 480px) { .header-actions .nav-cta { display: none; } }