/* The early theme controller resolves device or saved preferences before paint.
   Scoped rules also support manual choices without changing shared cards. */
.lp-hero-phone>img{display:block;width:100%;height:auto;border-radius:inherit}

:root[data-theme=dark]{
  --ui-error:#ff9ab6;--ui-ink:#f3edf9;--ui-muted:#c4b5d1;--ui-subtle:#b3a1c4;
  --ui-line:#44364f;--ui-canvas:#15111d;--ui-paper:#19131f;
  --ui-surface:#231b2d;--ui-sidebar:#1c1526;
  --ui-shadow:0 8px 30px #00000024;
  --iskra-ink:var(--ui-ink);--iskra-line:var(--ui-line);
  --iskra-copy:var(--ui-muted);--iskra-copy-secondary:var(--ui-subtle);
  --night-raised:#2c2238;--night-tint:#352746;--night-link:#c9acff;
  --night-warm:#382a2c;--night-warm-copy:#f2c1a8;
 }
html[data-theme=dark]{background:var(--ui-canvas)}
:where(html[data-theme=dark]) body{background:var(--ui-canvas);color:var(--ui-ink)}
:where(html[data-theme=dark]) ::selection{background:#6c479e;color:white}
:where(html[data-theme=dark]) :where(button,a,input,textarea,select,summary):focus-visible{outline-color:#c4a0ff}
:where(html[data-theme=dark]) input,:where(html[data-theme=dark]) textarea,:where(html[data-theme=dark]) select{accent-color:#b38bff}
:where(html[data-theme=dark]) .surface,:where(html[data-theme=dark]) .people-panel,:where(html[data-theme=dark]) .conversations-panel,:where(html[data-theme=dark]) .conversation,:where(html[data-theme=dark]) .messenger-layout,:where(html[data-theme=dark]) .map-variant-bar,:where(html[data-theme=dark]) .event-banner,:where(html[data-theme=dark]) .notifications-surface{background:var(--ui-surface);border-color:var(--ui-line)}
:where(html[data-theme=dark]) .topbar{background:#1d1725f5;border-color:var(--ui-line)}
:where(html[data-theme=dark]) .mobile-nav{background:#21192bf5;border-color:var(--ui-line)}
:where(html[data-theme=dark]) .mobile-nav>button{color:var(--ui-subtle)}
:where(html[data-theme=dark]) .mobile-nav>button.active{color:var(--night-link)}
:where(html[data-theme=dark]) .mobile-nav>button.active:before{background:var(--night-link)}
:where(html[data-theme=dark]) .sidebar .nav-item.active small{background:#452775;color:white}
:where(html[data-theme=dark]) .sidebar .nav-item.active .nav-new{background:#452775;border-color:#715394;color:#ffe0c9}
:where(html[data-theme=dark]) .sidebar .pro-teaser{background:#3b2b33;border-color:#60414a}
:where(html[data-theme=dark]) .sidebar .pro-teaser strong{color:#ffcfb2}
:where(html[data-theme=dark]) .sidebar .pro-teaser p{color:#e0b7b6}
:where(html[data-theme=dark]) .sidebar .pro-link{color:#d3b0ff}
:where(html[data-theme=dark]) .sidebar .pro-teaser-icon{background:#523645;color:#d1a6ff}
:where(html[data-theme=dark]) .mobile-brand,:where(html[data-theme=dark]) .guest-brand,:where(html[data-theme=dark]) .comparison-brand{color:var(--night-link)}
:where(html[data-theme=dark]) .eyebrow,:where(html[data-theme=dark]) .page-footnote,:where(html[data-theme=dark]) .subtle-note,:where(html[data-theme=dark]) .tiny-label,:where(html[data-theme=dark]) .design-options>span,:where(html[data-theme=dark]) .conversations-title>span,:where(html[data-theme=dark]) .conversations-title h2>span,:where(html[data-theme=dark]) .conversations-bottom,:where(html[data-theme=dark]) .conversation-copy>small,:where(html[data-theme=dark]) .conversation-copy time,:where(html[data-theme=dark]) .conversation-header>div>span,:where(html[data-theme=dark]) .conversation-empty>small,:where(html[data-theme=dark]) .composer-footnote,:where(html[data-theme=dark]) .notice-open time,:where(html[data-theme=dark]) .notice-kind,:where(html[data-theme=dark]) .notification-demo>.subtle-note,:where(html[data-theme=dark]) .service-editor-modal .form-field>span,:where(html[data-theme=dark]) .service-examples-label,:where(html[data-theme=dark]) .received-label,:where(html[data-theme=dark]) .share-body>small{color:var(--ui-subtle)}
:where(html[data-theme=dark]) .button.secondary,:where(html[data-theme=dark]) .top-right .notification-bell,:where(html[data-theme=dark]) .notification-bell,:where(html[data-theme=dark]) .modal-close,:where(html[data-theme=dark]) .search,:where(html[data-theme=dark]) .chat-search,:where(html[data-theme=dark]) .composer-label,:where(html[data-theme=dark]) .comparison-back,:where(html[data-theme=dark]) .comparison-choose,:where(html[data-theme=dark]) .comparison-mobile-tabs button{color:var(--night-link);background:var(--night-raised);border-color:#574466}
:where(html[data-theme=dark]) .button.secondary:hover,:where(html[data-theme=dark]) .comparison-choose:hover{background:#3b2c50;border-color:#9271b6}
:where(html[data-theme=dark]) .icon-button,:where(html[data-theme=dark]) .text-button,:where(html[data-theme=dark]) .map-variant-bar>a,:where(html[data-theme=dark]) .map-variant-bar button,:where(html[data-theme=dark]) .saved-tick,:where(html[data-theme=dark]) .service-price,:where(html[data-theme=dark]) .price,:where(html[data-theme=dark]) .example-link-icon{color:var(--night-link)}
:where(html[data-theme=dark]) .button.primary,:where(html[data-theme=dark]) .send-message{background:#7952e8;border-color:#7952e8;color:white}
:where(html[data-theme=dark]) .button.primary:hover{background:#8860f0;border-color:#8860f0}
:where(html[data-theme=dark]) .demo-badge,:where(html[data-theme=dark]) .profile-tags span,:where(html[data-theme=dark]) .company-services span,:where(html[data-theme=dark]) .chat-day>span,:where(html[data-theme=dark]) .people-heading h2>span,:where(html[data-theme=dark]) .services-empty,:where(html[data-theme=dark]) .info-box,:where(html[data-theme=dark]) .conversations-title h2>span{
  background:var(--night-tint);border-color:#544065;color:#d5baf7;
 }
:where(html[data-theme=dark]) .visibility,:where(html[data-theme=dark]) .visibility.is-on{color:#cbb6dd}
:where(html[data-theme=dark]) .visibility .switch{background:#64516f}
:where(html[data-theme=dark]) .visibility.is-on .switch{background:#9870eb}
:where(html[data-theme=dark]) .segmented button{background:var(--ui-surface);border-color:var(--ui-line);color:var(--ui-muted)}
:where(html[data-theme=dark]) .segmented button.selected{background:#7952e8;border-color:#7952e8;color:white}
:where(html[data-theme=dark]) .map-variant-bar button.selected,:where(html[data-theme=dark]) .chat-filters>button.active,:where(html[data-theme=dark]) .notification-filters>button.active{background:#493263;color:#ebd9ff}
:where(html[data-theme=dark]) .chat-filters>button,:where(html[data-theme=dark]) .notification-filters>button{color:var(--ui-muted)}
:where(html[data-theme=dark]) .search input,:where(html[data-theme=dark]) .chat-search input,:where(html[data-theme=dark]) .composer-label>textarea{color:var(--ui-ink)}
:where(html[data-theme=dark]) .search input::placeholder,:where(html[data-theme=dark]) .chat-search input::placeholder,:where(html[data-theme=dark]) .composer-label>textarea::placeholder{color:var(--ui-subtle)}
:where(html[data-theme=dark]) .map-lock{background:#21172eed;color:var(--ui-ink)}
:where(html[data-theme=dark]) .map-lock>.icon{color:var(--night-link)}
:where(html[data-theme=dark]) .map-bottom{background:var(--night-raised)}
:where(html[data-theme=dark]) .map-label,:where(html[data-theme=dark]) .radius-label{background:#2c2238f5;color:var(--ui-muted);border-color:var(--ui-line)}
:where(html[data-theme=dark]) .radius-label select,:where(html[data-theme=dark]) .map-legend,:where(html[data-theme=dark]) .map-label span{color:var(--ui-muted)}
:where(html[data-theme=dark]) .map-controls button{background:var(--night-raised);color:var(--night-link);border-color:var(--ui-line)}
:where(html[data-theme=dark]) .map-controls,:where(html[data-theme=dark]) .map-legend{background:var(--night-raised);border-color:var(--ui-line)}
:where(html[data-theme=dark]) .map-legend>span:last-child{color:var(--ui-muted)}
:where(html[data-theme=dark]) .map-variant-bar>span,:where(html[data-theme=dark]) .people-footer{color:var(--ui-subtle)}
:where(html[data-theme=dark]) .map-panel .geo-selection{border-color:#6c517f}
:where(html[data-theme=dark]) .person-row,:where(html[data-theme=dark]) .people-heading,:where(html[data-theme=dark]) .people-footer,:where(html[data-theme=dark]) .chat-filters,:where(html[data-theme=dark]) .conversation-row,:where(html[data-theme=dark]) .conversation-header,:where(html[data-theme=dark]) .notification-filters,:where(html[data-theme=dark]) .notice-row,:where(html[data-theme=dark]) .notification-setting,:where(html[data-theme=dark]) .service-example-editor,:where(html[data-theme=dark]) .contact-editor,:where(html[data-theme=dark]) .contact-editor .messenger-editor-row,:where(html[data-theme=dark]) .receive-actions{border-color:var(--ui-line)}
:where(html[data-theme=dark]) .person-info strong,:where(html[data-theme=dark]) .conversation-copy strong,:where(html[data-theme=dark]) .conversation-header strong,:where(html[data-theme=dark]) .conversation-empty h2,:where(html[data-theme=dark]) .new-chat-person strong,:where(html[data-theme=dark]) .notice-open strong,:where(html[data-theme=dark]) .notification-setting strong,:where(html[data-theme=dark]) .notification-demo h3,:where(html[data-theme=dark]) .notification-demo h2,:where(html[data-theme=dark]) .custom-strip h3,:where(html[data-theme=dark]) .bottom-grid h3,:where(html[data-theme=dark]) .contact-editor-heading h3,:where(html[data-theme=dark]) .messenger-editor-heading h4,:where(html[data-theme=dark]) .service-card h3,:where(html[data-theme=dark]) .services-empty h3,:where(html[data-theme=dark]) .referral-owner h3,:where(html[data-theme=dark]) .empty h2,:where(html[data-theme=dark]) .empty h3{color:var(--ui-ink)}
:where(html[data-theme=dark]) .person-info p,:where(html[data-theme=dark]) .person-info small,:where(html[data-theme=dark]) .distance,:where(html[data-theme=dark]) .detail-line,:where(html[data-theme=dark]) .detail-line a,:where(html[data-theme=dark]) .contact-card>p,:where(html[data-theme=dark]) .contact-card>small,:where(html[data-theme=dark]) .event-date,:where(html[data-theme=dark]) .event-place,:where(html[data-theme=dark]) .event-bottom>span,:where(html[data-theme=dark]) .company-body h3,:where(html[data-theme=dark]) .company-aside small,:where(html[data-theme=dark]) .feature-list li,:where(html[data-theme=dark]) .price span,:where(html[data-theme=dark]) .person-modal-role,:where(html[data-theme=dark]) .person-modal-role span,:where(html[data-theme=dark]) .conversation-copy>p,:where(html[data-theme=dark]) .conversation-empty>p,:where(html[data-theme=dark]) .new-chat-person small,:where(html[data-theme=dark]) .notice-open p,:where(html[data-theme=dark]) .notice-row.read .notice-open p,:where(html[data-theme=dark]) .notification-setting small,:where(html[data-theme=dark]) .browser-notifications p,:where(html[data-theme=dark]) .notification-demo>p,:where(html[data-theme=dark]) .contact-editor-heading>p,:where(html[data-theme=dark]) .messenger-editor-hint,:where(html[data-theme=dark]) .messenger-editor-row legend,:where(html[data-theme=dark]) .messenger-editor-heading h4>small,:where(html[data-theme=dark]) .referral-owner p{color:var(--ui-muted)}
:where(html[data-theme=dark]) .detail-line .icon,:where(html[data-theme=dark]) .feature-list .icon,:where(html[data-theme=dark]) .search>.icon{color:#b89ad3}
:where(html[data-theme=dark]) .people-footer,:where(html[data-theme=dark]) .conversations-bottom{background:#261d32}
:where(html[data-theme=dark]) .bottom-grid .event-banner p{color:var(--ui-muted)}
:where(html[data-theme=dark]) .tiny-label b{background:#604044;color:#ffe0ca}
:where(html[data-theme=dark]) .live-pill{color:#b8dbb1;background:#27382c;border-color:#3d5742}
:where(html[data-theme=dark]) .industry-tag.pink,:where(html[data-theme=dark]) .tag-text.pink{color:#efb8d7;background:#44293d}
:where(html[data-theme=dark]) .industry-tag.blue,:where(html[data-theme=dark]) .tag-text.blue{color:#bdccff;background:#29344d}
:where(html[data-theme=dark]) .industry-tag.orange,:where(html[data-theme=dark]) .tag-text.orange{color:#ffd1ab;background:#433024}
:where(html[data-theme=dark]) .industry-tag.violet,:where(html[data-theme=dark]) .tag-text.violet,:where(html[data-theme=dark]) .pro-label{color:#d5baff;background:#3c2a51}
:where(html[data-theme=dark]) .tag-text{background:none!important}
:where(html[data-theme=dark]) .privacy-banner,:where(html[data-theme=dark]) .custom-strip-icon,:where(html[data-theme=dark]) .notice-symbol.events,:where(html[data-theme=dark]) .locator-demo-label{
  background:var(--night-warm);border-color:#604446;color:var(--night-warm-copy);
 }
:where(html[data-theme=dark]) .privacy-banner h3,:where(html[data-theme=dark]) .privacy-banner p{color:var(--night-warm-copy)}
:where(html[data-theme=dark]) .card-showcase{background:radial-gradient(ellipse at 50% 50%,#3c2657,transparent 73%),#21192c}
:where(html[data-theme=dark]) .card-showcase-caption{color:var(--ui-subtle)}
:where(html[data-theme=dark]) .company-cover{background:linear-gradient(135deg,#483142,#302131);color:#f7c5b3}
:where(html[data-theme=dark]) .company-cover small,:where(html[data-theme=dark]) .company-cover i{color:#ecc2bb}
:where(html[data-theme=dark]) .event-cover.peach{background:#50323d;color:#ffe1cb}
:where(html[data-theme=dark]) .event-cover.purple{background:#3e2959;color:#dbbaff}
:where(html[data-theme=dark]) .event-cover>b{background:#2b1e3d;color:#f0dcff}
:where(html[data-theme=dark]) .event-cover.peach>b{background:#33212a;color:#ffe1cb}
:where(html[data-theme=dark]) .modal-backdrop{background:#080510b8}
:where(html[data-theme=dark]) .modal:not(.locator-modal){background:var(--ui-surface);border-color:#50405e;box-shadow:0 30px 110px #0008}
:where(html[data-theme=dark]) .form-field{color:#d5c2e6}
:where(html[data-theme=dark]) .form-field input,:where(html[data-theme=dark]) .form-field textarea,:where(html[data-theme=dark]) .form-field select,:where(html[data-theme=dark]) .manual-url{
  color:var(--ui-ink);background:#1b1524;border-color:#655074;
 }
:where(html[data-theme=dark]) .form-field input::placeholder,:where(html[data-theme=dark]) .form-field textarea::placeholder{color:#b1a0c0}
:where(html[data-theme=dark]) .form-field input:focus,:where(html[data-theme=dark]) .form-field textarea:focus,:where(html[data-theme=dark]) .form-field select:focus{border-color:#bc99ff;box-shadow:0 0 0 3px #b58aff20}
:where(html[data-theme=dark]) .editor-preview{background:#2d213c;border-color:#554069}
:where(html[data-theme=dark]) .editor-preview>p{color:var(--ui-muted)}
:where(html[data-theme=dark]) .service-card{background:var(--ui-surface);border-color:#554065}
:where(html[data-theme=dark]) .services-paywall{background:#30213f}
:where(html[data-theme=dark]) .service-sample small{color:white}
:where(html[data-theme=dark]) .work-example,:where(html[data-theme=dark]) .example-fields,:where(html[data-theme=dark]) .messenger-editor-row{background:var(--night-raised);border-color:var(--ui-line);color:var(--ui-ink)}
:where(html[data-theme=dark]) .work-example:hover{border-color:#bc99ff}
:where(html[data-theme=dark]) .example-fields legend,:where(html[data-theme=dark]) .service-example-editor h3{color:#d5baff}
:where(html[data-theme=dark]) .service-example-editor h3 span{color:var(--ui-subtle)}
:where(html[data-theme=dark]) #service-error,:where(html[data-theme=dark]) .contact-editor-error{color:#ffb0c3}
:where(html[data-theme=dark]) .guest-page{background:radial-gradient(ellipse at 50% 0,#342044,transparent 65%),var(--ui-canvas)}
:where(html[data-theme=dark]) .guest-page>.eyebrow{color:#c1a3d7}
:where(html[data-theme=dark]) .contact-website>a,:where(html[data-theme=dark]) .contact-address>a,:where(html[data-theme=dark]) .messenger-link strong{color:#dfc9f6}
:where(html[data-theme=dark]) .contact-detail-label,:where(html[data-theme=dark]) .contact-messengers>.contact-detail-label,:where(html[data-theme=dark]) .contact-address small,:where(html[data-theme=dark]) .messenger-link small{color:#c4afd5}
:where(html[data-theme=dark]) .messenger-link{background:var(--night-raised);border-color:#544064;color:var(--night-link)}
:where(html[data-theme=dark]) .messenger-link:hover{background:#3c2d50;border-color:#9471b6}
:where(html[data-theme=dark]) .messenger-link>.icon{color:#c4a6df}
:where(html[data-theme=dark]) .messenger-badge,:where(html[data-theme=dark]) .messenger-max .messenger-badge{background:#453160;color:#dec7ff}
:where(html[data-theme=dark]) .messenger-whatsapp .messenger-badge{background:#294334;color:#afe6c3}
:where(html[data-theme=dark]) .messenger-telegram .messenger-badge,:where(html[data-theme=dark]) .messenger-vk .messenger-badge,:where(html[data-theme=dark]) .messenger-signal .messenger-badge{background:#2c3b57;color:#c0d4ff}
:where(html[data-theme=dark]) .messenger-viber .messenger-badge{background:#493055;color:#e6bff9}
/* Chat surfaces have separate levels; outgoing messages keep their brand fill. */
:where(html[data-theme=dark]) .conversation-row.selected{background:#37254b;border-left-color:#bc94ff}
:where(html[data-theme=dark]) .conversation-row:hover{background:#2c2238}
:where(html[data-theme=dark]) .conversation-origin{background:var(--night-warm);border-color:#594048;color:#e9c2b2}
:where(html[data-theme=dark]) .chat-history{background:radial-gradient(ellipse at 90% 20%,#2b1e3a,transparent 70%),#1c1526}
:where(html[data-theme=dark]) .incoming .message-bubble{background:#3b2b4c;border-color:#513c63}
:where(html[data-theme=dark]) .incoming .message-bubble>p{color:#f0e4fc}
:where(html[data-theme=dark]) .incoming .message-bubble>time{color:#cab5da}
:where(html[data-theme=dark]) .conversation-header{background:var(--ui-surface)}
:where(html[data-theme=dark]) .icon-button{background:var(--night-raised);border-color:var(--ui-line)}
:where(html[data-theme=dark]) .conversation-header>.icon-button{border-color:#665075}
:where(html[data-theme=dark]) .chat-composer{background:var(--ui-surface);border-color:var(--ui-line)}
:where(html[data-theme=dark]) .composer-label{background:#1b1524}
:where(html[data-theme=dark]) .conversation-empty,:where(html[data-theme=dark]) .chat-first-message{color:var(--ui-ink)}
:where(html[data-theme=dark]) .conversation-empty>p,:where(html[data-theme=dark]) .chat-first-message>p,:where(html[data-theme=dark]) .chat-list-empty,:where(html[data-theme=dark]) .new-chat-caption{color:var(--ui-muted)}
:where(html[data-theme=dark]) .chat-first-message>button{color:var(--night-link)}
:where(html[data-theme=dark]) .new-chat-person:hover{background:var(--night-raised)}
:where(html[data-theme=dark]) .new-chat-person{border-color:var(--ui-line)}
:where(html[data-theme=dark]) .notice-row.unread{background:#30223f}
:where(html[data-theme=dark]) .notice-row,:where(html[data-theme=dark]) .notice-row.read{background:var(--ui-surface)}
:where(html[data-theme=dark]) .notice-row.unread .notice-open strong,:where(html[data-theme=dark]) .notice-row.read .notice-open strong{color:var(--ui-ink)}
:where(html[data-theme=dark]) .notification-filters>button>span{background:#48305c;color:#ebd4ff}
:where(html[data-theme=dark]) .notice-symbol,:where(html[data-theme=dark]) .notice-symbol.contacts,:where(html[data-theme=dark]) .notice-symbol.messages,:where(html[data-theme=dark]) .notification-demo-art,:where(html[data-theme=dark]) .notification-preferences,:where(html[data-theme=dark]) .browser-notifications{background:var(--night-tint);color:var(--night-link);border-color:#554165}
:where(html[data-theme=dark]) .notification-demo h3,:where(html[data-theme=dark]) .browser-notifications>span{color:var(--ui-ink)}
:where(html[data-theme=dark]) .notification-demo{background:linear-gradient(140deg,#392a2c,#2d202e);border-color:#61434a}
:where(html[data-theme=dark]) .notification-demo>.button,:where(html[data-theme=dark]) .browser-notifications>.button{background:var(--night-raised);border-color:#665075;color:#d8bdff}
:where(html[data-theme=dark]) .notification-demo>.eyebrow,:where(html[data-theme=dark]) .notification-demo>small{color:var(--ui-muted)}
:where(html[data-theme=dark]) .notifications-empty,:where(html[data-theme=dark]) .notifications-empty>p,:where(html[data-theme=dark]) .notice-read{color:var(--ui-muted)}
:where(html[data-theme=dark]) .notification-setting>i{background:#62536d}
:where(html[data-theme=dark]) .notification-setting input:checked+i{background:#9870eb}
/* Sharing and referral flows. QR canvases stay white for reliable scanning. */
:where(html[data-theme=dark]) .qr-wrap{--ui-muted:#604777;background:#fff;color:#39254e;color-scheme:only light;border-color:#e9dff2}
:where(html[data-theme=dark]) .share-body .exchange-touch-option{background:#312241;border-color:#5c4471}
:where(html[data-theme=dark]) .share-body .exchange-touch-option:hover{background:#3d2a50}
:where(html[data-theme=dark]) .exchange-touch-option strong,:where(html[data-theme=dark]) .touch-limit>strong,:where(html[data-theme=dark]) .referral-steps strong{color:var(--ui-ink)}
:where(html[data-theme=dark]) .exchange-touch-option small,:where(html[data-theme=dark]) .exchange-device-note,:where(html[data-theme=dark]) .touch-limit>p,:where(html[data-theme=dark]) .referral-steps p,:where(html[data-theme=dark]) .referral-program-status>p,:where(html[data-theme=dark]) .receive-app-note{color:var(--ui-muted)}
:where(html[data-theme=dark]) .exchange-touch-option>.icon,:where(html[data-theme=dark]) .touch-status,:where(html[data-theme=dark]) .touch-body>.text-button,:where(html[data-theme=dark]) .referral-steps>li>span{color:var(--night-link)}
:where(html[data-theme=dark]) .touch-art{background:radial-gradient(ellipse at 65% 40%,#422559,#271b36 75%)}
:where(html[data-theme=dark]) .touch-limit{background:var(--night-warm);border-color:#604446}
:where(html[data-theme=dark]) .exchange-feedback,:where(html[data-theme=dark]) .referral-program-status{background:var(--night-tint);color:var(--ui-muted)}
:where(html[data-theme=dark]) .referral-program-status>strong{color:#e2c8ff}
:where(html[data-theme=dark]) .referral-code,:where(html[data-theme=dark]) .referral-owner-icon,:where(html[data-theme=dark]) .receive-invitation{background:#302140;border-color:#735592;color:var(--ui-muted)}
:where(html[data-theme=dark]) .referral-code>strong,:where(html[data-theme=dark]) .receive-invitation strong{color:#dac1ff}
:where(html[data-theme=dark]) .referral-code>span,:where(html[data-theme=dark]) .referral-code>small{color:var(--ui-muted)}
:where(html[data-theme=dark]) .receive-actions>p{color:var(--ui-muted)!important}
:where(html[data-theme=dark]) .guest-details #guest-save{background:var(--ui-violet);border-color:var(--ui-violet);color:#fff}
:where(html[data-theme=dark]) .app-store-soon>button{background:var(--night-raised);color:var(--ui-muted);border-color:var(--ui-line)}
/* Locator: keep the dial readable without requesting or resetting sensors. */
:where(html[data-theme=dark]) .locator-modal,:where(html[data-theme=dark]) .locator-view,:where(html[data-theme=dark]) .locator-header{background:#1d1528;color:var(--ui-ink)}
:where(html[data-theme=dark]) .locator-header h2,:where(html[data-theme=dark]) .locator-person strong,:where(html[data-theme=dark]) .locator-reading>strong,:where(html[data-theme=dark]) .locator-reading>p{color:var(--ui-ink)}
:where(html[data-theme=dark]) .locator-person,:where(html[data-theme=dark]) .locator-demo-controls,:where(html[data-theme=dark]) .locator-header .icon-button{background:var(--night-raised);border-color:#564067}
:where(html[data-theme=dark]) .locator-person span,:where(html[data-theme=dark]) .locator-header .eyebrow,:where(html[data-theme=dark]) .locator-demo-notice,:where(html[data-theme=dark]) .locator-reading>small,:where(html[data-theme=dark]) .locator-sensor-note,:where(html[data-theme=dark]) .locator-footnote,:where(html[data-theme=dark]) .locator-demo-controls summary,:where(html[data-theme=dark]) .locator-demo-controls label{color:var(--ui-muted)}
:where(html[data-theme=dark]) .locator-compass{background:radial-gradient(circle,#3f285c 0,#281b38 46%,transparent 69%)}
:where(html[data-theme=dark]) .locator-orbit,:where(html[data-theme=dark]) .locator-orbit.orbit-two{border-color:#644c7d}
:where(html[data-theme=dark]) .locator-orbit.orbit-one{background:repeating-conic-gradient(from 0deg,#9471b5 0deg 1deg,transparent 1deg 15deg)}
:where(html[data-theme=dark]) .locator-rose span{background:#1d1528;color:#d2bddf}
:where(html[data-theme=dark]) .locator-rose .north,:where(html[data-theme=dark]) .locator-arrow,:where(html[data-theme=dark]) .locator-demo-controls output{color:#be98ff}
:where(html[data-theme=dark]) .locator-no-direction,:where(html[data-theme=dark]) .locator-privacy,:where(html[data-theme=dark]) .locator-sensor-badges>span{background:#362547;border-color:#5b4270;color:#e1c7ff}
:where(html[data-theme=dark]) .locator-sensor-badges b{color:#dec9ec}
:where(html[data-theme=dark]) .locator-arrived-mark{background:#563c48;color:#ffd6be}
:where(html[data-theme=dark]) .locator-unavailable{color:var(--ui-muted)}
/* Public maps: keep the three intentionally different map specimens intact. */
:where(html[data-theme=dark]) body:has(.maps-comparison){background:var(--ui-paper)}
:where(html[data-theme=dark]) .comparison-bar,:where(html[data-theme=dark]) .comparison-footer{border-color:var(--ui-line)}
:where(html[data-theme=dark]) .comparison-intro h1,:where(html[data-theme=dark]) .comparison-caption h2{color:var(--ui-ink)}
:where(html[data-theme=dark]) .comparison-intro .eyebrow,:where(html[data-theme=dark]) .comparison-bar>span,:where(html[data-theme=dark]) .comparison-copy>small,:where(html[data-theme=dark]) .comparison-caption>span,:where(html[data-theme=dark]) .comparison-footer>p{color:var(--ui-subtle)}
:where(html[data-theme=dark]) .comparison-copy>p,:where(html[data-theme=dark]) .comparison-caption p,:where(html[data-theme=dark]) .comparison-footer>div p{color:var(--ui-muted)}
:where(html[data-theme=dark]) .comparison-copy>span,:where(html[data-theme=dark]) .comparison-footer>a,:where(html[data-theme=dark]) .comparison-intro h1>span{color:var(--night-link)}
/* Marketing pages use the same canvas and typography as the application. */
:where(html[data-theme=dark]) .lp-header{background:#19131ff2;border-color:var(--ui-line)}
:where(html[data-theme=dark]) .lp-brand,:where(html[data-theme=dark]) .lp-footer .iskra-logo{color:var(--night-link)}
:where(html[data-theme=dark]) .lp-nav>a,:where(html[data-theme=dark]) .lp-text-link{color:var(--ui-muted)}
:where(html[data-theme=dark]) .lp-menu-toggle{background:var(--night-raised);border-color:#5b456b;color:var(--night-link)}
:where(html[data-theme=dark]) .lp-nav.is-open{background:#231a2f;border-color:var(--ui-line);box-shadow:0 20px 40px #0005}
:where(html[data-theme=dark]) .lp-hero h1,:where(html[data-theme=dark]) .lp-steps h2,:where(html[data-theme=dark]) .lp-section-heading h2,:where(html[data-theme=dark]) .lp-pro-heading h2,:where(html[data-theme=dark]) .lp-feature h3,:where(html[data-theme=dark]) .lp-locator-art>strong,:where(html[data-theme=dark]) .lp-pro-story h3,:where(html[data-theme=dark]) .lp-plan h3,:where(html[data-theme=dark]) .lp-faq h2,:where(html[data-theme=dark]) .lp-final h2{color:var(--ui-ink)}
:where(html[data-theme=dark]) .lp-hero h1>span,:where(html[data-theme=dark]) .lp-section-heading h2>span,:where(html[data-theme=dark]) .lp-pro-heading h2>span,:where(html[data-theme=dark]) .lp-faq h2>span,:where(html[data-theme=dark]) .lp-feature-link,:where(html[data-theme=dark]) .lp-pro-pill{color:var(--night-link)}
:where(html[data-theme=dark]) .lp-lead,:where(html[data-theme=dark]) .lp-hero-bottom>span,:where(html[data-theme=dark]) .lp-steps p,:where(html[data-theme=dark]) .lp-section-heading>p,:where(html[data-theme=dark]) .lp-pro-heading>p,:where(html[data-theme=dark]) .lp-feature-copy>p,:where(html[data-theme=dark]) .lp-card-feature .lp-feature-copy>p,:where(html[data-theme=dark]) .lp-pro-story>p,:where(html[data-theme=dark]) .lp-faq>div>p,:where(html[data-theme=dark]) .lp-faq details p,:where(html[data-theme=dark]) .lp-footer>div>span,:where(html[data-theme=dark]) .lp-footer nav>a{color:var(--ui-muted)}
:where(html[data-theme=dark]) .lp-kicker,:where(html[data-theme=dark]) .lp-small-kicker,:where(html[data-theme=dark]) .lp-card-feature .lp-small-kicker,:where(html[data-theme=dark]) .lp-hero-note,:where(html[data-theme=dark]) .lp-section-index,:where(html[data-theme=dark]) .lp-share-caption,:where(html[data-theme=dark]) .lp-inline-note,:where(html[data-theme=dark]) .lp-locator-note,:where(html[data-theme=dark]) .lp-art-demo,:where(html[data-theme=dark]) .lp-art-caption,:where(html[data-theme=dark]) .lp-locator-art>span,:where(html[data-theme=dark]) .lp-footer>small,:where(html[data-theme=dark]) .lp-final .lp-kicker,:where(html[data-theme=dark]) .lp-final>p,:where(html[data-theme=dark]) .lp-plan-note,:where(html[data-theme=dark]) .lp-plan-name{color:var(--ui-subtle)}
:where(html[data-theme=dark]) .lp-hero-bottom,:where(html[data-theme=dark]) .lp-faq details,:where(html[data-theme=dark]) .lp-footer,:where(html[data-theme=dark]) .lp-prototype-note,:where(html[data-theme=dark]) .lp-chat-preview{border-color:var(--ui-line)}
:where(html[data-theme=dark]) .lp-hero-bottom strong{color:#e0c3f3}
:where(html[data-theme=dark]) .lp-avatar-stack .lp-avatar{border-color:var(--ui-paper)}
:where(html[data-theme=dark]) .lp-hero-art{background:linear-gradient(140deg,#38224d,#2c203d 60%,#49313f);border-color:#5e4277;box-shadow:0 25px 65px #0003}
:where(html[data-theme=dark]) .lp-art-orbit{border-color:#9979ba}
:where(html[data-theme=dark]) .lp-floating-chat,:where(html[data-theme=dark]) .lp-feature,:where(html[data-theme=dark]) .lp-locator-person,:where(html[data-theme=dark]) .lp-plan{background:var(--ui-surface);border-color:#544064}
:where(html[data-theme=dark]) .lp-floating-chat strong,:where(html[data-theme=dark]) .lp-locator-person strong,:where(html[data-theme=dark]) .lp-chat-person strong{color:var(--ui-ink)}
:where(html[data-theme=dark]) .lp-floating-chat small,:where(html[data-theme=dark]) .lp-locator-person div>span,:where(html[data-theme=dark]) .lp-chat-person span{color:var(--ui-muted)}
:where(html[data-theme=dark]) .lp-feature-ribbon{background:#30233e;border-color:#59416b}
:where(html[data-theme=dark]) .lp-step-number{color:#c49ee4}
:where(html[data-theme=dark]) .lp-feature-icon{background:#3b2950;color:#cfb0ff}
:where(html[data-theme=dark]) .lp-map-tabs button{background:var(--night-raised);border-color:#655077;color:var(--ui-muted)}
:where(html[data-theme=dark]) .lp-map-tabs button[aria-pressed=true]{background:#7952e8;border-color:#7952e8;color:white}
:where(html[data-theme=dark]) .lp-map-example{border-color:#59446a}
:where(html[data-theme=dark]) .lp-map-example>figcaption,:where(html[data-theme=dark]) .lp-map-example>figcaption>a{background:var(--night-raised);color:var(--ui-muted)}
:where(html[data-theme=dark]) .lp-card-feature{background:#32252b;border-color:#594047}
:where(html[data-theme=dark]) .lp-qr-tile{background:#fff;color:#39254e;color-scheme:only light}
:where(html[data-theme=dark]) .lp-qr-tile>span{color:#6b457b}
:where(html[data-theme=dark]) .lp-locator-feature{background:#2c203c;border-color:#5a4073}
:where(html[data-theme=dark]) .lp-locator-rings i,:where(html[data-theme=dark]) .lp-locator-rings i:nth-child(2),:where(html[data-theme=dark]) .lp-locator-rings i:nth-child(3){border-color:#74598f}
:where(html[data-theme=dark]) .lp-locator-rings>span{background:#2c203c;color:#dbbaff}
:where(html[data-theme=dark]) .lp-chat-message.incoming{background:#3c2c4e;color:#f0e4fc}
:where(html[data-theme=dark]) .lp-chat-card-bubble{background:#302140;border-color:#66477e}
:where(html[data-theme=dark]) .lp-chat-card-bubble strong{color:#d8baff}
:where(html[data-theme=dark]) .lp-chat-card-bubble small{color:var(--ui-muted)}
:where(html[data-theme=dark]) .lp-notice-preview{background:var(--night-warm);border-color:#61434a;color:#f2c1a8}
:where(html[data-theme=dark]) .lp-notice-preview strong{color:#ffe1cd}
:where(html[data-theme=dark]) .lp-notice-preview small{color:#ddbaa9}
:where(html[data-theme=dark]) .lp-use-cases h3{color:var(--ui-ink)}
:where(html[data-theme=dark]) .lp-use-cases p,:where(html[data-theme=dark]) .lp-privacy-note p{color:var(--ui-muted)}
:where(html[data-theme=dark]) .lp-privacy-note strong{color:#d2b2e9}
:where(html[data-theme=dark]) .lp-service-preview{background:var(--night-raised);border-color:#5d446f}
:where(html[data-theme=dark]) .lp-service-preview strong{color:var(--ui-ink)}
:where(html[data-theme=dark]) .lp-service-preview div>span,:where(html[data-theme=dark]) .lp-service-preview p{color:var(--ui-muted)}
:where(html[data-theme=dark]) .lp-service-preview b{color:var(--night-link)}
:where(html[data-theme=dark]) .lp-pro-section{background:#21182b}
:where(html[data-theme=dark]) .lp-pro-pill{background:#39264c;border-color:#705386}
:where(html[data-theme=dark]) .lp-price{color:var(--ui-ink)}
:where(html[data-theme=dark]) .lp-price>span,:where(html[data-theme=dark]) .lp-check-list>li{color:var(--ui-muted)}
:where(html[data-theme=dark]) .lp-plan .lp-secondary{background:var(--night-raised);border-color:#715585;color:#e3c9ff}
:where(html[data-theme=dark]) .lp-paid-plan{background:#39264c;border-color:#74538d}
:where(html[data-theme=dark]) .lp-paid-plan h3{color:#fff3ff}
:where(html[data-theme=dark]) .lp-paid-plan .lp-price{color:#ffc5a5}
:where(html[data-theme=dark]) .lp-paid-plan .lp-plan-name,:where(html[data-theme=dark]) .lp-paid-plan .lp-price>span,:where(html[data-theme=dark]) .lp-paid-plan .lp-plan-note{color:#dec6ef}
:where(html[data-theme=dark]) .lp-business{background:#6340bf}
:where(html[data-theme=dark]) .lp-faq summary{color:#e9d9f6}
:where(html[data-theme=dark]) .lp-faq summary>span{background:var(--night-raised);border-color:#664e78;color:#d4aef7}
:where(html[data-theme=dark]) .lp-final{background:linear-gradient(130deg,#38264b,#30233f 65%,#443039);border-color:#634a77}
:where(html[data-theme=dark]) .lp-prototype-note{background:#282030}
:where(html[data-theme=dark]) .lp-prototype-note>strong,:where(html[data-theme=dark]) .lp-prototype-note>p{color:var(--ui-muted)}
:where(html[data-theme=dark]) .lp-footer nav>a:last-child{color:var(--night-link)}
/* Keep the selected navigation surface dark as well as its icon and label. */
:where(html[data-theme=dark]) .mobile-nav>button.active{background:#3d2a55;color:#e0c6ff}
:where(html[data-theme=dark]) .privacy-banner .tiny-label{color:var(--night-warm-copy)}

/* Hover specificity must match the base interaction rules, including icon buttons. */
:root[data-theme=dark] .icon-button:hover,:root[data-theme=dark] .map-controls button:hover{background:#40304f;border-color:#806493;color:#f3edf9}
:root[data-theme=dark] .button.secondary:hover{background:#40304f;border-color:#806493;color:#f3edf9}
:root[data-theme=dark] .guest-details #guest-save:hover{background:var(--ui-violet-dark);border-color:var(--ui-violet-dark);color:#fff}
:root[data-theme=dark] .sidebar,:root[data-theme=dark] .modal,:root[data-theme=dark] .profile-editor-scroll{scrollbar-color:#695477 #231b2d}