/* GENERATED by scripts/build-day-theme.cjs from / — do not edit by hand.
   Day (headlights off) colours for this page. Hand fixes go in site-theme.css. */
html[data-theme="day"]:root { --bg: rgb(20, 20, 18); --surface: rgb(20, 20, 18); --ink: rgb(243, 241, 236); --ink-2: rgb(162, 159, 151); --ink-3: rgb(112, 108, 100); --line: rgba(243, 241, 236, 0.14); --line-soft: rgba(243, 241, 236, 0.08); --orange: rgb(185, 58, 12); --orange-deep: rgb(154, 48, 10); --orange-light: rgb(194, 77, 10) }
html[data-theme="day"] body { background: var(--bg); color: var(--ink) }
html[data-theme="day"] ::selection { background: var(--orange); color: rgb(255, 255, 255) }
html[data-theme="day"] .eyebrow { color: var(--ink-2) }
html[data-theme="day"] .eyebrow .cur { background: var(--orange) }
html[data-theme="day"] .lead { color: var(--ink-2) }
html[data-theme="day"] .grad { background: linear-gradient(92deg,var(--orange-deep) 0%,var(--orange) 42%,var(--orange-light) 100%); -webkit-background-clip: text; background-clip: text; color: transparent }
html[data-theme="day"] .dim { color: var(--ink-2) }
html[data-theme="day"] .ghost { color: var(--ink-3) }
html[data-theme="day"] .alink { color: var(--ink); text-decoration: none; border-bottom: 1.5px solid transparent }
html[data-theme="day"] .alink .ar { color: var(--orange) }
html[data-theme="day"] .alink:hover { border-color: var(--ink) }
html[data-theme="day"] .alink.on-dark { color: var(--bg) }
html[data-theme="day"] .alink.on-dark:hover { border-color: var(--bg) }
html[data-theme="day"] .pill { background: var(--orange); color: rgb(255, 255, 255); text-decoration: none; border-radius: 999px; box-shadow: 0 10px 30px rgba(185, 58, 12, 0.25) }
html[data-theme="day"] .pill:hover { background: var(--orange-deep); box-shadow: 0 16px 40px rgba(185, 58, 12, 0.32) }
html[data-theme="day"] nav { background: color-mix(in srgb,var(--bg) 88%,transparent); border-bottom: 1px solid var(--line-soft) }
html[data-theme="day"] .logo { color: var(--ink); text-decoration: none }
html[data-theme="day"] .logo .mark { background: var(--orange) }
html[data-theme="day"] .nav-links a { color: var(--ink-2); text-decoration: none }
html[data-theme="day"] .nav-links a:hover { color: var(--ink) }
html[data-theme="day"] .hero-glow { border-radius: 50%; background: radial-gradient(circle,rgba(185, 58, 12, 0.1) 0%,rgba(185, 58, 12, 0) 62%) }
html[data-theme="day"] h1 .l2 { color: var(--ink-2) }
html[data-theme="day"] .stats { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line) }
html[data-theme="day"] .stat { border-left: 1px solid var(--line) }
html[data-theme="day"] .stat:first-child { border-left: none }
html[data-theme="day"] .stat .lbl { color: var(--ink-2) }
@media(max-width:900px) { html[data-theme="day"] .stat:nth-child(3) { border-left: none } }
@media(max-width:900px) { html[data-theme="day"] .stat:nth-child(n+3) { border-top: 1px solid var(--line) } }
html[data-theme="day"] .tcard { background: var(--surface); border: 1px solid var(--line-soft) }
html[data-theme="day"] .tcard:hover { box-shadow: 0 24px 50px rgba(20, 19, 17, 0.028) }
html[data-theme="day"] .tcard .t { color: var(--orange) }
html[data-theme="day"] .tcard p { color: var(--ink-2) }
html[data-theme="day"] .punch { border-top: 1px solid var(--line) }
html[data-theme="day"] .punch em { color: var(--orange) }
html[data-theme="day"] .ncard { border-top: 2px solid var(--ink) }
html[data-theme="day"] .ncard .n { color: var(--ink-3) }
html[data-theme="day"] .ncard h3 span { color: var(--orange) }
html[data-theme="day"] .ncard p { color: var(--ink-2) }
html[data-theme="day"] .three-tag { color: var(--ink-2) }
html[data-theme="day"] #active { background: var(--surface); border-top: 1px solid var(--line-soft); border-bottom: 1px solid var(--line-soft) }
html[data-theme="day"] .comp { border: 1px solid var(--line-soft); background: var(--bg) }
html[data-theme="day"] .comp.hot { border-color: rgba(185, 58, 12, 0.35); background: linear-gradient(180deg,rgba(185, 58, 12, 0.05),rgba(185, 58, 12, 0) 55%),var(--bg) }
html[data-theme="day"] .comp .tag { color: var(--ink-3) }
html[data-theme="day"] .comp.hot .tag { color: var(--orange) }
html[data-theme="day"] .comp li { border-top: 1px solid var(--line-soft); color: var(--ink-2) }
html[data-theme="day"] .comp li b { color: var(--ink) }
html[data-theme="day"] .comp li .dot { color: var(--ink-3) }
html[data-theme="day"] .comp.hot li .dot { color: var(--orange) }
html[data-theme="day"] .demo-box { border: 1px solid var(--line); background: var(--bg) }
html[data-theme="day"] .demo-status { color: var(--ink); background: var(--surface); border: 1px solid var(--line) }
html[data-theme="day"] .demo-status.alert { color: var(--orange); border-color: rgba(185, 58, 12, 0.4) }
html[data-theme="day"] .demo-eta { color: var(--ink-2); background: var(--surface); border: 1px solid var(--line) }
html[data-theme="day"] .kicker em { color: var(--orange) }
html[data-theme="day"] .ticker { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: var(--bg) }
html[data-theme="day"] .ticker span { color: var(--ink-2) }
html[data-theme="day"] .ticker span i { color: var(--orange) }
html[data-theme="day"] #techs { background: var(--ink); color: var(--bg) }
html[data-theme="day"] #techs .eyebrow { color: var(--ink-3) }
html[data-theme="day"] #techs h2 .grad { background: linear-gradient(92deg,var(--orange) 0%,var(--orange-light) 100%); -webkit-background-clip: text; background-clip: text }
html[data-theme="day"] #techs .lead { color: rgb(92, 88, 81) }
html[data-theme="day"] .tf { border-top: 1px solid rgba(20, 20, 18, 0.22) }
html[data-theme="day"] .tf .k { color: var(--orange-light) }
html[data-theme="day"] .tf p { color: rgb(92, 88, 81) }
html[data-theme="day"] .tf p b { color: var(--bg) }
html[data-theme="day"] .fly-row { border-top: 1px solid var(--line) }
html[data-theme="day"] .fly-row:last-child { border-bottom: 1px solid var(--line) }
html[data-theme="day"] .fly-row .ar { color: var(--orange) }
html[data-theme="day"] .fly-row .out { color: var(--ink-2) }
html[data-theme="day"] .fly-line em { color: var(--orange) }
html[data-theme="day"] .role { border-top: 1px solid var(--line); text-decoration: none; color: inherit }
html[data-theme="day"] .role:last-child { border-bottom: 1px solid var(--line) }
html[data-theme="day"] .role:hover { background: var(--surface) }
html[data-theme="day"] .role p { color: var(--ink-2) }
html[data-theme="day"] .role .meta { color: var(--ink-3) }
html[data-theme="day"] .role .meta b { color: var(--orange) }
html[data-theme="day"] #zero .big em { color: var(--orange) }
html[data-theme="day"] .price { border: 1px solid var(--line); background: var(--surface) }
html[data-theme="day"] .pcell { border-left: 1px solid var(--line) }
html[data-theme="day"] .pcell:first-child { border-left: none }
html[data-theme="day"] .pcell .who { color: var(--ink-2) }
html[data-theme="day"] .pcell .amt small { color: var(--ink-2) }
html[data-theme="day"] .pcell .note { color: var(--ink-2) }
@media(max-width:900px) { html[data-theme="day"] .pcell:nth-child(3) { border-left: none } }
@media(max-width:900px) { html[data-theme="day"] .pcell:nth-child(n+3) { border-top: 1px solid var(--line) } }
@media(max-width:560px) { html[data-theme="day"] .pcell { border-left: none } }
@media(max-width:560px) { html[data-theme="day"] .pcell:nth-child(n+2) { border-top: 1px solid var(--line) } }
html[data-theme="day"] .zero-foot { color: var(--ink-2) }
html[data-theme="day"] footer { border-top: 1px solid var(--line) }
html[data-theme="day"] .fcol .h { color: var(--ink-3) }
html[data-theme="day"] .fcol a { color: var(--ink-2); text-decoration: none }
html[data-theme="day"] .fcol a.logo { color: var(--ink) }
html[data-theme="day"] .fcol a:hover { color: var(--ink) }
html[data-theme="day"] .disclaim { border-top: 1px solid var(--line-soft); color: var(--ink-3) }
html[data-theme="day"] .copy { color: var(--ink-3) }
html[data-theme="day"] .qa { border-top: 1px solid var(--line) }
html[data-theme="day"] .qa .a { color: var(--ink-2) }
html[data-theme="day"] .qa .a b { color: var(--ink) }
html[data-theme="day"] .road-div .rd-line { border-top: 3px dashed var(--orange) }
html[data-theme="day"] .road-div .rd-truck { filter: drop-shadow(0 1px 0 rgba(20, 19, 17, 0.06)) }
html[data-theme="day"] .road-div .rd-line { border-top: 3px dashed var(--orange) }
html[data-theme="day"] .road-div .rd-truck { filter: drop-shadow(0 1px 0 rgba(20, 19, 17, 0.06)) }
html[data-theme="day"] .hero-chip { background: rgba(20, 20, 18, 0.72); border: 1px solid var(--line); border-radius: 14px; box-shadow: 0 14px 40px rgba(20, 19, 17, 0.048) }
html[data-theme="day"] .hero-chip .hc-dot { border-radius: 99px }
html[data-theme="day"] .hero-chip b { color: var(--ink) }
html[data-theme="day"] .hero-chip i { color: var(--ink-2) }
html[data-theme="day"] .dark-act { background: var(--ink) }
html[data-theme="day"] .dark-act .sec-head h2, html[data-theme="day"] .dark-act h3 { color: var(--bg) }
html[data-theme="day"] .dark-act .dim { color: rgba(20, 20, 18, 0.5) }
html[data-theme="day"] .dark-act .lead { color: rgba(20, 20, 18, 0.78) }
html[data-theme="day"] .dark-act .lead i, html[data-theme="day"] .dark-act .lead b { color: var(--bg) }
html[data-theme="day"] .dark-act .tcard { background: rgba(20, 20, 18, 0.05); border: 1px solid rgba(20, 20, 18, 0.13); border-radius: 16px }
html[data-theme="day"] .dark-act .tcard p { color: rgba(20, 20, 18, 0.72) }
html[data-theme="day"] .dark-act .tcard:hover { box-shadow: 0 24px 50px rgba(20, 19, 17, 0.16) }
html[data-theme="day"] .dark-act .punch { color: rgba(20, 20, 18, 0.85) }
html[data-theme="day"] .dark-act .punch em { color: var(--orange) }
html[data-theme="day"] .hero-road .ground { background: var(--ink) }
html[data-theme="day"] .hero-road .dashes { background: repeating-linear-gradient(90deg,var(--orange) 0 46px,transparent 46px 100px) }
html[data-theme="day"] .hero-ping { border-radius: 50%; border: 3px solid var(--orange) }
html[data-theme="day"] .road-div .rd-line { border-top: 3px dashed var(--orange) }
html[data-theme="day"] .road-div .rd-truck { filter: drop-shadow(0 1px 0 rgba(20, 19, 17, 0.06)) }
html[data-theme="day"] .road-div .rd-line { border-top: 3px dashed var(--orange) }
html[data-theme="day"] .road-div .rd-truck { filter: drop-shadow(0 1px 0 rgba(20, 19, 17, 0.06)) }
html[data-theme="day"] .road-div .rd-line { border-top: 3px dashed var(--orange) }
html[data-theme="day"] .road-div .rd-truck { filter: drop-shadow(0 1px 0 rgba(20, 19, 17, 0.06)) }
html[data-theme="day"] .road-div .rd-line { border-top: 3px dashed var(--orange) }
html[data-theme="day"] .road-div .rd-truck { filter: drop-shadow(0 1px 0 rgba(20, 19, 17, 0.06)) }
html[data-theme="day"] .tcard.ringing .t::after { border-radius: 50%; background: var(--orange) }
html[data-theme="day"] .road-div .rd-line { border-top: 3px dashed var(--orange) }
html[data-theme="day"] .road-div .rd-truck { filter: drop-shadow(0 1px 0 rgba(20, 19, 17, 0.06)) }
html[data-theme="day"] #zero .big em::after { background: var(--orange) }
html[data-theme="day"] .road-div .rd-line { border-top: 3px dashed var(--orange) }
html[data-theme="day"] .road-div .rd-truck { filter: drop-shadow(0 1px 0 rgba(20, 19, 17, 0.06)) }
html[data-theme="day"] .road-div .rd-line { border-top: 3px dashed var(--orange) }
html[data-theme="day"] .road-div .rd-truck { filter: drop-shadow(0 1px 0 rgba(20, 19, 17, 0.06)) }
html[data-theme="day"] .mini { border-top: 1px dashed var(--line) }
html[data-theme="day"] .mini-chat .mq { color: var(--ink) }
html[data-theme="day"] .mini-chat .mq::before { color: var(--ink-3) }
html[data-theme="day"] .mini-chat .ma { color: var(--orange-deep) }
html[data-theme="day"] .mini-chat .ma::before { color: var(--ink-3) }
html[data-theme="day"] .mini-chat .caret { background: var(--orange) }
html[data-theme="day"] .job-toast { background: var(--bg); color: var(--ink); border: 2px solid var(--ink) }
html[data-theme="day"] .job-toast .jt-k { color: var(--orange) }
html[data-theme="day"] .job-toast .jt-m { color: var(--ink-2) }
html[data-theme="day"] .job-toast .jt-y { color: var(--ink-3); border-top: 1px solid var(--line) }
html[data-theme="day"] .road-div .rd-line { border-top: 3px dashed var(--orange) }
html[data-theme="day"] .road-div .rd-truck { filter: drop-shadow(0 1px 0 rgba(20, 19, 17, 0.06)) }
html[data-theme="day"] #zero .big { color: var(--ink) }
html[data-theme="day"] #zero .big em { color: var(--orange) }
html[data-theme="day"] #zero .lead b { color: var(--ink) !important }
html[data-theme="day"] #zero .price { border: none; background: none }
html[data-theme="day"] #zero .pcell { background: rgb(252, 251, 250); border: 1px solid rgba(20, 20, 18, 0.08); border-radius: 12px }
html[data-theme="day"] #zero .pcell:first-child .amt { color: var(--orange) }
html[data-theme="day"] #zero .pcell .who { color: var(--ink-3) }
html[data-theme="day"] #zero .zero-foot { color: var(--ink-3) }
html[data-theme="day"] .road-div .rd-line { border-top: 3px dashed var(--orange) }
html[data-theme="day"] .road-div .rd-truck { filter: drop-shadow(0 1px 0 rgba(20, 19, 17, 0.06)) }
html[data-theme="day"] #techs .lightlayer { background: radial-gradient(440px circle at var(--mx) var(--my),rgba(185, 58, 12, 0.11),transparent 70%) }
html[data-theme="day"] .close-road .ground { background: var(--ink) }
html[data-theme="day"] .close-road .dashes { background: repeating-linear-gradient(90deg,var(--orange) 0 46px,transparent 46px 100px) }
html[data-theme="day"] .road-div .rd-line { border-top: 3px dashed var(--orange) }
html[data-theme="day"] .road-div .rd-truck { filter: drop-shadow(0 1px 0 rgba(20, 19, 17, 0.06)) }
html[data-theme="day"] .statement { background: var(--ink) }
html[data-theme="day"] .st-line { color: var(--bg) }
html[data-theme="day"] .st-accent { color: var(--orange) }
html[data-theme="day"] .oldway { border-radius: 16px; background: linear-gradient(180deg,rgb(252, 251, 250),rgb(243, 240, 234)) padding-box,
      linear-gradient(140deg,rgba(255, 90, 71, 0.6) 0%,rgba(20, 20, 18, 0.14) 26%,rgba(20, 20, 18, 0.05) 64%,rgba(255, 90, 71, 0.32) 100%) border-box; border: 1px solid transparent; box-shadow: 0 24px 60px rgba(20, 19, 17, 0.18) }
html[data-theme="day"] .ow-head { border-bottom: 1px solid rgba(20, 20, 18, 0.09); color: rgba(20, 20, 18, 0.78) }
html[data-theme="day"] .ow-id b { border-radius: 50%; background: rgb(162, 159, 151) }
html[data-theme="day"] .ow-nosig { color: rgb(194, 31, 10) }
html[data-theme="day"] .ow-map { border-bottom: 1px solid rgba(20, 20, 18, 0.09); background-image: radial-gradient(rgba(20, 20, 18, 0.13) 1px,transparent 1.4px); background-size: 18px 18px }
html[data-theme="day"] .ow-last { border-radius: 50%; background: rgba(20, 20, 18, 0.45) }
html[data-theme="day"] .ow-ring { border-radius: 50%; border: 1px dashed rgba(255, 122, 105, 0.7) }
html[data-theme="day"] .ow-q { color: rgba(194, 31, 10, 0.85); text-shadow: 0 0 26px rgba(255, 70, 50, 0.55) }
html[data-theme="day"] .ow-cap { color: rgba(20, 20, 18, 0.5) }
html[data-theme="day"] .ow-row { border-bottom: 1px solid rgba(20, 20, 18, 0.06) }
html[data-theme="day"] .ow-row time { color: var(--orange) }
html[data-theme="day"] .ow-row span { color: rgba(20, 20, 18, 0.82) }
html[data-theme="day"] .ow-row em { color: rgb(194, 33, 10) }
html[data-theme="day"] .ow-foot { color: rgba(20, 20, 18, 0.5) }
html[data-theme="day"] .ow-foot b { color: rgb(194, 31, 10) }
html[data-theme="day"] .prob-head h2 { color: var(--bg) }
html[data-theme="day"] .prob-head h2 .dim { color: rgba(20, 20, 18, 0.5) }
html[data-theme="day"] .st-chap { color: rgba(194, 77, 10, 0.9) }
html[data-theme="day"] .st-ghost b { color: rgba(20, 20, 18, 0.05) }
html[data-theme="day"] .st-rule { border-radius: 2px; background: rgba(20, 20, 18, 0.14) }
html[data-theme="day"] .st-rule i { background: var(--orange) }
html[data-theme="day"] .dark-act .tcard .chap { color: rgba(20, 20, 18, 0.06) }
html[data-theme="day"] .act-trails path { fill: none }
html[data-theme="day"] .act-rig rect, html[data-theme="day"] .act-rig path, html[data-theme="day"] .act-rig circle { fill: none; stroke: rgba(20, 20, 18, 0.55) }
html[data-theme="day"] .act-rig .rig-tag { fill: var(--orange) }
html[data-theme="day"] header#top { background: var(--ink); color: var(--bg) }
html[data-theme="day"] .hero-tag { color: rgb(20, 20, 18); background: rgba(243, 241, 236, 0.82); border: 1px solid rgba(255, 144, 81, 0.55); border-radius: 6px; box-shadow: 0 0 22px rgba(185, 58, 12, 0.22) }
html[data-theme="day"] .hero-tag::before { border-radius: 50%; background: rgb(255, 144, 81); box-shadow: 0 0 10px rgb(185, 58, 12) }
html[data-theme="day"] .hero-dawn-fade { background: linear-gradient(to bottom,rgba(243, 241, 236, 0.92) 0%,rgba(243, 241, 236, 0.55) 22%,rgba(243, 241, 236, 0.12) 44%,rgba(243, 241, 236, 0) 60%,rgba(243, 241, 236, 0) 88%,rgba(243, 241, 236, 0.6) 96%,var(--ink) 100%) }
html[data-theme="day"] header#top .eyebrow { color: rgba(20, 20, 18, 0.7) }
html[data-theme="day"] header#top h1 .li:not(.grad) { color: var(--bg); text-shadow: 0 2px 28px rgba(20, 19, 17, 0.18) }
html[data-theme="day"] header#top h1 .l2 .li { color: rgba(20, 20, 18, 0.5) }
html[data-theme="day"] header#top .hero-sub { color: rgba(20, 20, 18, 0.82) }
html[data-theme="day"] header#top .hero-sub b { color: var(--bg) !important }
html[data-theme="day"] header#top .hero-ctas .alink { color: var(--bg); border-bottom-color: transparent }
html[data-theme="day"] header#top .hero-ctas .alink:hover { border-bottom-color: var(--bg) }
html[data-theme="day"] header#top .hero-chip { background: rgba(20, 20, 18, 0.12); border-color: rgba(20, 20, 18, 0.22); color: var(--bg) }
html[data-theme="day"] header#top .hero-chip b { color: var(--bg) }
html[data-theme="day"] header#top .hero-chip i { color: rgba(20, 20, 18, 0.6) }
html[data-theme="day"] .yard { background: var(--ink) }
html[data-theme="day"] .yd-fade-top { background: linear-gradient(to bottom,var(--ink),transparent) }
html[data-theme="day"] .yd-fade-bot { background: linear-gradient(to top,var(--ink),transparent) }
html[data-theme="day"] .yd-head h2 { color: var(--bg); text-shadow: 0 2px 24px rgba(20, 19, 17, 0.22) }
html[data-theme="day"] .yd-head h2 .dim { color: rgba(20, 20, 18, 0.5) }
html[data-theme="day"] .yd-truck { filter: drop-shadow(0 34px 44px rgba(20, 19, 17, 0.26)) }
html[data-theme="day"] .fan-card { background: rgb(20, 20, 18); border: 1px solid var(--line); border-radius: 14px; box-shadow: 0 14px 40px rgba(20, 19, 17, 0.056) }
html[data-theme="day"] .fan-dot { border-radius: 99px }
html[data-theme="day"] .fan-card b { color: var(--ink) }
html[data-theme="day"] .fan-card i { color: var(--ink-2) }
html[data-theme="day"] .road-div .rd-line { border-top: 3px dashed var(--orange) }
html[data-theme="day"] .road-div .rd-truck { filter: drop-shadow(0 1px 0 rgba(20, 19, 17, 0.06)) }
html[data-theme="day"] header#top .hero-sub { color: rgb(64, 62, 57) }
html[data-theme="day"] header#top .hero-sub b { color: rgb(20, 20, 18) !important }
html[data-theme="day"] header#top .hero-chip { border-radius: 18px; background: linear-gradient(135deg,rgba(20, 20, 18, 0.11),rgba(20, 20, 18, 0.03)); border: 1px solid rgba(20, 20, 18, 0.15); box-shadow: inset 0 1px 0 rgba(20, 20, 18, 0.16),0 18px 44px rgba(20, 19, 17, 0.18) }
html[data-theme="day"] header#top .hero-chip .hc-ic { border-radius: 9px }
html[data-theme="day"] header#top .hero-chip b { color: rgb(20, 20, 18) }
html[data-theme="day"] header#top .hero-chip i { color: rgb(105, 101, 93) }
html[data-theme="day"] header#top .hero-chip .hc-dot { box-shadow: 0 0 0 4px rgba(20, 20, 18, 0.06) }
html[data-theme="day"] .vs-k i { border-radius: 50% }
html[data-theme="day"] .vs-col.old .vs-k { color: rgb(194, 24, 10) }
html[data-theme="day"] .vs-col.old .vs-k i { background: rgb(255, 69, 58) }
html[data-theme="day"] .vs-col.new .vs-k { color: rgb(37, 167, 90) }
html[data-theme="day"] .vs-col.new .vs-k i { background: rgb(52, 199, 89) }
html[data-theme="day"] .vs-col h3 { color: rgb(20, 20, 18) }
html[data-theme="day"] .vs-rows li { border-top: 1px solid rgba(20, 20, 18, 0.08) }
html[data-theme="day"] .vs-rows time { color: rgb(105, 101, 93) }
html[data-theme="day"] .vs-rows span { color: rgb(34, 33, 30) }
html[data-theme="day"] .vs-col.old .vs-rows em { color: rgb(194, 24, 10) }
html[data-theme="day"] .vs-col.new .vs-rows em { color: rgb(37, 167, 90) }
html[data-theme="day"] .vs-col.old .vs-rows span { color: rgb(78, 75, 69) }
html[data-theme="day"] .vs-foot { border-radius: 14px; background: rgba(243, 240, 234, 0.25); color: rgb(105, 101, 93) }
html[data-theme="day"] .vs-col.old .vs-foot b { color: rgb(194, 20, 10) }
html[data-theme="day"] .vs-col.new .vs-foot b { color: rgb(52, 199, 89) }
html[data-theme="day"] .vs-mid { border-radius: 50%; color: rgb(20, 20, 18); background: linear-gradient(135deg,rgba(20, 20, 18, 0.16),rgba(20, 20, 18, 0.05)); border: 1px solid rgba(20, 20, 18, 0.2) }
html[data-theme="day"] .vs-try { color: rgb(20, 20, 18) }
html[data-theme="day"] .st-sub { color: rgb(78, 75, 69) }
html[data-theme="day"] .st-sub strong { color: rgb(20, 20, 18) }
html[data-theme="day"] .ow-line { color: rgb(20, 20, 18) }
html[data-theme="day"] .fx-life { border-top: 1px solid rgba(20, 20, 18, 0.14); border-bottom: 1px solid rgba(20, 20, 18, 0.14) }
html[data-theme="day"] .fx-step+.fx-step { border-left: 1px solid rgba(20, 20, 18, 0.1) }
html[data-theme="day"] .fx-step .k { color: rgb(128, 123, 114) }
html[data-theme="day"] .fx-step .k b { border-radius: 50%; background: rgb(185, 58, 12); color: rgb(255, 255, 255) }
html[data-theme="day"] .fx-step h3 { color: rgb(20, 20, 18) }
html[data-theme="day"] .fx-step .who { color: rgb(194, 74, 10) }
html[data-theme="day"] .fx-step p { color: rgb(78, 75, 69) }
html[data-theme="day"] .fx-col { border-radius: 14px; background: rgb(252, 251, 250); border: 1px solid rgba(20, 20, 18, 0.08) }
html[data-theme="day"] .fx-col .n { color: rgb(128, 123, 114) }
html[data-theme="day"] .fx-col h3 { color: rgb(20, 20, 18) }
html[data-theme="day"] .fx-col h3 span { color: var(--orange) }
html[data-theme="day"] .fx-col li { color: rgb(78, 75, 69) }
html[data-theme="day"] .fx-col li::before { border-radius: 50%; background: rgb(185, 58, 12) }
html[data-theme="day"] .fx-col .price-line { border-top: 1px dashed rgba(20, 20, 18, 0.14); color: rgb(43, 161, 92) }
@media(max-width:1100px) { html[data-theme="day"] .fx-step:nth-child(4) { border-left: 0 } }
@media(max-width:1100px) { html[data-theme="day"] .fx-step:nth-child(n+4) { border-top: 1px solid rgba(20, 20, 18, 0.1) } }
@media(max-width:640px) { html[data-theme="day"] .fx-step:nth-child(odd) { border-left: 0 } }
@media(max-width:640px) { html[data-theme="day"] .fx-step:nth-child(4) { border-left: 1px solid rgba(20, 20, 18, 0.1) } }
@media(max-width:640px) { html[data-theme="day"] .fx-step:nth-child(n+3) { border-top: 1px solid rgba(20, 20, 18, 0.1) } }
html[data-theme="day"] .ai-demo { border: 1px solid rgba(20, 20, 18, 0.08); border-radius: 16px; background: radial-gradient(ellipse 60% 70% at 70% 40%,rgba(185, 58, 12, 0.06),transparent 70%),rgb(245, 243, 238) }
html[data-theme="day"] .ai-live { color: rgb(105, 101, 93) }
html[data-theme="day"] .ai-live i { border-radius: 50%; background: rgb(74, 190, 120) }
html[data-theme="day"] .ai-label { color: rgb(128, 123, 114) }
html[data-theme="day"] .ai-input { border-radius: 12px; background: rgb(252, 251, 250); border: 1px solid rgba(20, 20, 18, 0.12); color: rgb(20, 20, 18) }
html[data-theme="day"] .ai-input .ph { color: rgb(160, 156, 147) }
html[data-theme="day"] .ai-caret { background: rgb(255, 138, 76) }
html[data-theme="day"] .ai-status { color: rgb(78, 75, 69) }
html[data-theme="day"] .ai-status b { border-radius: 50%; background: rgb(255, 138, 76) }
html[data-theme="day"] .ai-status.done b { background: rgb(74, 190, 120) }
html[data-theme="day"] .ai-rule { color: rgb(105, 101, 93); border-top: 1px solid rgba(20, 20, 18, 0.08) }
html[data-theme="day"] .ai-rule b { color: rgb(20, 20, 18) }
html[data-theme="day"] .ai-card { border-radius: 12px; background: rgb(252, 251, 250); border: 1px solid rgba(20, 20, 18, 0.1) }
html[data-theme="day"] .ai-card h4 { color: rgb(20, 20, 18) }
html[data-theme="day"] .ai-card h4 span { color: rgb(128, 123, 114) }
html[data-theme="day"] .ai-row { border-bottom: 1px solid rgba(20, 20, 18, 0.07) }
html[data-theme="day"] .ai-row:last-child { border-bottom: 0 }
html[data-theme="day"] .ai-row dt { color: rgb(128, 123, 114) }
html[data-theme="day"] .ai-row dd { color: rgb(20, 20, 18) }
html[data-theme="day"] .ai-src { color: rgb(194, 70, 10) }
html[data-theme="day"] .ai-src.g { color: rgb(43, 161, 92) }
html[data-theme="day"] .ai-price { border-radius: 10px; background: rgb(254, 254, 253); border: 1px solid rgba(185, 58, 12, 0.45) }
html[data-theme="day"] .ai-price strong { color: rgb(20, 20, 18) }
html[data-theme="day"] .ai-price small { color: rgb(78, 75, 69) }
html[data-theme="day"] .ai-carrier { border-bottom: 1px solid rgba(20, 20, 18, 0.07) }
html[data-theme="day"] .ai-carrier:last-of-type { border-bottom: 0 }
html[data-theme="day"] .ai-carrier i { color: rgb(128, 123, 114) }
html[data-theme="day"] .ai-carrier b { color: rgb(20, 20, 18) }
html[data-theme="day"] .ai-carrier small { color: rgb(105, 101, 93) }
html[data-theme="day"] .ai-verdict.ok { color: rgb(43, 161, 92) }
html[data-theme="day"] .ai-verdict.no { color: rgb(185, 53, 19) }
html[data-theme="day"] .ai-msg { border-radius: 12px }
html[data-theme="day"] .ai-msg.them { background: rgb(250, 249, 246); color: rgb(34, 33, 30); border-bottom-left-radius: 4px }
html[data-theme="day"] .ai-msg.draft { background: rgb(254, 254, 253); border: 1px dashed rgba(185, 58, 12, 0.6); color: rgb(20, 20, 18); border-bottom-right-radius: 4px }
html[data-theme="day"] .ai-msg .who { color: rgb(128, 123, 114) }
html[data-theme="day"] .ai-send { color: rgb(105, 101, 93) }
html[data-theme="day"] .ai-send span { border-radius: 999px; background: rgb(185, 58, 12); color: rgb(255, 255, 255) }
html[data-theme="day"] .ai-bars i { border-radius: 2px; background: rgba(20, 20, 18, 0.16) }
html[data-theme="day"] .ai-bars i::after { background: rgb(185, 58, 12) }
html[data-theme="day"] .ai-msgcap { color: rgb(20, 20, 18) }
html[data-theme="day"] .ai-jobs { border-top: 1px solid rgba(20, 20, 18, 0.14); border-bottom: 1px solid rgba(20, 20, 18, 0.14) }
html[data-theme="day"] .ai-job+.ai-job { border-left: 1px solid rgba(20, 20, 18, 0.1) }
html[data-theme="day"] .ai-job .n { color: rgb(128, 123, 114) }
html[data-theme="day"] .ai-job h3 { color: rgb(20, 20, 18) }
html[data-theme="day"] .ai-job h3 span { color: var(--orange) }
html[data-theme="day"] .ai-job li { color: rgb(78, 75, 69) }
html[data-theme="day"] .ai-job li::before { border-radius: 50%; background: rgb(185, 58, 12) }
html[data-theme="day"] .ai-trust { color: rgb(78, 75, 69) }
html[data-theme="day"] .ai-trust b { color: rgb(20, 20, 18) }
@media(max-width:1100px) { html[data-theme="day"] .ai-job:nth-child(3) { border-left: 0 } }
@media(max-width:1100px) { html[data-theme="day"] .ai-job:nth-child(n+3) { border-top: 1px solid rgba(20, 20, 18, 0.1) } }
@media(max-width:640px) { html[data-theme="day"] .ai-job+.ai-job { border-left: 0; border-top: 1px solid rgba(20, 20, 18, 0.1) } }
html[data-theme="day"] .nx { border: 1px solid rgba(20, 20, 18, 0.08); border-radius: 16px; background: radial-gradient(ellipse 55% 60% at 50% 50%,rgba(185, 58, 12, 0.07),transparent 70%),rgb(245, 243, 238) }
html[data-theme="day"] .nx::before { background: url(/images/hero-floor.webp) center 70%/cover no-repeat; filter: invert(1) hue-rotate(180deg) }
html[data-theme="day"] .nx-live { color: rgb(105, 101, 93) }
html[data-theme="day"] .nx-live i { border-radius: 50%; background: rgb(74, 190, 120) }
html[data-theme="day"] .nx-lines path { fill: none }
html[data-theme="day"] .nx-rel { stroke: rgba(20, 20, 18, 0.22) }
html[data-theme="day"] .nx-path { stroke: rgba(185, 58, 12, 0.5) }
html[data-theme="day"] .nx-streak { stroke: rgb(194, 74, 10) }
html[data-theme="day"] .nx-orbit { fill: none; stroke: rgba(185, 58, 12, 0.75) }
html[data-theme="day"] .nx-orbit2 { fill: none; stroke: rgba(20, 20, 18, 0.2) }
html[data-theme="day"] .nx-core { fill: rgb(254, 253, 253); stroke: rgb(185, 58, 12) }
html[data-theme="day"] .nx-ping { fill: none; stroke: rgb(185, 58, 12) }
html[data-theme="day"] .nx-hub span small { color: rgb(194, 74, 10) }
html[data-theme="day"] .nx-hub span { color: rgb(23, 22, 20) }
html[data-theme="day"] .nx-node { border-radius: 12px; background: rgb(252, 251, 250); border: 1px solid rgba(20, 20, 18, 0.1); box-shadow: 0 10px 26px rgba(20, 19, 17, 0.14) }
html[data-theme="day"] .nx-ic { border-radius: 9px; background: rgba(185, 58, 12, 0.1); fill: none; stroke: rgb(185, 58, 12) }
html[data-theme="day"] .nx-tx b { color: rgb(20, 20, 18) }
html[data-theme="day"] .nx-st { color: rgb(78, 75, 69) }
html[data-theme="day"] .nx-node.on { border-color: rgba(185, 58, 12, 0.7); background: rgb(254, 254, 253) }
html[data-theme="day"] .nx-node.on .nx-ic { background: rgb(185, 58, 12); stroke: rgb(255, 255, 255) }
html[data-theme="day"] .nx-node.on .nx-st { color: rgb(194, 70, 10) }
html[data-theme="day"] .nx-node.ok .nx-st { color: rgb(43, 161, 92) }
html[data-theme="day"] .nx-cap { color: rgb(20, 20, 18); text-shadow: 0 1px 12px rgba(20, 19, 17, 0.32) }
html[data-theme="day"] .nx-bars i { border-radius: 2px; background: rgba(20, 20, 18, 0.16) }
html[data-theme="day"] .nx-bars i::after { background: rgb(185, 58, 12) }
html[data-theme="day"] footer .foot-legal { border-top: 1px solid var(--line-soft) }
html[data-theme="day"] footer .foot-legal .disclaim { border-top: none }
html[data-theme="day"] .disclaim, html[data-theme="day"] .foot-legal .disclaim, html[data-theme="day"] .copy, html[data-theme="day"] .foot-legal .copy, html[data-theme="day"] footer .fcol .h, html[data-theme="day"] footer .fcol .fh { color: var(--ink-2) }
html[data-theme="day"] a:focus-visible, html[data-theme="day"] button:focus-visible, html[data-theme="day"] input:focus-visible, html[data-theme="day"] textarea:focus-visible, html[data-theme="day"] select:focus-visible { outline: 2px solid var(--orange); outline-offset: 2px; border-radius: 2px }
html[data-theme="day"]:root { --bg: rgb(243, 240, 234); --surface: rgb(252, 251, 250); --ink: rgb(23, 22, 20); --ink-2: rgb(105, 101, 93); --ink-3: rgb(157, 152, 144); --line: rgba(20, 20, 18, 0.12); --line-soft: rgba(20, 20, 18, 0.07) }
html[data-theme="day"], html[data-theme="day"] body { background: rgb(243, 240, 234); color: var(--ink) }
html[data-theme="day"] #techs, html[data-theme="day"] .dark-act, html[data-theme="day"] .statement, html[data-theme="day"] header#top, html[data-theme="day"] .yard, html[data-theme="day"] #promises, html[data-theme="day"] .phone-col.dark, html[data-theme="day"] header[data-scene] { --bg: rgb(23, 22, 20); --surface: rgb(20, 20, 18); --ink: rgb(243, 240, 234); --ink-2: rgb(162, 159, 151); --ink-3: rgb(112, 108, 100); --line: rgba(243, 240, 234, 0.14); --line-soft: rgba(243, 240, 234, 0.08) }
html[data-theme="day"] nav .logo img, html[data-theme="day"] footer .logo img { filter: invert(1) hue-rotate(180deg) }
html[data-theme="day"] svg :not(text):not(tspan)[fill="#17140E"] { fill: rgb(23, 22, 20) }
html[data-theme="day"] svg [stroke="#17140E"] { stroke: rgb(23, 22, 20) }
html[data-theme="day"] svg [stroke^="rgba(23,20,14"] { stroke: rgba(20, 20, 18, 0.32) }
html[data-theme="day"] svg :not(text):not(tspan)[fill^="rgba(23,20,14"] { fill: rgba(20, 20, 18, 0.26) }
html[data-theme="day"] .eyebrow { color: var(--ink-3) }
html[data-theme="day"] .grad { background: none; -webkit-background-clip: border-box; background-clip: border-box; color: var(--orange); filter: none }
html[data-theme="day"] header#top h1 .li:not(.grad), html[data-theme="day"] header[data-scene] h1, html[data-theme="day"] .prob-head h2 { text-shadow: none }
html[data-theme="day"] .lead { color: var(--ink-2) }
html[data-theme="day"] ::selection { background: rgb(185, 58, 12); color: rgb(255, 255, 255) }
html[data-theme="day"] .pill { background: rgb(185, 58, 12); color: rgb(255, 255, 255); border: 1px solid rgb(185, 58, 12); border-radius: 8px; box-shadow: none }
html[data-theme="day"] .pill:hover { background: rgb(154, 48, 10); border-color: rgb(154, 48, 10); box-shadow: none }
html[data-theme="day"] .hero-ctas .alink, html[data-theme="day"] .ctas .alink, html[data-theme="day"] nav .alink, html[data-theme="day"] header[data-scene] .alink { color: rgb(23, 22, 20); border: 1px solid rgba(20, 20, 18, 0.18); border-radius: 8px }
html[data-theme="day"] .hero-ctas .alink:hover, html[data-theme="day"] .ctas .alink:hover, html[data-theme="day"] nav .alink:hover, html[data-theme="day"] header[data-scene] .alink:hover { background: rgba(20, 20, 18, 0.06); border-color: rgba(20, 20, 18, 0.3) }
html[data-theme="day"] .hero-ctas .alink .ar, html[data-theme="day"] .ctas .alink .ar, html[data-theme="day"] nav .alink .ar, html[data-theme="day"] header[data-scene] .alink .ar { color: inherit }
html[data-theme="day"] nav { background: rgba(243, 240, 234, 0.82); border-bottom: 1px solid rgba(20, 20, 18, 0.07); box-shadow: none }
html[data-theme="day"] .tcard, html[data-theme="day"] .mcard, html[data-theme="day"] .comp, html[data-theme="day"] .fee, html[data-theme="day"] .toc, html[data-theme="day"] .co-card, html[data-theme="day"] .connect, html[data-theme="day"] .demo-box, html[data-theme="day"] .j-stage, html[data-theme="day"] .linkbar, html[data-theme="day"] .phone-col:not(.dark), html[data-theme="day"] .sent, html[data-theme="day"] .addr, html[data-theme="day"] .fan-card, html[data-theme="day"] .oldway { background: rgb(252, 251, 250); border: 1px solid rgba(20, 20, 18, 0.08); box-shadow: none }
html[data-theme="day"] .tcard:hover, html[data-theme="day"] .mcard:hover, html[data-theme="day"] .comp:hover, html[data-theme="day"] .fee:hover, html[data-theme="day"] .co-card:hover, html[data-theme="day"] .connect:hover { border-color: rgba(20, 20, 18, 0.16); box-shadow: none }
html[data-theme="day"] .fan-card { box-shadow: 0 12px 30px rgba(20, 19, 17, 0.16) }
html[data-theme="day"] header#top .hero-chip { background: rgb(253, 253, 252); border: 1px solid rgba(20, 20, 18, 0.09); border-radius: 10px; box-shadow: 0 10px 28px rgba(20, 19, 17, 0.16) }
html[data-theme="day"] .hero-tag { box-shadow: 0 6px 18px rgba(20, 19, 17, 0.14) }
html[data-theme="day"] .hero-tag::before { box-shadow: none }
html[data-theme="day"] .st-chap { color: rgba(23, 22, 20, 0.42) }
html[data-theme="day"] #techs .job-toast { background: rgb(253, 253, 252); color: rgb(23, 22, 20); border: 1px solid rgba(20, 20, 18, 0.09); border-radius: 10px; box-shadow: 0 10px 28px rgba(20, 19, 17, 0.16) }
html[data-theme="day"] #techs .job-toast .jt-m { color: rgb(105, 101, 93) }
html[data-theme="day"] #techs .job-toast .jt-y { color: rgb(157, 152, 144); border-top-color: rgba(20, 20, 18, 0.08) }
html[data-theme="day"] .close-ctas .alink, html[data-theme="day"] .tech-cta .alink { color: rgb(23, 22, 20); border: 1px solid rgba(20, 20, 18, 0.18); border-radius: 8px }
html[data-theme="day"] .close-ctas .alink:hover, html[data-theme="day"] .tech-cta .alink:hover { background: rgba(20, 20, 18, 0.06); border-color: rgba(20, 20, 18, 0.3) }
html[data-theme="day"] .close-ctas .alink .ar, html[data-theme="day"] .tech-cta .alink .ar { color: inherit }
html[data-theme="day"] .ai-note-in { border-top: 1px solid rgba(20, 20, 18, 0.14); border-bottom: 1px solid rgba(20, 20, 18, 0.14) }
html[data-theme="day"] .ai-note-k { color: rgb(194, 74, 10) }
html[data-theme="day"] .ai-note-in p { color: rgb(78, 75, 69) }
html[data-theme="day"] .fx-step .auto { border-top: 1px dashed rgba(20, 20, 18, 0.12); color: rgb(105, 101, 93) }
html[data-theme="day"] .fx-step .auto::before { border-radius: 4px; background: rgba(185, 58, 12, 0.14); color: rgb(194, 74, 10) }
html[data-theme="day"] .ap-intro span { color: rgb(194, 74, 10) }
html[data-theme="day"] .ap-intro p { color: rgb(78, 75, 69) }
html[data-theme="day"] .def-in { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line) }
html[data-theme="day"] .def-k { color: var(--orange) }
html[data-theme="day"] .def-p { color: var(--ink-2) }
html[data-theme="day"] .def-p strong { color: var(--ink) }
html[data-theme="day"] .def-pillars li { border-left: 1px solid var(--line) }
html[data-theme="day"] .def-pillars li:first-child { border-left: 0 }
html[data-theme="day"] .def-pillars b { color: var(--ink) }
html[data-theme="day"] .def-pillars b::after { color: var(--orange) }
html[data-theme="day"] .def-pillars span { color: var(--ink-2) }
html[data-theme="day"] .def-x { border-radius: 8px; background: rgba(20, 20, 18, 0.04); border: 1px solid var(--line-soft); color: var(--ink) }
html[data-theme="day"] .def-x i { border-radius: 99px; box-shadow: 0 0 0 3px rgba(20, 20, 18, 0.06) }
html[data-theme="day"] .def-pillars a { color: var(--ink); text-decoration: none; border-bottom: 1px solid var(--line) }
html[data-theme="day"] .def-pillars a:hover { color: var(--orange); border-color: var(--orange) }
@media(max-width:820px) { html[data-theme="day"] .def-pillars li { border-left: 0; border-top: 1px solid var(--line-soft) } }
@media(max-width:820px) { html[data-theme="day"] .def-pillars li:first-child { border-top: 0 } }
html[data-theme="day"] .js-fallback { color: var(--ink-2) }
html[data-theme="day"] .js-fallback h3 { color: var(--ink) }
html[data-theme="day"] .js-fallback b { color: var(--ink) }
html[data-theme="day"] .renew-note { color: var(--ink-2) }
html[data-theme="day"] .renew-note a, html[data-theme="day"] .form-note a { color: inherit; text-decoration: underline }
html[data-theme="day"] .role-line { color: var(--orange) }
html[data-theme="day"] .skip-link { border-radius: 8px; background: rgb(185, 58, 12); color: rgb(255, 255, 255); text-decoration: none }
html[data-theme="day"] .skip-link:focus { outline: 2px solid rgb(20, 20, 18); outline-offset: 2px }
@media(max-width:1100px) { html[data-theme="day"] .def-pillars li:nth-child(3) { border-left: 0 } }
html[data-theme="day"] .next-cols { border-top: 1px solid var(--line) }
html[data-theme="day"] .next-cols li+li { border-left: 1px solid var(--line) }
html[data-theme="day"] .next-cols b { color: var(--ink) }
html[data-theme="day"] .next-cols b::after { color: var(--orange) }
html[data-theme="day"] .next-cols span:not(.next-tag) { color: var(--ink-2) }
html[data-theme="day"] .next-tag { border-radius: 999px; border: 1px solid var(--line); color: var(--ink-2) }
html[data-theme="day"] .next-tag.live { color: rgb(48, 156, 94); border-color: rgba(111, 211, 154, 0.4) }
html[data-theme="day"] .next-cols a { color: var(--ink); text-decoration: none; border-bottom: 1px solid var(--line) }
html[data-theme="day"] .next-cols a:hover { color: var(--orange); border-color: var(--orange) }
@media(max-width:900px) { html[data-theme="day"] .next-cols li+li { border-left: 0; border-top: 1px solid var(--line-soft) } }
html[data-theme="day"] body .dark-act .alink { color: var(--bg) }
html[data-theme="day"] body .dark-act .alink:hover { border-color: var(--bg) }
html[data-theme="day"] .rw-route li::before { background: var(--line) }
html[data-theme="day"] .rw-route li.done::before, html[data-theme="day"] .rw-route li.now::before { background: var(--orange) }
html[data-theme="day"] .rw-stop { background: none; border: 0; color: var(--ink-2) }
html[data-theme="day"] .rw-dot { border-radius: 50%; border: 2px solid var(--line); background: var(--bg) }
html[data-theme="day"] .rw-stop b { color: var(--ink-2) }
html[data-theme="day"] .rw-stop small { color: var(--ink-3) }
html[data-theme="day"] .rw-stop:hover b { color: var(--ink) }
html[data-theme="day"] .rw-stop:focus-visible { outline: 2px solid var(--orange); outline-offset: 6px; border-radius: 8px }
html[data-theme="day"] li.done .rw-dot { background: var(--orange); border-color: var(--orange) }
html[data-theme="day"] li.now .rw-dot { background: var(--orange); border-color: var(--orange); box-shadow: 0 0 0 6px color-mix(in srgb,var(--orange) 22%,transparent),0 0 22px color-mix(in srgb,var(--orange) 70%,transparent) }
html[data-theme="day"] li.now .rw-stop b { color: var(--ink) }
html[data-theme="day"] li.now .rw-stop small { color: var(--orange) }
html[data-theme="day"] .rw-route::after { background: linear-gradient(90deg,var(--orange) var(--rw-t,0%),transparent var(--rw-t,0%)) }
html[data-theme="day"] .rw-k { color: var(--orange) }
html[data-theme="day"] .rw-copy h3 { color: var(--ink) }
html[data-theme="day"] .rw-copy p { color: var(--ink-2) }
html[data-theme="day"] .rw-price { color: var(--ink) }
html[data-theme="day"] .rw-actions .alink { border: 1px solid var(--line); border-radius: 8px; color: var(--ink); text-decoration: none }
html[data-theme="day"] .rw-actions .alink:hover { border-color: color-mix(in srgb,var(--ink) 40%,transparent) }
html[data-theme="day"] .rw-phone { border-radius: 24px; border: 1px solid var(--line); background: var(--bg) }
html[data-theme="day"] .rw-phone::before { background: url(/images/hero-floor.webp) center 80%/cover no-repeat; filter: invert(1) hue-rotate(180deg) }
html[data-theme="day"] .rw-card { border-radius: 20px; background: color-mix(in srgb,var(--surface) 82%,transparent); border: 1px solid var(--line); box-shadow: 0 18px 44px rgba(20, 19, 17, 0.112) }
html[data-theme="day"] .rw-card-h { color: var(--ink-3) }
html[data-theme="day"] .rw-card-h img { border-radius: 6px }
html[data-theme="day"] .rw-card b { color: var(--ink) }
html[data-theme="day"] .rw-card p { color: var(--ink-2) }
html[data-theme="day"] .rw-card-f strong { color: var(--ink) }
html[data-theme="day"] .rw-pill { border-radius: 999px; border: 1px solid var(--line); color: var(--ink-2) }
html[data-theme="day"] .rw-pill.ai { color: var(--orange); border-color: color-mix(in srgb,var(--orange) 45%,transparent) }
html[data-theme="day"] .rw-pill.go { background: var(--orange); border-color: var(--orange); color: rgb(255, 255, 255) }
html[data-theme="day"] .rw-pill.ok, html[data-theme="day"] .rw-pill.live { color: rgb(63, 184, 115); border-color: rgba(63, 184, 115, 0.45) }
html[data-theme="day"] .rw-pill.live::before { border-radius: 50%; background: rgb(63, 184, 115) }
html[data-theme="day"] .rw-pill.wait { color: rgb(171, 122, 33); border-color: rgba(217, 161, 59, 0.45) }
html[data-theme="day"] .rw-card-cap { color: var(--ink-3) }
html[data-theme="day"] .rw:not(.js) .rw-panel+.rw-panel { border-top: 1px solid var(--line) }
html[data-theme="day"] .nav-toggle { background: none; border: 0 }
html[data-theme="day"] .nav-toggle span { background: var(--ink); border-radius: 2px }
@media(max-width:900px) { html[data-theme="day"] nav.nav-open { background: var(--bg) } }
@media(max-width:900px) { html[data-theme="day"] nav.nav-open .nav-links { border-top: 1px solid var(--line-soft) } }
@media(max-width:900px) { html[data-theme="day"] nav.nav-open .nav-links a { border-bottom: 1px solid var(--line-soft) } }
@media(max-width:900px) { html[data-theme="day"] nav.nav-open .nav-links a:last-child { border-bottom: 0 } }
@media(max-width:900px) { html[data-theme="day"] nav.nav-open .nav-links a.nav-cta { color: var(--orange) } }
html[data-theme="day"] .sc-btn { border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.14); background: rgb(185, 58, 12); color: rgb(255, 255, 255); box-shadow: 0 10px 28px rgba(20, 19, 17, 0.18) }
html[data-theme="day"] .sc-btn:hover { background: rgb(201, 61, 11) }
html[data-theme="day"] .sc-panel { border-radius: 16px; background: rgb(252, 251, 250); border: 1px solid rgba(20, 20, 18, 0.12); box-shadow: 0 24px 60px rgba(20, 19, 17, 0.22); color: rgb(23, 22, 20) }
html[data-theme="day"] .sc-head { border-bottom: 1px solid rgba(20, 20, 18, 0.08) }
html[data-theme="day"] .sc-head b { color: rgb(20, 20, 18) }
html[data-theme="day"] .sc-head small { color: rgb(105, 101, 93) }
html[data-theme="day"] .sc-dot { border-radius: 50%; background: rgb(74, 190, 120) }
html[data-theme="day"] .sc-x { border-radius: 8px; border: 0; background: transparent; color: rgb(78, 75, 69) }
html[data-theme="day"] .sc-x:hover { background: rgba(20, 20, 18, 0.08); color: rgb(20, 20, 18) }
html[data-theme="day"] .sc-m { border-radius: 14px }
html[data-theme="day"] .sc-m.bot { background: rgb(250, 249, 246); color: rgb(34, 33, 30); border-bottom-left-radius: 4px }
html[data-theme="day"] .sc-m.me { background: rgb(185, 58, 12); color: rgb(255, 255, 255); border-bottom-right-radius: 4px }
html[data-theme="day"] .sc-m a { color: rgb(194, 70, 10); text-decoration: underline }
html[data-theme="day"] .sc-m.me a { color: rgb(20, 20, 18) }
html[data-theme="day"] .sc-chip { border-radius: 999px; border: 1px solid rgba(20, 20, 18, 0.16); background: transparent; color: rgb(34, 33, 30) }
html[data-theme="day"] .sc-chip:hover { border-color: rgb(185, 58, 12); color: rgb(20, 20, 18) }
html[data-theme="day"] .sc-form { border-top: 1px solid rgba(20, 20, 18, 0.08) }
html[data-theme="day"] .sc-in { border-radius: 10px; border: 1px solid rgba(20, 20, 18, 0.14); background: rgb(243, 240, 234); color: rgb(20, 20, 18) }
html[data-theme="day"] .sc-in:focus { outline: none; border-color: rgb(185, 58, 12) }
html[data-theme="day"] .sc-send { border-radius: 10px; border: 0; background: rgb(185, 58, 12); color: rgb(255, 255, 255) }
html[data-theme="day"] .sc-note { color: rgb(128, 123, 114) }
html[data-theme="day"] .auto-bar { border-radius: 12px; background: rgba(252, 251, 250, 0.82); border: 1px solid rgba(20, 20, 18, 0.1) }
html[data-theme="day"] .auto-bar .ab-k { color: rgb(128, 123, 114); border-right: 1px solid rgba(20, 20, 18, 0.1) }
html[data-theme="day"] .auto-bar .ab-k i { border-radius: 50%; background: rgb(74, 190, 120) }
html[data-theme="day"] .auto-bar .ab-body b { color: rgb(20, 20, 18) }
html[data-theme="day"] .auto-bar .ab-body span { color: rgb(105, 101, 93) }
html[data-theme="day"] .auto-bar .ab-badge { border-radius: 999px; border: 1px solid currentColor }
html[data-theme="day"] .auto-bar .ab-time { color: rgb(128, 123, 114) }
html[data-theme="day"] [data-auto-steps] [data-step].run { background-color: rgba(185, 58, 12, 0.07); box-shadow: inset 0 2px 0 rgb(185, 58, 12) }
html[data-theme="day"] [data-auto-steps] [data-step].run .auto { color: rgb(194, 70, 10) }
html[data-theme="day"] [data-auto-steps] [data-step].run .auto::before { background: rgb(185, 58, 12); color: rgb(255, 255, 255) }
html[data-theme="day"] .lp { border-radius: 28px; color: rgb(20, 20, 18); box-shadow: 0 50px 110px rgba(20, 19, 17, 0.24),0 0 0 1px rgba(20, 20, 18, 0.08) }
html[data-theme="day"] .lp::before { background: url(/images/scene-tracking.webp?v=2) center/cover no-repeat; filter: invert(1) hue-rotate(180deg) saturate(1.15) }
html[data-theme="day"] .lp::after { background: radial-gradient(ellipse 60% 70% at 78% 55%,rgba(185, 58, 12, 0.28),transparent 60%),
  linear-gradient(180deg,rgba(243, 240, 234, 0.72),rgba(243, 240, 234, 0.86)) }
html[data-theme="day"] .lp-glass { background: linear-gradient(135deg,rgba(20, 20, 18, 0.12),rgba(20, 20, 18, 0.04)); border: 1px solid rgba(20, 20, 18, 0.16); box-shadow: inset 0 1px 0 rgba(20, 20, 18, 0.18),0 12px 40px rgba(20, 19, 17, 0.14) }
html[data-theme="day"] .lp-seg { border-radius: 20px }
html[data-theme="day"] .lp-thumb { border-radius: 15px; background: linear-gradient(135deg,rgba(255, 138, 76, 0.55),rgba(185, 58, 12, 0.35)); border: 1px solid rgba(255, 170, 120, 0.6); box-shadow: inset 0 1px 0 rgba(20, 20, 18, 0.35),0 8px 26px rgba(185, 58, 12, 0.45) }
html[data-theme="day"] .lp-step { border: 0; border-radius: 15px; background: none; color: rgba(20, 20, 18, 0.62) }
html[data-theme="day"] .lp-step:hover { color: rgb(20, 20, 18) }
html[data-theme="day"] .lp-step svg { fill: none; stroke: currentColor }
html[data-theme="day"] .lp-step .tick { border-radius: 50%; background: rgb(74, 190, 120); color: rgb(250, 252, 250) }
html[data-theme="day"] .lp-step.done { color: rgba(20, 20, 18, 0.85) }
html[data-theme="day"] .lp-step.on { color: rgb(20, 20, 18) }
html[data-theme="day"] .lp-card { border-radius: 24px }
html[data-theme="day"] .lp-count { border-radius: 999px; background: rgba(20, 20, 18, 0.08); border: 1px solid rgba(20, 20, 18, 0.12); color: rgb(194, 75, 10) }
html[data-theme="day"] .lp-title { color: rgb(20, 20, 18) }
html[data-theme="day"] .lp-text { color: rgba(20, 20, 18, 0.82) }
html[data-theme="day"] .lp-who { border-radius: 14px }
html[data-theme="day"] .lp-who .dot { border-radius: 9px }
html[data-theme="day"] .lp-who.auto { background: rgba(74, 190, 120, 0.14); color: rgb(37, 167, 90); border: 1px solid rgba(74, 190, 120, 0.4) }
html[data-theme="day"] .lp-who.auto .dot { background: rgba(74, 190, 120, 0.28) }
html[data-theme="day"] .lp-who.you { background: rgba(185, 58, 12, 0.16); color: rgb(194, 75, 10); border: 1px solid rgba(255, 138, 76, 0.45) }
html[data-theme="day"] .lp-who.you .dot { background: rgba(185, 58, 12, 0.35) }
html[data-theme="day"] .lp-who svg { fill: none; stroke: currentColor }
html[data-theme="day"] .lp-phonewrap::before { background: radial-gradient(closest-side,rgba(185, 58, 12, 0.45),transparent); filter: blur(30px) }
html[data-theme="day"] .lp-phone { border-radius: 44px; background: linear-gradient(145deg,rgb(207, 205, 201),rgb(243, 240, 234) 40%,rgb(244, 241, 236)); box-shadow: inset 0 0 0 1.5px rgba(20, 20, 18, 0.18),0 30px 70px rgba(20, 19, 17, 0.24) }
html[data-theme="day"] .lp-screen { border-radius: 34px; background: url(/images/hero-floor.webp) center/cover no-repeat }
html[data-theme="day"] .lp-screen::before { background: linear-gradient(180deg,rgba(243, 240, 234, 0.15),rgba(243, 240, 234, 0.55)) }
html[data-theme="day"] .lp-island { border-radius: 14px; background: rgb(243, 240, 234) }
html[data-theme="day"] .lp-date { color: rgba(20, 20, 18, 0.85) }
html[data-theme="day"] .lp-time { color: rgba(20, 20, 18, 0.95) }
html[data-theme="day"] .lp-note { border-radius: 22px; background: rgba(245, 243, 239, 0.48); border: 1px solid rgba(20, 20, 18, 0.14); box-shadow: 0 10px 30px rgba(20, 19, 17, 0.14) }
html[data-theme="day"] .lp-note .h { color: rgba(20, 20, 18, 0.7) }
html[data-theme="day"] .lp-note .h img { border-radius: 5px }
html[data-theme="day"] .lp-note .h span { color: rgba(20, 20, 18, 0.55) }
html[data-theme="day"] .lp-note b { color: rgb(20, 20, 18) }
html[data-theme="day"] .lp-note p { color: rgba(20, 20, 18, 0.78) }
html[data-theme="day"] .lp-note .big { color: rgb(20, 20, 18) }
html[data-theme="day"] .lp-note .btn { border-radius: 12px; background: rgba(20, 20, 18, 0.92); color: rgb(243, 240, 234) }
html[data-theme="day"] .lp-note .btn.pressed { background: rgb(52, 199, 89); color: rgb(255, 255, 255) }
html[data-theme="day"] .lp-home { border-radius: 3px; background: rgba(20, 20, 18, 0.75) }
html[data-theme="day"] .lp-foot { border-radius: 20px }
html[data-theme="day"] .lp-sum { color: rgba(20, 20, 18, 0.8) }
html[data-theme="day"] .lp-sum .k { border-radius: 999px; background: rgba(20, 20, 18, 0.08); border: 1px solid rgba(20, 20, 18, 0.12) }
html[data-theme="day"] .lp-sum svg { fill: none; stroke: currentColor }
html[data-theme="day"] .lp-sum .k.y { color: rgb(194, 75, 10) }
html[data-theme="day"] .lp-sum .k.a { color: rgb(37, 167, 90) }
html[data-theme="day"] .lp-sum b { color: rgb(20, 20, 18) }
html[data-theme="day"] .lp-ctrl button { border-radius: 13px; border: 1px solid rgba(20, 20, 18, 0.14); background: rgba(20, 20, 18, 0.07); color: rgb(20, 20, 18) }
html[data-theme="day"] .lp-ctrl button:hover { background: rgba(20, 20, 18, 0.14) }
html[data-theme="day"] .lp-ctrl svg { fill: none; stroke: currentColor }
html[data-theme="day"] .lp-timer { border-radius: 3px; background: rgba(20, 20, 18, 0.12) }
html[data-theme="day"] .lp-timer i { background: linear-gradient(90deg,rgb(255, 138, 76),rgb(185, 58, 12)) }
@media(max-width:900px) { html[data-theme="day"] .lp { border-radius: 22px } }
@supports not ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))) { html[data-theme="day"] .lp-glass, html[data-theme="day"] .lp-note { background: rgba(252, 251, 249, 0.92) } }
html[data-theme="day"] .pl-stage { border-radius: 28px; color: rgb(20, 20, 18); box-shadow: 0 50px 110px rgba(20, 19, 17, 0.24),0 0 0 1px rgba(20, 20, 18, 0.08) }
html[data-theme="day"] .pl-stage::before { background: url(/images/scene-tracking.webp?v=2) center/cover no-repeat; filter: invert(1) hue-rotate(180deg) }
html[data-theme="day"] .pl-stage::after { background: radial-gradient(ellipse 60% 70% at 30% 40%,rgba(185, 58, 12, 0.22),transparent 60%),linear-gradient(180deg,rgba(243, 240, 234, 0.78),rgba(243, 240, 234, 0.9)) }
html[data-theme="day"] .pl-glass { background: linear-gradient(135deg,rgba(20, 20, 18, 0.11),rgba(20, 20, 18, 0.035)); border: 1px solid rgba(20, 20, 18, 0.15); border-radius: 22px; box-shadow: inset 0 1px 0 rgba(20, 20, 18, 0.16),0 12px 40px rgba(20, 19, 17, 0.14) }
html[data-theme="day"] .pl-ex { border-radius: 999px; background: rgba(20, 20, 18, 0.08); border: 1px solid rgba(20, 20, 18, 0.12); color: rgb(64, 62, 57) }
html[data-theme="day"] .pl-ex i { border-radius: 50%; background: rgb(74, 190, 120) }
html[data-theme="day"] .pl-btn { border-radius: 14px; border: 0 }
html[data-theme="day"] .pl-btn.go { background: rgb(185, 58, 12); color: rgb(255, 255, 255); box-shadow: 0 10px 26px rgba(185, 58, 12, 0.4) }
html[data-theme="day"] .pl-btn.go:hover { background: rgb(255, 90, 31) }
html[data-theme="day"] .pl-btn.ghost { background: rgba(20, 20, 18, 0.08); color: rgb(20, 20, 18); border: 1px solid rgba(20, 20, 18, 0.16) }
html[data-theme="day"] .pl-btn.ghost:hover { background: rgba(20, 20, 18, 0.14) }
html[data-theme="day"] .pl-btn.ok { background: rgb(52, 199, 89); color: rgb(238, 245, 240) }
html[data-theme="day"] .ng-route { color: rgb(64, 62, 57) }
html[data-theme="day"] .ng-route b { color: rgb(20, 20, 18) }
html[data-theme="day"] .ng-facts div { border-radius: 14px; background: rgba(20, 20, 18, 0.06); border: 1px solid rgba(20, 20, 18, 0.09) }
html[data-theme="day"] .ng-facts span { color: rgb(105, 101, 93) }
html[data-theme="day"] .ng-facts b { color: rgb(20, 20, 18) }
html[data-theme="day"] .ng-bidbox { border-radius: 18px; background: rgba(243, 240, 234, 0.25); border: 1px solid rgba(20, 20, 18, 0.1) }
html[data-theme="day"] .ng-bidtop span { color: rgb(105, 101, 93) }
html[data-theme="day"] .ng-amt { color: rgb(20, 20, 18) }
html[data-theme="day"] .ng-pm { color: rgb(105, 101, 93) }
html[data-theme="day"] .ng-range { accent-color: rgb(185, 58, 12) }
html[data-theme="day"] .ng-quick button { border-radius: 999px; border: 1px solid rgba(20, 20, 18, 0.16); background: rgba(20, 20, 18, 0.06); color: rgb(34, 33, 30) }
html[data-theme="day"] .ng-quick button:hover { border-color: rgb(185, 58, 12) }
html[data-theme="day"] .ng-chathead { border-bottom: 1px solid rgba(20, 20, 18, 0.1) }
html[data-theme="day"] .ng-chathead img { border-radius: 10px }
html[data-theme="day"] .ng-chathead small { color: rgb(105, 101, 93) }
html[data-theme="day"] .ng-round { color: rgb(64, 62, 57) }
html[data-theme="day"] .ng-m { border-radius: 18px }
html[data-theme="day"] .ng-m.me { background: rgb(185, 58, 12); color: rgb(255, 255, 255); border-bottom-right-radius: 6px }
html[data-theme="day"] .ng-m.ai { background: rgba(20, 20, 18, 0.1); border: 1px solid rgba(20, 20, 18, 0.12); border-bottom-left-radius: 6px }
html[data-theme="day"] .ng-m.br { background: rgba(52, 199, 89, 0.14); border: 1px solid rgba(52, 199, 89, 0.4); color: rgb(32, 172, 78); border-bottom-left-radius: 6px }
html[data-theme="day"] .ng-typing { border-radius: 18px; background: rgba(20, 20, 18, 0.1) }
html[data-theme="day"] .ng-typing i { border-radius: 50%; background: rgb(64, 62, 57) }
html[data-theme="day"] .ng-end { border-radius: 18px; background: rgba(243, 240, 234, 0.3); border: 1px solid rgba(20, 20, 18, 0.12) }
html[data-theme="day"] .ng-end .row div { border-radius: 12px; background: rgba(20, 20, 18, 0.06) }
html[data-theme="day"] .ng-end .row span { color: rgb(105, 101, 93) }
html[data-theme="day"] .ng-meter { border-radius: 6px; background: rgba(20, 20, 18, 0.1) }
html[data-theme="day"] .ng-meter i { background: linear-gradient(90deg,rgb(185, 58, 12),rgb(255, 176, 122)) }
html[data-theme="day"] .ng-secret { color: rgb(64, 62, 57) }
html[data-theme="day"] .ng-secret b { color: rgb(194, 75, 10) }
@media(max-width:900px) { html[data-theme="day"] .pl-stage { border-radius: 22px } }
html[data-theme="day"] .bk-hint b { border-radius: 12px; background: rgba(185, 58, 12, 0.9); color: rgb(20, 20, 18); box-shadow: 0 8px 24px rgba(185, 58, 12, 0.4) }
html[data-theme="day"] .bk-probs button { border-radius: 12px; border: 1px solid rgba(20, 20, 18, 0.18); background: rgba(245, 243, 238, 0.6); color: rgb(34, 33, 30) }
html[data-theme="day"] .bk-probs button.on { background: rgb(185, 58, 12); border-color: rgb(185, 58, 12); color: rgb(255, 255, 255) }
html[data-theme="day"] .bk-tip { border-radius: 10px; background: rgb(20, 20, 18); color: rgb(243, 240, 234) }
html[data-theme="day"] .bk-state { border-radius: 999px; background: rgba(74, 190, 120, 0.16); color: rgb(37, 167, 90); border: 1px solid rgba(74, 190, 120, 0.4) }
html[data-theme="day"] .bk-state.bad { background: rgba(255, 69, 58, 0.16); color: rgb(194, 24, 10); border-color: rgba(255, 69, 58, 0.5) }
html[data-theme="day"] .bk-state.help { background: rgba(185, 58, 12, 0.16); color: rgb(194, 75, 10); border-color: rgba(255, 138, 76, 0.5) }
html[data-theme="day"] .bk-sub { color: rgb(105, 101, 93) }
html[data-theme="day"] .bk-eta { border-top: 1px solid rgba(20, 20, 18, 0.1); color: rgb(64, 62, 57) }
html[data-theme="day"] .bk-eta b { color: rgb(20, 20, 18) }
html[data-theme="day"] .bk-eta b.late { color: rgb(194, 75, 10) }
html[data-theme="day"] .bk-who h5, html[data-theme="day"] .bk-feed h5 { color: rgb(105, 101, 93) }
html[data-theme="day"] .bk-p { border-radius: 14px; background: rgba(20, 20, 18, 0.05); border: 1px solid rgba(20, 20, 18, 0.08); color: rgb(105, 101, 93) }
html[data-theme="day"] .bk-p svg { fill: none; stroke: currentColor }
html[data-theme="day"] .bk-p.on { background: rgba(52, 199, 89, 0.14); border-color: rgba(52, 199, 89, 0.45); color: rgb(32, 172, 78) }
html[data-theme="day"] .bk-p small { color: inherit }
html[data-theme="day"] .bk-l { color: rgb(34, 33, 30) }
html[data-theme="day"] .bk-l time { color: rgb(105, 101, 93) }
html[data-theme="day"] .bk-l.hot { color: rgb(194, 75, 10) }
html[data-theme="day"] .bk-l.good { color: rgb(32, 172, 78) }
html[data-theme="day"] .rig-band-floor { background: url(/images/hero-floor.webp) center 78%/cover no-repeat; filter: invert(1) hue-rotate(180deg) }
html[data-theme="day"] .rig-band-in::before { background: linear-gradient(to left,rgba(255, 144, 81, 0.95),rgba(255, 144, 81, 0)); border-radius: 2px }
html[data-theme="day"] .sky-dusk { background: radial-gradient(ellipse 78% 46% at 30% 64%,rgba(185, 58, 12, 0.3),transparent 70%) }
html[data-theme="day"] .sky-night { background: radial-gradient(ellipse 60% 30% at 50% 64%,rgba(185, 58, 12, 0.05),transparent 70%) }
html[data-theme="day"] .sky-night::after { background-image: radial-gradient(rgba(20, 20, 18, 0.55) 1px,transparent 1.5px),radial-gradient(rgba(20, 20, 18, 0.3) 1px,transparent 1.5px); background-size: 120px 90px,170px 130px; background-position: 20px 12px,90px 50px }
html[data-theme="day"] .sky-first { background: radial-gradient(ellipse 80% 38% at 74% 64%,rgba(255, 170, 110, 0.17),transparent 70%) }
html[data-theme="day"] .sky-sunrise { background: radial-gradient(ellipse 85% 56% at 78% 62%,rgba(255, 200, 130, 0.4),rgba(185, 58, 12, 0.13) 46%,transparent 72%) }
html[data-theme="day"] .rig-band-bg { mix-blend-mode: multiply }
html[data-theme="day"] .rig-route { color: rgba(20, 20, 18, 0.45) }
html[data-theme="day"] .rig-route b { color: rgb(194, 77, 10) }
html[data-theme="day"] .rig-tag { color: rgb(20, 20, 18); background: rgba(243, 241, 236, 0.82); border: 1px solid rgba(255, 144, 81, 0.55); border-radius: 6px; box-shadow: 0 0 22px rgba(185, 58, 12, 0.22) }
html[data-theme="day"] .rig-tag::before { border-radius: 50%; background: rgb(255, 144, 81); box-shadow: 0 0 10px rgb(185, 58, 12) }
html[data-theme="day"] .rig-tag::after { background: linear-gradient(rgba(255, 144, 81, 0.7),transparent) }
html[data-theme="day"] .rig-tag.alert { border-color: rgba(255, 90, 71, 0.8); color: rgb(25, 22, 22); box-shadow: 0 0 26px rgba(255, 70, 50, 0.35) }
html[data-theme="day"] .rig-tag.alert::before { background: rgb(255, 90, 71); box-shadow: 0 0 10px rgb(255, 59, 40) }
html[data-theme="day"] .rig-tag.ok { border-color: rgba(74, 190, 120, 0.75) }
html[data-theme="day"] .rig-tag.ok::before { background: rgb(74, 190, 120); box-shadow: 0 0 10px rgb(47, 168, 98) }
html[data-theme="day"] .rig-haz i { border-radius: 50%; background: rgb(255, 179, 71); box-shadow: 0 0 0 6px rgba(255, 160, 60, 0.22),0 0 26px 8px rgba(255, 140, 40, 0.75) }
html[data-theme="day"] .rig-dock { background: linear-gradient(to top,rgba(74, 190, 120, 0),rgba(74, 190, 120, 0.85)) }
html[data-theme="day"] .rig-dock::after { color: rgba(42, 162, 90, 0.9) }
html[data-theme="day"] .rig-flow .st { color: rgba(20, 20, 18, 0.32) }
html[data-theme="day"] .rig-flow .st::before { border-radius: 50%; border: 1.5px solid rgba(20, 20, 18, 0.32); background: rgb(243, 241, 236) }
html[data-theme="day"] .rig-flow .st::after { background: rgba(20, 20, 18, 0.15) }
html[data-theme="day"] .rig-flow .st.done { color: rgba(20, 20, 18, 0.72) }
html[data-theme="day"] .rig-flow .st.done::before { background: rgb(185, 58, 12); border-color: rgb(185, 58, 12) }
html[data-theme="day"] .rig-flow .st.done::after, html[data-theme="day"] .rig-flow .st.now::after { background: rgb(185, 58, 12) }
html[data-theme="day"] .rig-flow .st.now { color: rgb(194, 77, 10) }
html[data-theme="day"] .rig-flow .st.now::before { background: rgb(255, 144, 81); border-color: rgb(255, 144, 81); box-shadow: 0 0 0 5px rgba(185, 58, 12, 0.22),0 0 18px rgba(185, 58, 12, 0.85) }
html[data-theme="day"] .rig-flow .st.now.alert { color: rgb(194, 31, 10) }
html[data-theme="day"] .rig-flow .st.now.alert::before { background: rgb(255, 90, 71); border-color: rgb(255, 90, 71); box-shadow: 0 0 0 5px rgba(255, 70, 50, 0.22),0 0 18px rgba(255, 70, 50, 0.9) }
html[data-theme="day"] .rig-flow .st.now.ok { color: rgb(44, 160, 90) }
html[data-theme="day"] .rig-flow .st.now.ok::before { background: rgb(74, 190, 120); border-color: rgb(74, 190, 120); box-shadow: 0 0 0 5px rgba(74, 190, 120, 0.2),0 0 18px rgba(74, 190, 120, 0.8) }
html[data-theme="day"] .ct-truck svg { filter: drop-shadow(0 0 1px rgba(20, 20, 18, 0.55)) drop-shadow(0 2px 3px rgba(20, 19, 17, 0.2)) }
html[data-theme="day"] span.ct-w.ct-w.ct-w { color: inherit }
html[data-theme="day"] svg [stop-color="#FFE6BF"] { stop-color: rgb(35, 33, 31) }
html[data-theme="day"] svg [stroke="rgba(255,255,255,.05)"] { stroke: rgba(20, 20, 18, 0.05) }
html[data-theme="day"] svg [stop-color="#FF5A1F"] { stop-color: rgb(255, 90, 31) }
html[data-theme="day"] svg [stroke="rgba(255,255,255,.18)"] { stroke: rgba(20, 20, 18, 0.18) }
html[data-theme="day"] svg [fill="rgba(255,255,255,.07)"] { fill: rgba(20, 20, 18, 0.07) }
html[data-theme="day"] svg [stroke="rgba(232,73,15,.25)"] { stroke: rgba(185, 58, 12, 0.25) }
html[data-theme="day"] svg [stroke="#E8490F"] { stroke: rgb(185, 58, 12) }
html[data-theme="day"] svg [stroke="#FFC2A1"] { stroke: rgb(194, 75, 10) }
html[data-theme="day"] svg [fill="#FFC2A1"] { fill: rgb(194, 75, 10) }
html[data-theme="day"] svg [fill="#F3F1ED"] { fill: rgb(20, 20, 18) }
html[data-theme="day"] svg [fill="rgba(243,241,237,.5)"] { fill: rgba(20, 20, 18, 0.5) }
html[data-theme="day"] svg [fill="rgba(243,241,237,.6)"] { fill: rgba(20, 20, 18, 0.6) }
html[data-theme="day"] svg [fill="#fff"] { fill: rgb(20, 20, 18) }
html[data-theme="day"] svg [fill="#E8490F"] { fill: rgb(185, 58, 12) }
html[data-theme="day"] svg [stroke="#fff"] { stroke: rgb(20, 20, 18) }
html[data-theme="day"] svg [fill="#F6B40E"] { fill: rgb(194, 142, 10) }
html[data-theme="day"] svg [fill="#FAF8F3"] { fill: rgb(20, 20, 18) }
html[data-theme="day"] svg [stroke="#F2EFE9"] { stroke: rgb(20, 20, 18) }
html[data-theme="day"] svg [fill="#F2EFE9"] { fill: rgb(20, 20, 18) }
html[data-theme="day"] svg [fill="#17140E"] { fill: rgb(243, 241, 236) }
html[data-theme="day"] svg [fill="#6E6960"] { fill: rgb(162, 159, 151) }
html[data-theme="day"] svg [fill="#191918"] { fill: rgb(252, 251, 250) }
html[data-theme="day"] svg [fill="#111110"] { fill: rgb(243, 240, 234) }
html[data-theme="day"] svg [fill="#FFE2C4"] { fill: rgb(32, 30, 29) }
html[data-theme="day"] svg [fill="#FF9051"] { fill: rgb(194, 77, 10) }