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