html body isp-extform .isp-layout.git-scene-active {
  --git-scene-bg: #0b132b;
  --git-scene-ink: #f0f3ff;
  --git-scene-muted: #b5c0dc;
  --git-scene-a: 102, 155, 255;
  --git-scene-b: 252, 151, 88;
  --git-scene-wash: rgba(93, 133, 231, .07);
  background: var(--git-scene-bg);
}
html body isp-extform .isp-layout[data-git-scene-time="morning"] {
  --git-scene-bg: #e9e8f1;
  --git-scene-ink: #26325b;
  --git-scene-muted: #586481;
  --git-scene-a: 84, 115, 221;
  --git-scene-b: 229, 142, 85;
  --git-scene-wash: rgba(244, 174, 114, .10);
}
html body isp-extform .isp-layout[data-git-scene-time="day"] {
  --git-scene-bg: #edf2fc;
  --git-scene-ink: #20335d;
  --git-scene-muted: #596d90;
  --git-scene-a: 60, 114, 231;
  --git-scene-b: 70, 181, 203;
  --git-scene-wash: rgba(94, 158, 231, .06);
}
html body isp-extform .isp-layout[data-git-scene-time="evening"] {
  --git-scene-bg: #20213d;
  --git-scene-ink: #f6efff;
  --git-scene-muted: #c0bad8;
  --git-scene-a: 164, 141, 248;
  --git-scene-b: 255, 168, 116;
  --git-scene-wash: rgba(215, 149, 204, .08);
}
html body isp-extform .isp-layout.git-scene-active .isp-background { visibility: hidden; }
html body isp-extform .isp-layout.git-scene-active .isp-page {
  background: linear-gradient(150deg, var(--git-scene-wash), transparent 55%), var(--git-bill-surface);
  box-shadow: -12px 0 70px rgba(12, 22, 51, .14), -1px 0 rgba(255, 255, 255, .35);
}
html body isp-extform .git-scene {
  position: fixed;
  top: 0;
  height: 100vh;
  height: 100svh;
  left: 0;
  width: calc(100% - var(--isp-layout-page-width, 640px));
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
  user-select: none;
  color: var(--git-scene-ink);
  background: var(--git-scene-bg);
  --git-scene-drift-x: 0px;
  --git-scene-drift-y: 0px;
}
html body isp-extform .git-scene[data-compact="true"] { display: none; }
html body isp-extform .git-scene__atmosphere,
html body isp-extform .git-scene__light,
html body isp-extform .git-scene__canvas,
html body isp-extform .git-scene__grain { position: absolute; inset: 0; width: 100%; height: 100%; }
html body isp-extform .git-scene__atmosphere {
  background:
    radial-gradient(ellipse at 15% 17%, rgba(var(--git-scene-b), .18), transparent 48%),
    radial-gradient(ellipse at 78% 66%, rgba(var(--git-scene-a), .28), transparent 58%),
    radial-gradient(ellipse at 30% 105%, rgba(var(--git-scene-a), .14), transparent 60%);
  transform: translate3d(calc(var(--git-scene-drift-x) * -.7), calc(var(--git-scene-drift-y) * -.7), 0) scale(1.06);
}
html body isp-extform .git-scene__light {
  background: radial-gradient(ellipse at 50% 53%, rgba(var(--git-scene-a), .10), transparent 53%);
  transform: translate3d(var(--git-scene-drift-x), var(--git-scene-drift-y), 0);
}
html body isp-extform .git-scene__grain {
  opacity: .18;
  background-image: repeating-linear-gradient(0deg, transparent 0, transparent 3px, rgba(255, 255, 255, .05) 4px);
  mask-image: linear-gradient(transparent, #000 35%, #000 80%, transparent);
}
html body isp-extform .git-scene__header {
  position: absolute;
  top: clamp(24px, 4.8vh, 56px);
  left: clamp(26px, 4.8vw, 66px);
  right: clamp(26px, 4.8vw, 66px);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
}
html body isp-extform .git-scene__clock { display: flex; flex-direction: column; gap: 5px; align-items: flex-end; }
html body isp-extform .git-scene__greeting { color: var(--git-scene-muted); font-size: 12px; }
html body isp-extform .git-scene__time { font-size: 15px; font-weight: 500; font-variant-numeric: tabular-nums; letter-spacing: .04em; }
html body isp-extform .git-scene__intro {
  position: absolute;
  top: clamp(132px, 17.2vh, 190px);
  left: clamp(26px, 4.8vw, 66px);
  right: 26px;
  transform: translate3d(calc(var(--git-scene-drift-x) * -.12), calc(var(--git-scene-drift-y) * -.12), 0);
}
html body isp-extform .git-scene__eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  color: var(--git-scene-muted);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .16em;
  text-transform: uppercase;
}
html body isp-extform .git-scene__eyebrow::before { content: ""; width: 23px; height: 1px; background: rgba(var(--git-scene-b), .85); }
html body isp-extform .git-scene__title { margin: 0; font-size: clamp(28px, 3.05vw, 48px); line-height: 1.12; font-weight: 500; letter-spacing: -.035em; }
html body isp-extform .git-scene__description { max-width: 330px; margin-top: 17px; color: var(--git-scene-muted); font-size: 14px; line-height: 1.6; }
html body isp-extform .git-scene__label {
  position: absolute;
  padding: 10px 15px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .015em;
  white-space: nowrap;
  background: rgba(139, 157, 205, .09);
  border: 1px solid rgba(var(--git-scene-a), .20);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22), 0 15px 34px rgba(10, 21, 50, .08);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  transform: translate3d(calc(var(--git-scene-drift-x) * .5), calc(var(--git-scene-drift-y) * .5), 0);
}
html body isp-extform .git-scene__label::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: rgb(var(--git-scene-a)); box-shadow: 0 0 12px rgba(var(--git-scene-a), .55); }
html body isp-extform .git-scene__label--vps { left: 9%; top: 55%; }
html body isp-extform .git-scene__label--backup { right: 8%; top: 74%; }
html body isp-extform .git-scene__label--security { right: 7%; top: 43%; }
html body isp-extform .git-scene__label--backup::before { background: rgb(var(--git-scene-b)); box-shadow: 0 0 12px rgba(var(--git-scene-b), .55); }
html body isp-extform .git-scene__footer { position: absolute; left: clamp(26px, 4.8vw, 66px); right: 26px; bottom: clamp(26px, 5.3vh, 58px); }
html body isp-extform .git-scene__footer-line { display: block; width: 42px; height: 1px; margin-bottom: 20px; background: linear-gradient(90deg, rgba(var(--git-scene-b), .9), rgba(var(--git-scene-a), .25)); }
html body isp-extform .git-scene__footer-title { font-size: 13px; font-weight: 500; }
html body isp-extform .git-scene__fallback { position: absolute; left: 38%; top: 43%; width: 26%; height: 35%; border-radius: 50%; border: 3px solid rgba(var(--git-scene-a), .4); background: repeating-linear-gradient(165deg, transparent 0 22px, rgba(var(--git-scene-a), .12) 23px 27px, transparent 28px 45px); transform: rotate(18deg); box-shadow: inset 0 0 32px rgba(var(--git-scene-a), .12); }
html body isp-extform .git-scene__fallback::after { content: ""; position: absolute; inset: -3px; border-radius: 50%; border: 3px solid rgba(var(--git-scene-b), .40); transform: rotate(-35deg); }
html body isp-extform .git-scene[data-renderer="canvas"] .git-scene__fallback { display: none; }
html body isp-extform .git-scene[data-small="true"] .git-scene__title { font-size: 28px; }
html body isp-extform .git-scene[data-small="true"] .git-scene__description { max-width: 250px; font-size: 13px; }
html body isp-extform .git-scene[data-small="true"] .git-scene__label { padding: 8px 10px; font-size: 11px; }
html body isp-extform .git-scene[data-small="true"] .git-scene__label--vps { left: 5%; }
html body isp-extform .git-scene[data-small="true"] .git-scene__label--security { right: 4%; }
html body isp-extform .git-scene[data-short="true"] .git-scene__description { display: none; }
html body isp-extform .git-scene[data-short="true"] .git-scene__intro { top: 122px; }
@media (max-width: 639.98px) {
  html body isp-extform .git-scene { display: none; }
  html body isp-extform .isp-layout.git-scene-active .isp-page { box-shadow: none; }
}
@media (prefers-reduced-transparency: reduce) {
  html body isp-extform .git-scene__label { background: var(--git-scene-bg); backdrop-filter: none; }
}