:root{--look-shaft-dark:#ffd6aa0d;--look-shaft-cream:#5c48300e}.look-band{isolation:isolate;background:var(--orba-bg);position:relative}[data-band=cream]>section,.look-night__card>section{background:0 0!important}[data-band]>section:first-of-type,.look-night__card>section:first-of-type{border-top-color:#0000}.look-band--clear{background:0 0}.look-band--night{--dark-bg:var(--night-bg);--dark-surface:var(--night-surface);--night-glow-rgb:124 184 255;--night-panel-rgb:255 255 255;--night-shadow-rgb:0 0 0;--night-m:.625rem;padding-block:var(--night-m);background:var(--cream-canvas);overflow:clip}@media (min-width:768px){.look-band--night{--night-m:1rem}}.look-night__card{isolation:isolate;margin-inline:var(--night-m);background:var(--orba-bg);border-radius:28px;position:relative;overflow:clip}@media (min-width:768px){.look-night__card{border-radius:36px}}.look-night__glow{background:radial-gradient(closest-side, rgb(var(--night-glow-rgb) / .5), rgb(var(--night-glow-rgb) / .14) 55%, transparent);filter:blur(28px);pointer-events:none;border-radius:50%;width:92%;height:60%;position:absolute;top:58%;left:50%;translate:-50% -50%}.look-glass{border:1px solid rgb(var(--night-panel-rgb) / .12);border-top-color:rgb(var(--night-panel-rgb) / .22);border-left-color:rgb(var(--night-panel-rgb) / .16);background:rgb(var(--night-panel-rgb) / .07);box-shadow:inset 0 1px 0 rgb(var(--night-panel-rgb) / .06);-webkit-backdrop-filter:blur(16px)saturate(180%);backdrop-filter:blur(16px)saturate(180%);border-radius:22px;position:relative}.look-light{height:min(100%,1400px);z-index:var(--look-layer-decoration,1);pointer-events:none;position:absolute;inset:0 0 auto;overflow:hidden;-webkit-mask-image:linear-gradient(#000 55%,#0000);mask-image:linear-gradient(#000 55%,#0000)}.look-light:before{content:"";background:linear-gradient(30deg, transparent 34%, var(--look-shaft) 42%, transparent 50%, transparent 55%, var(--look-shaft) 58%, transparent 63%);animation:look-shaft-drift var(--look-motion-ambient-duration,42s) var(--look-ease-ambient,cubic-bezier(.42, 0, .58, 1)) infinite alternate;position:absolute;inset:-10% -30%}[data-band=dark]>.look-light,.look-night__card>.look-light{--look-shaft:var(--look-shaft-dark)}[data-band=cream]>.look-light{--look-shaft:var(--look-shaft-cream)}@keyframes look-shaft-drift{0%{transform:translate(-9%)}to{transform:translate(9%)}}@media (prefers-reduced-motion:reduce){.look-light:before{animation:none;transform:none}}