/* Clock-driven day/night shell. Marketplace service colors live in its own sheet. */
:root,
html[data-theme=day]{
  --page-bg:#f4f8fc;--surface:#fff;--surface-soft:#eaf1f8;--page-text:#13263f;
  --muted-text:#53687e;--theme-line:#ccdae8;--theme-accent:#176ac4;
  --theme-on-accent:#fff;--theme-hover:#e0ebf7;--theme-error:#a12222;
  --white:var(--surface);--paper:var(--surface-soft);--ink:var(--page-text);
  --muted:var(--muted-text);--line:var(--theme-line);--error:var(--theme-error);
  color-scheme:light;
}
html[data-theme=night]{
  --page-bg:#07111f;--surface:#101f32;--surface-soft:#172b42;--page-text:#f0f5fd;
  --muted-text:#a9bed4;--theme-line:#2a415c;--theme-accent:#76b8ff;
  --theme-on-accent:#07182c;--theme-hover:#203953;--theme-error:#ffaaa7;
  color-scheme:dark;
}
html,body{background:var(--page-bg);color:var(--page-text)}
html :focus-visible{outline-color:var(--theme-accent)!important}
html .site-header,html .mobile-nav,html .install-page-header{background:var(--surface);color:var(--page-text);border-color:var(--theme-line)}
html .site-header{border-bottom:1px solid var(--theme-line)}
html .desktop-nav a:hover,html .desktop-nav button:hover{color:var(--theme-accent)}
html .language-control select,html .install-page-nav select{background:var(--surface);color:var(--page-text);border-color:var(--theme-line)}
html .menu-toggle span{background:var(--page-text)}
html .mobile-nav a,html .mobile-nav button{border-color:var(--theme-line)}
html .brand img{border-radius:5px;background:#fff}
html .button-black{background:var(--theme-accent);color:var(--theme-on-accent)}
html .button-black:hover{background:var(--theme-accent);filter:brightness(.94)}
html .button-white,html .button-secondary{background:var(--surface-soft);color:var(--page-text)}
html .button-white:hover,html .button-secondary:hover{background:var(--theme-hover)}
html .skip-link{background:var(--surface);color:var(--page-text)}
html .brand-intro{background:var(--surface);color:var(--page-text)}
html .brand-intro #intro-skip{border-color:var(--theme-line);color:var(--page-text)}
html .intro-brand p{color:var(--muted-text)}
html .intro-flight{color:var(--theme-accent)}
html .marketplace-hero.cinematic-hero{background:var(--page-bg);color:var(--page-text)}
html .marketplace-hero .hero-backdrop{background:var(--page-bg)}
html .marketplace-hero .hero-backdrop:after{background:var(--page-bg);opacity:.82}
html .marketplace-hero .hero-backdrop>img{opacity:.12;filter:grayscale(.25)}
html .marketplace-hero.cinematic-hero .hero-intro{color:var(--muted-text)}
html .marketplace-hero .hero-service{background:var(--surface);border-color:var(--theme-line);color:var(--page-text)}
html .marketplace-hero .hero-service:hover{background:var(--theme-hover)}
html .marketplace-hero .hero-service-primary{background:var(--theme-accent);border-color:var(--theme-accent);color:var(--theme-on-accent)}
html .marketplace-hero .hero-service-primary:hover{filter:brightness(.95)}
html .story-section,html .story-frame,html .story-stage,
html .story-stage[data-has-video=true] .story-frame,html .story-stage.has-video .story-frame{background:var(--surface);color:var(--page-text)}
html .story-section{border-block:1px solid var(--theme-line)}
html .section-kicker,html .story-heading .section-kicker,html .story-heading>p,
html .story-copy>p,html .story-scene-index,html .story-controls>p{color:var(--muted-text)}
html .story-action{color:var(--theme-accent);border-color:var(--theme-accent)}
html .story-action:hover{color:var(--page-text);border-color:var(--page-text)}
html .story-frame+.story-frame{border-color:var(--theme-line)}
html .story-dots>button>span{background:var(--theme-line)}
html .story-dots>button[data-active=true]>span{background:var(--theme-accent)}
html .story-control-buttons>button{color:var(--page-text);border-color:var(--theme-line)}
html .story-control-buttons>button:hover{background:var(--theme-hover)}
html .planning-section,html .purchase-chapter,html .install-hub{background:var(--surface-soft);color:var(--page-text)}
html .scroll-chapter,html .traveler-chapter,html .closing-chapter,html .how-chapter{background:var(--page-bg);color:var(--page-text)}
html .how-section{color:var(--page-text)}
html .planning-copy>p:not(.section-kicker),html .editorial-copy>p,
html .plain-list li,html .editorial-copy .small-note,html .section-heading>p,
html .steps p,html .faq-list details p,html .small-note{color:var(--muted-text)}
html .purchase-detail{color:var(--muted-text)!important}
html .plain-list li:before{background:var(--theme-accent)}
html .step-number{color:var(--theme-accent);border-color:var(--theme-line)}
html .closing,html .faq-list details,html .faq-list details:first-child,html .planning-board-link{border-color:var(--theme-line)}
html .planning-board-link{color:var(--theme-accent)}
html .planning-section .planner{background:var(--surface);border-color:var(--theme-line)}
html .planner-tabs{border-color:var(--theme-line)}
html .planner-tabs button{color:var(--muted-text)}
html .planner-tabs button[aria-selected=true]{color:var(--theme-accent);border-color:var(--theme-accent)}
html .field input,html .field select,html .unit-input{background:var(--surface-soft);color:var(--page-text)}
html .field input::placeholder{color:var(--muted-text);opacity:1}
html .field input[aria-invalid=true]{border-color:var(--theme-error)}
html .field-error{color:var(--theme-error)}
html .unit-input span,html .form-note{color:var(--muted-text)}
html .route-line span{background:var(--surface);border-color:var(--theme-accent)}
html .route-line i,html .route-line b{background:var(--theme-accent)}
html .swap-button:hover{background:var(--theme-hover)}
html .site-footer,html .install-page-footer{background:var(--surface);color:var(--page-text);border-top:1px solid var(--theme-line)}
html .footer-links a,html .footer-links button,html .footer-bottom,
html .connected-social a,html .connected-status-note{color:var(--muted-text)}
html .footer-links a:hover,html .footer-links button:hover,html .connected-social a:hover{color:var(--theme-accent)}
html .footer-bottom{border-color:var(--theme-line)}
html dialog{background:var(--surface);color:var(--page-text);border:1px solid var(--theme-line)}
html dialog::backdrop{background:#030b17a6}
html .dialog-close{background:var(--surface-soft);color:var(--page-text)}
html .dialog-shell p,html .dialog-shell ul,html .summary-list dt,
html .inline-status,html .notice-shell .section-kicker,html .notice-shell #notice-detail,
html .notice-shell #notice-detail dt{color:var(--muted-text)}
html .notice-shell #notice-detail dd{color:var(--page-text)}
html .summary-list,html .notice-shell #notice-detail dl{border-color:var(--theme-line)}
html .notice,html .dialog-links a{background:var(--surface-soft);color:var(--page-text)}
html .copy-fallback{background:var(--surface-soft);color:var(--page-text);border-color:var(--theme-line)}
html .toast{background:var(--page-text);color:var(--page-bg)}
html .guide-widget{color:var(--page-text)}
html .guide-launcher{background:var(--theme-accent);color:var(--theme-on-accent);border-color:var(--theme-line)}
html .guide-panel,html .guide-form,html .guide-form textarea,html .guide-footnote,html .guide-status{background:var(--surface);color:var(--page-text);border-color:var(--theme-line)}
html .guide-header{background:var(--surface-soft);color:var(--page-text)}
html .guide-mode,html .guide-footnote,html .guide-status{color:var(--muted-text)}
html .guide-close{color:var(--page-text);border-color:var(--theme-line)}
html .guide-context,html .guide-message-assistant{background:var(--surface-soft);color:var(--page-text)}
html .guide-context{color:var(--muted-text)}
html .guide-message-user,html .guide-form button{background:var(--theme-accent);color:var(--theme-on-accent)}
html .guide-message-action{background:var(--surface);color:var(--theme-accent);border-color:var(--theme-line)}
html .guide-message-error{background:var(--surface-soft);color:var(--theme-error)}
html .guide-form textarea::placeholder{color:var(--muted-text);opacity:1}
html .install-page{background:var(--page-bg);color:var(--page-text)}
html .install-hub-copy>p,html .install-hub-copy .install-web-label,html .install-hub-copy .install-native-note,
html .install-intro .install-web-label,html .install-intro>p:last-child{color:var(--muted-text)}
html .install-qr-link,html .install-instructions{background:var(--surface);color:var(--page-text);border-color:var(--theme-line)}
html .install-qr-link span{color:var(--muted-text)}
html .install-platform-tabs{border-color:var(--theme-line)}
html .install-platform-tabs button{color:var(--muted-text)}
html .install-platform-tabs button[aria-pressed=true]{color:var(--theme-accent);border-color:var(--theme-accent)}
html .install-steps{color:var(--muted-text)}
html .install-detail-note{background:var(--surface-soft);color:var(--muted-text)}
html .install-status{color:var(--theme-accent)}
html .install-side{background:var(--surface);color:var(--page-text);border:1px solid var(--theme-line)}
html .install-side>p,html .install-side .install-native-note{color:var(--muted-text);border-color:var(--theme-line)}
html .install-return{border-color:var(--theme-line);color:var(--theme-accent)}
/* Recognizable local brand assets remain decorative next to visible labels. */
.connected-social a,.install-page-footer a{display:inline-flex;align-items:center;gap:10px;min-height:44px}
.connected-social .social-brand-logo,.install-page-footer .social-brand-logo{width:27px;height:27px;object-fit:contain}
.install-qr-link .platform-brand{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:9px;margin-top:12px;color:var(--page-text)}
.install-qr-link .platform-brand strong{margin:0;font-size:17px}
.platform-logo-pad{display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid #d9e3ee;border-radius:8px;padding:5px;flex-shrink:0}
.install-qr-link .platform-logo-pad{margin-top:0}
.install-qr-link .platform-logo,.install-platform-tabs .platform-logo{width:27px;height:27px;max-width:none;object-fit:contain;image-rendering:auto}
.install-platform-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:9px}
.install-platform-tabs .platform-logo-pad{padding:4px;border-radius:6px}
@media(max-width:390px){.install-qr-link .platform-brand{gap:6px}.install-qr-link .platform-brand strong{font-size:14px}.install-qr-link .platform-logo{width:23px;height:23px}.install-platform-tabs{gap:8px}.install-platform-tabs button{gap:7px;font-size:14px}}