.site-visit-stats {
  position: absolute;
  z-index: 9997;
  box-sizing: border-box;
  top: max(8px, env(safe-area-inset-top));
  left: 50%;
  width: min(1012px, calc(100% - 32px));
  margin: 0;
  overflow: hidden;
  transform: translateX(-50%);
  color: var(--fgColor-muted, var(--color-fg-muted, #59636e));
  font: 500 12px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  letter-spacing: .1px;
  pointer-events: none;
}

body.has-site-visit-stats:not(.os-page) {
  padding-top: max(12px, calc(env(safe-area-inset-top) + 12px)) !important;
}

.site-visit-stats strong {
  color: var(--fgColor-default, var(--color-fg-default, #1f2328));
  font-weight: 650;
  font-variant-numeric: tabular-nums;
}

.site-visit-stats > span {
  margin: 0 7px;
  color: var(--borderColor-default, var(--color-border-default, #d0d7de));
}

.site-global-nav {
  position: fixed;
  z-index: 9998;
  left: 50%;
  top: auto;
  bottom: max(18px, env(safe-area-inset-bottom));
  display: flex;
  gap: 4px;
  padding: 6px;
  transform: translateX(-50%);
  border: 1px solid var(--borderColor-default, var(--color-border-default, rgba(31, 35, 40, .15)));
  border-radius: 14px;
  background: var(--bgColor-default, var(--color-canvas-default, rgba(255, 255, 255, .94)));
  box-shadow: 0 10px 32px rgba(0, 0, 0, .18);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.site-global-nav a {
  min-width: 78px;
  padding: 9px 14px;
  border-radius: 9px;
  color: var(--fgColor-muted, var(--color-fg-muted, #59636e));
  font: 500 13px/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  transition: color .2s ease, background-color .2s ease, transform .2s ease;
}

.site-global-nav a:hover {
  color: var(--fgColor-default, var(--color-fg-default, #1f2328));
  background: var(--control-transparent-bgColor-hover, var(--color-action-list-item-default-hover-bg, rgba(175, 184, 193, .2)));
  transform: translateY(-1px);
}

.site-global-nav a[aria-current="page"] {
  color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis, #fff));
  background: var(--bgColor-accent-emphasis, var(--color-accent-emphasis, #cf263c));
  box-shadow: 0 4px 12px color-mix(in srgb, var(--bgColor-accent-emphasis, var(--color-accent-emphasis, #cf263c)) 32%, transparent);
}

.site-music-player {
  position: fixed;
  z-index: 9999;
  box-sizing: border-box;
  top: max(14px, env(safe-area-inset-top));
  right: max(20px, env(safe-area-inset-right));
  display: flex;
  align-items: center;
  gap: 7px;
  width: min(230px, calc(100vw - 120px));
  min-height: 54px;
  padding: 7px 8px 7px 12px;
  overflow: hidden;
  color: var(--fgColor-muted, var(--color-fg-muted, #59636e));
  border: 1px solid color-mix(in srgb, #ec4141 18%, var(--borderColor-default, var(--color-border-default, #d0d7de)));
  border-radius: 18px;
  background: linear-gradient(112deg, rgba(236, 65, 65, .09), transparent 38%), color-mix(in srgb, var(--bgColor-default, var(--color-canvas-default, #fff)) 92%, transparent);
  box-shadow: 0 12px 34px rgba(20, 10, 12, .17), inset 0 1px rgba(255, 255, 255, .34);
  backdrop-filter: blur(22px) saturate(1.18);
  -webkit-backdrop-filter: blur(22px) saturate(1.18);
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.site-music-player:hover {
  border-color: color-mix(in srgb, #ec4141 38%, var(--borderColor-default, var(--color-border-default, #d0d7de)));
  box-shadow: 0 15px 40px rgba(20, 10, 12, .21), inset 0 1px rgba(255, 255, 255, .4);
}

.site-music-copy {
  display: grid;
  flex: 1 1 auto;
  min-width: 0;
  gap: 4px;
}

.site-music-status {
  overflow: hidden;
  color: color-mix(in srgb, #ec4141 68%, var(--fgColor-muted, var(--color-fg-muted, #6e7781)));
  font: 500 9px/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif;
  letter-spacing: .02em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.site-music-title {
  display: block;
  overflow: hidden;
  color: var(--fgColor-default, var(--color-fg-default, #1f2328));
  font: 650 13px/1.22 -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif;
  white-space: nowrap;
}

.site-music-title-text {
  display: inline-block;
  min-width: max-content;
}

.site-music-title.is-scrolling .site-music-title-text {
  will-change: transform;
  animation: site-music-title-scroll var(--site-music-title-duration, 9s) linear infinite alternate;
}

@keyframes site-music-title-scroll {
  0%, 18% { transform: translateX(0); }
  82%, 100% { transform: translateX(calc(-1 * var(--site-music-title-shift, 0px))); }
}

@keyframes site-music-play-rotate {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.site-music-controls {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 1px;
}

.site-music-control {
  display: grid;
  place-items: center;
  width: 27px;
  height: 27px;
  margin: 0;
  padding: 0;
  color: var(--fgColor-muted, var(--color-fg-muted, #59636e));
  border: 1px solid transparent;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  transition: color .18s ease, background-color .18s ease, border-color .18s ease, transform .18s ease;
}

.site-music-control span { display: block; font: 700 10px/1 Arial, sans-serif; }
.site-music-control svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.site-music-control:hover:not(:disabled) { color: var(--fgColor-default, var(--color-fg-default, #1f2328)); background: rgba(127, 127, 127, .12); transform: translateY(-1px); }
.site-music-control:focus-visible { outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg, #0969da)); outline-offset: 1px; }
.site-music-control:disabled { opacity: .3; cursor: default; }
.site-music-mode[data-music-mode="shuffle"] { color: #ec4141; background: rgba(236, 65, 65, .09); }
.site-music-play { width: 33px; height: 33px; color: #fff; border-color: #ec4141; background: linear-gradient(145deg, #f35b5b, #d82f3f); box-shadow: 0 5px 14px rgba(220, 48, 63, .26); }
.site-music-play:hover:not(:disabled) { color: #fff; background: linear-gradient(145deg, #fb6666, #df3444); }
.site-music-player[data-music-state="playing"] .site-music-play { box-shadow: 0 5px 15px rgba(220, 48, 63, .32), 0 0 0 3px rgba(236, 65, 65, .12); }
.site-music-player[data-music-state="blocked"] .site-music-status,
.site-music-player[data-music-state="error"] .site-music-status { color: var(--fgColor-danger, var(--color-danger-fg, #cf222e)); }

html[data-color-mode="light"] body:not(.os-page) .site-music-player {
  border-color: color-mix(in srgb, #0969da 22%, var(--borderColor-default, var(--color-border-default, #d0d7de)));
  background: linear-gradient(112deg, rgba(9, 105, 218, .1), transparent 38%), color-mix(in srgb, var(--bgColor-default, var(--color-canvas-default, #fff)) 92%, transparent);
}

html[data-color-mode="light"] body:not(.os-page) .site-music-player:hover {
  border-color: color-mix(in srgb, #0969da 44%, var(--borderColor-default, var(--color-border-default, #d0d7de)));
}

html[data-color-mode="light"] body:not(.os-page) .site-music-status {
  color: color-mix(in srgb, #0969da 72%, var(--fgColor-muted, var(--color-fg-muted, #6e7781)));
}

html[data-color-mode="light"] body:not(.os-page) .site-music-mode[data-music-mode="shuffle"] {
  color: #0969da;
  background: rgba(9, 105, 218, .1);
}

html[data-color-mode="light"] body:not(.os-page) .site-music-play {
  border-color: #0969da;
  background: linear-gradient(145deg, #2f81f7, #0969da);
  box-shadow: 0 5px 14px rgba(9, 105, 218, .26);
}

html[data-color-mode="light"] body:not(.os-page) .site-music-play:hover:not(:disabled) {
  background: linear-gradient(145deg, #539bf7, #0969da);
}

html[data-color-mode="light"] body:not(.os-page) .site-music-player[data-music-state="playing"] .site-music-play {
  box-shadow: 0 5px 15px rgba(9, 105, 218, .32), 0 0 0 3px rgba(9, 105, 218, .12);
}

.site-music-live-status {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* Compact controls are shared by the blog pages and the OS desktop. */
.site-music-player .site-music-copy { display: none; }
.site-music-player .site-music-controls { width: 100%; justify-content: center; gap: 0; }
.site-music-player .site-music-control { width: 22px; height: 22px; }
.site-music-player .site-music-control svg { width: 14px; height: 14px; }
.site-music-player .site-music-play { width: 28px; height: 28px; }
.site-music-player[data-music-state="playing"] .site-music-play > span {
  animation: site-music-play-rotate 1.15s linear infinite;
  transform-origin: center;
}

body:not(.os-page) .site-music-player {
  top: max(20px, env(safe-area-inset-top));
  right: auto;
  left: max(72px, calc(env(safe-area-inset-left) + 52px));
  width: 110px;
  min-height: 44px;
  padding: 5px 4px;
  gap: 0;
  border-radius: 16px;
}

body:not(.os-page) .title-right a[onclick*="modeSwitch"] {
  position: fixed !important;
  z-index: 10000 !important;
  top: max(20px, env(safe-area-inset-top)) !important;
  right: auto !important;
  bottom: auto !important;
  left: max(20px, env(safe-area-inset-left)) !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 44px !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.site-title-actions-page .site-title-actions {
  --site-title-action-size: 44px;
  --site-title-action-gap: 8px;
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  gap: var(--site-title-action-gap);
  min-width: 0;
  min-height: var(--site-title-action-size);
}

body.site-title-actions-page .site-title-actions > a,
body.site-title-actions-page .site-title-actions > button {
  flex: 0 0 auto;
  margin: 0 !important;
}

body.site-title-actions-page .site-title-actions a.site-title-icon-action {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: var(--site-title-action-size) !important;
  height: var(--site-title-action-size) !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--fgColor-accent, var(--color-accent-fg, #0969da));
  border: 0 !important;
  border-radius: 50%;
  background: transparent !important;
  box-shadow: none !important;
  line-height: 1 !important;
  vertical-align: middle;
  transform: none !important;
}

body.site-title-actions-page .site-title-actions a.site-title-icon-action > svg {
  display: block;
  flex: 0 0 auto;
  margin: 0;
}

body.site-title-actions-page .site-title-actions a.site-theme-action[onclick*="modeSwitch"] {
  position: static !important;
  inset: auto !important;
  z-index: auto !important;
}

body.site-title-actions-page .site-title-actions a.site-title-icon-action:hover {
  color: var(--fgColor-accent, var(--color-accent-fg, #0969da));
  background: var(--control-transparent-bgColor-hover, var(--color-action-list-item-default-hover-bg, rgba(175, 184, 193, .2))) !important;
  transform: none !important;
}

body.site-title-actions-page:not(.os-page) .site-music-player.site-music-player--title-action,
body.site-title-actions-page:not(.os-page) .site-music-player.site-music-player--title-action:hover {
  position: static;
  inset: auto;
  z-index: auto;
  flex: 0 0 auto;
  align-self: center;
  width: auto;
  height: var(--site-title-action-size);
  min-height: var(--site-title-action-size);
  margin: 0;
  padding: 0;
  overflow: visible;
  color: var(--fgColor-accent, var(--color-accent-fg, #0969da));
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transform: none;
}

body.site-title-actions-page:not(.os-page) .site-music-player--title-action .site-music-controls {
  width: auto;
  gap: 2px;
}

body.site-title-actions-page:not(.os-page) .site-music-player--title-action .site-music-control,
body.site-title-actions-page:not(.os-page) .site-music-player--title-action .site-music-play {
  box-sizing: border-box;
  flex: 0 0 26px;
  width: 26px;
  height: 26px;
  margin: 0 !important;
  padding: 0 !important;
  color: inherit;
  border: 0;
  background: transparent;
  box-shadow: none;
  transform: none;
}

body.site-title-actions-page:not(.os-page) .site-music-player--title-action .site-music-control:hover:not(:disabled),
body.site-title-actions-page:not(.os-page) .site-music-player--title-action .site-music-play:hover:not(:disabled) {
  color: inherit;
  background: var(--control-transparent-bgColor-hover, var(--color-action-list-item-default-hover-bg, rgba(175, 184, 193, .2)));
  box-shadow: none;
  transform: none;
}

body.site-title-actions-page:not(.os-page) .site-music-player.site-music-player--title-action .site-music-mode[data-music-mode="shuffle"],
body.site-title-actions-page:not(.os-page) .site-music-player.site-music-player--title-action[data-music-state="playing"] .site-music-play {
  color: inherit;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.os-page .desktop-clock-controls {
  position: fixed;
  z-index: 25;
  right: 24px;
  bottom: 18px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.os-page .os-brand {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-left: auto;
  white-space: nowrap;
}

.os-page .site-music-player {
  z-index: 24;
  top: 4px;
  right: clamp(136px, 9.8vw, 156px);
  bottom: auto;
  left: auto;
  width: 110px;
  min-height: 36px;
  padding: 3px 4px;
  gap: 0;
  color: #b9a4a8;
  border-color: rgba(255, 109, 104, .25);
  background: linear-gradient(110deg, rgba(210, 30, 54, .12), transparent 42%), rgba(12, 7, 9, .9);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .025), 0 12px 32px rgba(0, 0, 0, .32);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
.os-page .site-music-title { color: #f0e5e7; }
.os-page .site-music-status { color: #b78e95; }
.os-page .site-music-control { color: #b9a4a8; }
.os-page .site-music-control span { font-size: 9px; }
.os-page .site-music-player .site-music-control { width: 18px; height: 18px; }
.os-page .site-music-player .site-music-control svg { width: 12px; height: 12px; }
.os-page .site-music-player .site-music-play { width: 23px; height: 23px; }
.os-page .site-music-control:hover:not(:disabled) { color: #fff; background: rgba(255, 109, 104, .1); }
.os-page .site-music-mode[data-music-mode="shuffle"] { color: #ff6b7e; background: rgba(255, 82, 101, .1); }
.os-page .site-music-play { color: #fff; border-color: rgba(255, 82, 101, .65); background: linear-gradient(145deg, #ed4b5f, #b81736); }

@media (min-width: 801px) {
  .os-page .site-music-player {
    color: #5f5559;
    border-color: rgba(255, 255, 255, .12);
    background: linear-gradient(145deg, rgba(255, 249, 250, .11), rgba(83, 37, 45, .08));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 8px 25px rgba(0, 0, 0, .28);
    backdrop-filter: blur(13px) saturate(1.15);
    -webkit-backdrop-filter: blur(13px) saturate(1.15);
  }
  .os-page .site-music-title { color: #352b2f; }
  .os-page .site-music-status { color: #a3293d; }
  .os-page .site-music-control { color: #62585c; }
  .os-page .site-music-control:hover:not(:disabled) { color: #271d21; background: rgba(255, 255, 255, .18); }
  .os-page .site-music-mode[data-music-mode="shuffle"] { color: #c52d45; background: rgba(255, 255, 255, .11); }
  .os-page .site-music-play {
    color: #fff;
    border-color: rgba(255, 255, 255, .36);
    background: rgba(255, 255, 255, .24);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .24), 0 5px 14px rgba(0, 0, 0, .2);
  }
  .os-page .site-music-play:hover:not(:disabled) {
    color: #fff;
    background: rgba(255, 255, 255, .36);
  }

  .os-page .desktop-page-sidebar {
    color: #65595e;
    border-left-color: rgba(255, 255, 255, .12);
    border-right-color: transparent;
    background: linear-gradient(145deg, rgba(255, 249, 250, .11), rgba(83, 37, 45, .08));
    box-shadow: -8px 0 25px rgba(0, 0, 0, .28);
    backdrop-filter: blur(13px) saturate(1.15);
    -webkit-backdrop-filter: blur(13px) saturate(1.15);
  }
  .os-page .desktop-page-sidebar-item {
    border-bottom-color: rgba(255, 255, 255, .06);
  }
  .os-page .desktop-page-sidebar-item:hover,
  .os-page .desktop-page-sidebar-item[aria-current="true"] {
    background: rgba(255, 255, 255, .11);
  }
  .os-page .desktop-page-sidebar-item::after {
    background: rgba(255, 255, 255, .58);
  }
  .os-page .desktop-page-sidebar-item[aria-current="true"]::after {
    background: #fff;
    box-shadow: 0 0 12px rgba(255, 255, 255, .72);
  }
}

.os-page .desktop-clock {
  position: static;
  padding: 7px 11px;
  color: #f2e7e9;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 10px;
  background: linear-gradient(145deg, rgba(255, 249, 250, .11), rgba(83, 37, 45, .08));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 8px 25px rgba(0, 0, 0, .28);
  backdrop-filter: blur(13px) saturate(1.15);
  -webkit-backdrop-filter: blur(13px) saturate(1.15);
}

.site-background-audio {
  display: none;
}

@media (max-width: 600px) {
  .site-visit-stats {
    top: max(4px, env(safe-area-inset-top));
    width: calc(100% - 16px);
    font-size: 10px;
    line-height: 1.4;
  }

  body.has-site-visit-stats:not(.os-page) {
    padding-top: max(8px, calc(env(safe-area-inset-top) + 8px)) !important;
  }

  .site-global-nav {
    left: auto;
    left: 50%;
    right: auto;
    top: auto;
    bottom: max(10px, env(safe-area-inset-bottom));
    width: min(330px, calc(100vw - 80px));
    justify-content: center;
    transform: translateX(-50%);
    background: var(--bgColor-default, var(--color-canvas-default, rgba(255, 255, 255, .98)));
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  .site-global-nav a {
    min-width: 0;
    flex: 1;
    padding-inline: 8px;
  }

  .site-music-player {
    top: max(12px, env(safe-area-inset-top));
    right: max(12px, env(safe-area-inset-right));
    width: min(230px, calc(100vw - 70px));
    min-height: 52px;
    gap: 5px;
    padding: 6px 7px 6px 10px;
    border-radius: 17px;
  }
  .site-music-control { width: 25px; height: 25px; }
  .site-music-play { width: 31px; height: 31px; }
  .site-music-title { font-size: 11px; }
  .site-music-status { font-size: 8px; }

  body:not(.os-page) .title-right a[onclick*="modeSwitch"] {
    top: max(12px, env(safe-area-inset-top)) !important;
    left: max(12px, env(safe-area-inset-left)) !important;
    width: 42px !important;
    height: 42px !important;
  }

  body.site-title-actions-page .site-title-actions {
    --site-title-action-size: 36px;
    --site-title-action-gap: 4px;
  }

  body.site-title-actions-page .site-title-actions a.site-title-icon-action {
    width: var(--site-title-action-size) !important;
    height: var(--site-title-action-size) !important;
  }

  body.site-title-actions-page--dynamic #buttonRSS {
    display: inline-flex !important;
  }

  body.site-title-actions-page--dynamic .SideNav {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
  }

  body.site-title-actions-page:not(.os-page) .site-music-player.site-music-player--title-action {
    position: static;
    inset: auto;
    flex: 0 0 auto;
    width: auto;
    min-height: 36px;
    padding: 0;
    border-radius: 0;
  }

  body.site-title-actions-page:not(.os-page) .site-music-player--title-action .site-music-controls {
    gap: 0;
  }

  body.site-title-actions-page:not(.os-page) .site-music-player--title-action .site-music-control,
  body.site-title-actions-page:not(.os-page) .site-music-player--title-action .site-music-play {
    flex-basis: 21px;
    width: 21px;
    height: 21px;
  }

  body.site-title-actions-page:not(.os-page) .site-music-player--title-action .site-music-control svg {
    width: 13px;
    height: 13px;
  }

  .os-page .desktop-clock-controls {
    right: 12px;
    bottom: 86px;
  }

  .os-page .site-music-player {
    top: max(4px, env(safe-area-inset-top));
    right: max(134px, calc(env(safe-area-inset-right) + 122px));
    bottom: auto;
    left: auto;
    width: 110px;
    min-height: 36px;
    padding: 3px 4px;
  }

  body:not(.os-page) .site-music-player {
    top: max(12px, env(safe-area-inset-top));
    right: auto;
    left: max(62px, calc(env(safe-area-inset-left) + 42px));
    width: 110px;
    min-height: 44px;
    padding: 5px 4px;
    border-radius: 15px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-music-title.is-scrolling .site-music-title-text { animation: none; }
  .site-music-player { transition: none; }
}

/* Phone shell controls. All desktop geometry above 800px remains unchanged. */
@media (max-width: 800px) {
  body.os-page:not(.is-launched) .site-global-nav,
  body.os-page:not(.is-launched) .site-music-player {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
  }

  body.os-page .site-visit-stats { display: none !important; }

  body.os-page .site-global-nav {
    z-index: 9998;
    top: auto;
    right: auto;
    bottom: max(18px, env(safe-area-inset-bottom));
    left: 50%;
    display: flex;
    justify-content: flex-start;
    width: auto;
    max-width: calc(100vw - 24px);
    min-height: 0;
    gap: 4px;
    padding: 6px;
    border: 1px solid var(--borderColor-default, var(--color-border-default, rgba(31, 35, 40, .15)));
    border-radius: 14px;
    background: var(--bgColor-default, var(--color-canvas-default, rgba(255, 255, 255, .94)));
    box-shadow: 0 10px 32px rgba(0, 0, 0, .18);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    transform: translateX(-50%);
    transition: opacity .2s ease, visibility .2s ease;
  }

  body.os-page .site-global-nav::after {
    content: none;
    display: none;
  }

  body.os-page .site-global-nav a {
    display: block;
    flex: 0 0 auto;
    min-width: 78px;
    height: auto;
    gap: 0;
    padding: 9px 14px;
    color: var(--fgColor-muted, var(--color-fg-muted, #59636e));
    border-radius: 9px;
    background: transparent;
    font: 500 13px/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    letter-spacing: normal;
    text-align: center;
    transform: none;
  }

  body.os-page .site-global-nav a::before {
    content: none !important;
    display: none;
  }
  body.os-page .site-global-nav a:hover {
    color: var(--fgColor-default, var(--color-fg-default, #1f2328));
    background: var(--control-transparent-bgColor-hover, var(--color-action-list-item-default-hover-bg, rgba(175, 184, 193, .2)));
    transform: translateY(-1px);
  }
  body.os-page .site-global-nav a[aria-current="page"] {
    color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis, #fff));
    background: var(--bgColor-accent-emphasis, var(--color-accent-emphasis, #cf263c));
    box-shadow: 0 4px 12px color-mix(in srgb, var(--bgColor-accent-emphasis, var(--color-accent-emphasis, #cf263c)) 32%, transparent);
  }

  body.os-page .site-music-player {
    z-index: 9999;
    top: calc(env(safe-area-inset-top) + 12px) !important;
    right: max(14px, env(safe-area-inset-right)) !important;
    bottom: auto !important;
    left: auto !important;
    width: 112px;
    height: 42px;
    min-height: 42px;
    padding: 4px;
    border-color: var(--os-mobile-control-border, rgba(255, 255, 255, .09));
    border-radius: var(--os-mobile-control-radius, 14px);
    background: var(--os-mobile-control-background, rgba(255, 255, 255, .075));
    box-shadow: var(--os-mobile-control-shadow, inset 0 1px rgba(255, 255, 255, .055));
    backdrop-filter: var(--os-mobile-control-filter, blur(16px));
    -webkit-backdrop-filter: var(--os-mobile-control-filter, blur(16px));
  }

  body.os-page .desktop-clock-controls {
    z-index: 26;
    top: env(safe-area-inset-top);
    right: auto;
    bottom: auto;
    left: max(14px, env(safe-area-inset-left));
    height: 48px;
    pointer-events: none;
  }
  body.os-page .desktop-clock {
    position: static;
    max-width: min(210px, 55vw);
    margin: 0 !important;
    padding: 0;
    overflow: hidden;
    color: rgba(241, 229, 232, .88);
    border: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    font: 600 10px/1.1 -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif !important;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

/* Keep OS chrome quiet and consistent across desktop and mobile. */
body.os-page .desktop-clock {
  padding: 0;
  color: rgba(241, 229, 232, .88);
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body.os-page .site-music-player {
  color: #52606d;
  border-color: rgba(255, 255, 255, .18);
  background: linear-gradient(145deg, rgba(255, 255, 255, .16), rgba(255, 255, 255, .04)), rgba(255, 255, 255, .1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 8px 25px rgba(0, 0, 0, .28);
  backdrop-filter: blur(13px) saturate(1.15);
  -webkit-backdrop-filter: blur(13px) saturate(1.15);
}

body.os-page .site-music-player:hover {
  border-color: rgba(255, 255, 255, .28);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14), 0 10px 28px rgba(0, 0, 0, .32);
}

body.os-page .site-music-title { color: #263746; }
body.os-page .site-music-status { color: #6b7785; }
body.os-page .site-music-control { color: #5d6b78; }
body.os-page .site-music-control:hover:not(:disabled) { color: #20303e; background: rgba(255, 255, 255, .18); }
body.os-page .site-music-mode[data-music-mode="shuffle"] { color: #5d6b78; background: rgba(255, 255, 255, .11); }
body.os-page .site-music-play {
  color: #fff;
  border-color: rgba(255, 255, 255, .36);
  background: rgba(255, 255, 255, .24);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .24), 0 5px 14px rgba(0, 0, 0, .2);
}
body.os-page .site-music-play:hover:not(:disabled) { color: #fff; background: rgba(255, 255, 255, .36); }
body.os-page .site-music-player[data-music-state="playing"] .site-music-play {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .24), 0 5px 14px rgba(0, 0, 0, .2);
}