@property --sgh-title-glow{syntax:"<color>";inherits:true;initial-value:#0000}@property --sgh-title-halo{syntax:"<color>";inherits:true;initial-value:#0000}@property --sgh-title-bar-base{syntax:"<color>";inherits:true;initial-value:#0c8442}@property --sgh-title-bar-top{syntax:"<color>";inherits:true;initial-value:#2fb46866}.sgh-title{--sgh-title-glow:#1fd06a33;--sgh-title-halo:#1fd06a8c;isolation:isolate;contain:layout paint;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:radial-gradient(120% 160% at 0% 0%, #0c844242 , transparent 62%), var(--grad-night);touch-action:pan-y pinch-zoom;-webkit-tap-highlight-color:transparent;align-items:center;min-height:100px;padding:.5rem 1.25rem;display:flex;position:relative;overflow:hidden}.sgh-title[data-band=white]{--sgh-title-glow:#ffffff1f;--sgh-title-halo:#ffffff80}.sgh-title[data-band=blue]{--sgh-title-glow:#54a6e62e;--sgh-title-halo:#54a6e699}@media (min-width:640px){.sgh-title{min-height:120px;padding-inline:2rem}}.sgh-title-wrap{padding-top:1rem}@media (max-height:820px){.sgh-title-wrap{padding-top:.75rem}.sgh-title{min-height:56px}.sgh-title .sgh-title-h1{font-size:clamp(1.375rem,6.4vw + .25rem,2rem)}.sgh-title .sgh-title-bars{height:45%}.sgh-title .sgh-title-tag{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.sgh-title-bars{z-index:-1;opacity:.5;pointer-events:none;align-items:flex-end;gap:.25rem;height:64%;padding-inline:.75rem;display:flex;position:absolute;inset:auto 0 0;-webkit-mask-image:linear-gradient(#0000,#000 90%);mask-image:linear-gradient(#0000,#000 90%)}.sgh-title-bars>i{height:calc(var(--h,.5) * 100%);border-radius:var(--radius-xs) var(--radius-xs) 0 0;background:linear-gradient(to top, var(--sgh-title-bar-base,#0c8442), var(--sgh-title-bar-top,#2fb46866));transform-origin:bottom;flex:1}:root[data-sgh-playing] .sgh-title-bars{opacity:.8;--sgh-title-bar-base:var(--green-500);--sgh-title-bar-top:#2fb468b3}:root[data-sgh-playing] .sgh-title-tag{color:var(--white)}.sgh-title-glow{z-index:-1;background:radial-gradient(closest-side, var(--sgh-title-glow), transparent);width:180px;height:180px;transform:translate(var(--lx,0), var(--ly,0));opacity:0;pointer-events:none;border-radius:50%;margin:-90px 0 0 -90px;position:absolute;top:0;left:0}.sgh-title[data-light="1"] .sgh-title-glow{opacity:1}.sgh-title-text{min-width:0}.sgh-title-h1{font-size:clamp(1.375rem,6.4vw + .25rem,2.75rem);font-weight:var(--weight-extra);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.sgh-title-word,.sgh-title-ch{display:inline-block}.sgh-title-word{white-space:nowrap}.sgh-title-ch{translate:0 calc(var(--w,0) * -.14em);scale:calc(1 + var(--w,0) * .08)}.sgh-title[data-accent=lit] .sgh-title-accent,:root[data-sgh-playing] .sgh-title-accent{color:var(--green-200)}.sgh-title[data-light="1"] .sgh-title-ch{text-shadow:0 0 calc(var(--w,0) * 18px) color-mix(in srgb, var(--sgh-title-halo) calc(var(--w,0) * 100%), transparent)}.sgh-title-tag{font-size:.875rem;font-weight:var(--weight-semibold);color:var(--text-body);margin-top:.25rem;line-height:1.3}@media (min-width:640px){.sgh-title-tag{font-size:1rem}}@media (prefers-reduced-motion:no-preference){.sgh-title{transition:--sgh-title-glow var(--dur-slow) var(--ease-out), --sgh-title-halo var(--dur-slow) var(--ease-out)}.sgh-title-glow{transition:opacity var(--dur-slow) var(--ease-out)}.sgh-title-bars{transition:opacity var(--dur-slow) var(--ease-out), --sgh-title-bar-base var(--dur-slow) var(--ease-out), --sgh-title-bar-top var(--dur-slow) var(--ease-out)}.sgh-title-tag,.sgh-title-accent{transition:color var(--dur-slow) var(--ease-out)}.sgh-title-ch{animation:sgh-title-in .52s var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 24ms);transition:translate var(--dur-base) var(--ease-out), scale var(--dur-base) var(--ease-out), text-shadow var(--dur-base) var(--ease-out)}.sgh-title-tag{animation:sgh-title-fade .48s var(--ease-out) .42s backwards}.sgh-title-bars>i{animation:sgh-title-bar var(--d,1.2s) var(--ease-in-out) var(--dl,0s) 2 paused}.sgh-title:after{content:"";z-index:-1;pointer-events:none;animation:sgh-title-sweep 3.6s var(--ease-in-out) 1 paused;background:linear-gradient(100deg,#0000 30%,#ffffff0d 50%,#0000 70%);position:absolute;inset:0;transform:translate(-100%)}.sgh-title[data-run="1"] .sgh-title-bars>i,.sgh-title[data-run="1"]:after{animation-play-state:running}}@keyframes sgh-title-in{0%{opacity:0;transform:translateY(.45em)scale(.9)}}@keyframes sgh-title-fade{0%{opacity:0;transform:translateY(4px)}}@keyframes sgh-title-bar{0%,to{transform:scaleY(1)}50%{transform:scaleY(.55)}}@keyframes sgh-title-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (forced-colors:active),(prefers-contrast:more){.sgh-title-bars,.sgh-title-glow,.sgh-title:after{display:none}.sgh-title[data-light="1"] .sgh-title-ch{text-shadow:none}}