@layer components{.surface-band{--surface-band-day: var(--color-paper);display:block}.surface-band--soft{--surface-band-day: var(--color-paper-soft)}.surface-band--dawn{height:clamp(84px,12vh,140px);background:linear-gradient(180deg,#02040a 0%,#060d22 18%,#0d1f4a 38%,#2c4f9e 58%,#8aa3da 76%,#dbe0ee 89%,#f6eedd 95%,var(--surface-band-day) 100%)}.surface-band--dusk{height:clamp(120px,20vh,200px);background:linear-gradient(180deg,var(--surface-band-day) 0%,#f8eed9 26%,#ecd29c 46%,#a99a90 62%,#3b4a6e 80%,var(--lz-navy-900) 100%)}.surface-band--night{height:clamp(48px,8vh,80px);background:linear-gradient(180deg,var(--lz-stage-night-950) 0%,var(--lz-navy-900) 100%)}@media(max-aspect-ratio:4/5),(max-width:760px){.surface-band--dawn{height:72px}}@media(forced-colors:active){.surface-band--night{background:Canvas}}@media print{.surface-band{display:none}}}