/* Per-clock day/night colors take precedence over app-wide text colors. */
:root[data-ui-skin] body .app-shell .compact-clock.day,:root[data-ui-skin] body .app-shell .flip-clock.day{color:#18283b!important;background:linear-gradient(145deg,#eef3f9,#dce6f1)!important}
:root[data-ui-skin] body .app-shell .compact-clock.night,:root[data-ui-skin] body .app-shell .flip-clock.night{color:#f5f7fa!important;background:linear-gradient(145deg,#171d28,#0b101a)!important}
:root[data-ui-skin] body .app-shell .compact-clock.day :is(span,b),:root[data-ui-skin] body .app-shell .flip-clock.day header :is(strong,small,span),:root[data-ui-skin] body .app-shell .flip-clock.day .flip-time>i{color:#18283b!important}
:root[data-ui-skin] body .app-shell .compact-clock.night :is(span,b),:root[data-ui-skin] body .app-shell .flip-clock.night header :is(strong,small,span),:root[data-ui-skin] body .app-shell .flip-clock.night .flip-time>i{color:#f5f7fa!important}
:root[data-ui-skin] body .app-shell .flip-clock.day .flip-digit{color:#fff!important;background:linear-gradient(#303640 0 49.5%,#202630 50.5% 100%)!important}
:root[data-ui-skin] body .app-shell .flip-clock.night .flip-digit{color:#18283b!important;background:linear-gradient(#fff 0 49.5%,#e4eaf1 50.5% 100%)!important}
:root[data-ui-skin] body .app-shell :is(.compact-clock,.flip-clock),:root[data-ui-skin] body .app-shell :is(.compact-clock,.flip-clock) *{-webkit-text-fill-color:currentColor!important}