.intro-glow{--intro-glow-stage:#0c0a10;--intro-glow-core:#fff;--intro-glow-pink:#ff9fd6;--intro-glow-violet:#c9adff;aspect-ratio:16/9;background:var(--intro-glow-stage);width:100%;position:relative;overflow:hidden}.intro-glow>img{object-fit:cover;object-position:right top;width:100%;height:100%;display:block;position:absolute;inset:0}.intro-glow>svg{pointer-events:none;mix-blend-mode:screen;width:100%;height:100%;display:block;position:absolute;inset:0}.intro-glow .fx *{animation-duration:8.5s;animation-iteration-count:infinite;animation-fill-mode:both}.intro-glow .seg{fill:none;stroke-linecap:round;opacity:0;animation-name:segGlow;animation-timing-function:ease-out;animation-delay:var(--dt)}.intro-glow .seg.halo{stroke:var(--intro-glow-pink);stroke-width:16px;filter:url(#blurWide)}.intro-glow .seg.mid{stroke:var(--intro-glow-pink);stroke-width:6px;filter:url(#blurMid)}.intro-glow .seg.core{stroke:var(--intro-glow-core);stroke-width:3px;filter:url(#blurTight)}.intro-glow .comet{fill:none;stroke-linecap:round;stroke-dashoffset:170px;animation-timing-function:linear}.intro-glow .comet.halo{stroke:var(--intro-glow-violet);stroke-width:20px;filter:url(#blurWide)}.intro-glow .comet.mid{stroke:var(--intro-glow-pink);stroke-width:7px;filter:url(#blurMid)}.intro-glow .comet.core{stroke:var(--intro-glow-core);stroke-width:3.6px;filter:url(#blurTight)}.intro-glow .node{fill:var(--intro-glow-core);opacity:0;transform-box:fill-box;transform-origin:50%;animation-name:nodePop;animation-timing-function:ease-out;animation-delay:var(--dt);filter:url(#blurNode)}@keyframes segGlow{0%{opacity:0}2.5%{opacity:1}10%{opacity:.8}30%{opacity:.65}50%{opacity:0}to{opacity:0}}@keyframes nodePop{0%{opacity:0;transform:scale(.6)}2.5%{opacity:1;transform:scale(2.2)}9%{opacity:.9;transform:scale(1.3)}30%{opacity:.7;transform:scale(1.2)}48%{opacity:0;transform:scale(1)}to{opacity:0;transform:scale(1)}}@keyframes comet_A{0%{stroke-dashoffset:170px}25.49%{stroke-dashoffset:-1736px}to{stroke-dashoffset:-1736px}}@keyframes comet_R{0%{stroke-dashoffset:170px}23.88%{stroke-dashoffset:-1616px}to{stroke-dashoffset:-1616px}}@keyframes comet_A_intro{0%{stroke-dashoffset:170px}27.68%{stroke-dashoffset:-1900px}to{stroke-dashoffset:-1900px}}@keyframes comet_R_intro{0%{stroke-dashoffset:170px}26.07%{stroke-dashoffset:-1780px}to{stroke-dashoffset:-1780px}}.intro-glow.mode-seq .comet{display:none}.intro-glow.mode-seq .seg,.intro-glow.mode-seq .node{animation-delay:var(--ds)}.intro-glow.paused .fx *{animation-play-state:paused}.diary-glow-background{inset:auto;left:var(--background-left,0px);top:var(--background-top,0px);width:var(--background-width,100vw);height:var(--background-height,100dvh);--background-unit-x:calc(var(--background-width,100vw) / 100);--background-unit-y:calc(var(--background-height,100dvh) / 100);z-index:0;pointer-events:none;background:#403e42;position:fixed;overflow:hidden}.diary-glow-background>.intro-glow{aspect-ratio:auto;width:100%;max-width:none;height:100%;transition:opacity 2.4s ease-in-out;position:absolute;inset:0}.diary-glow-background>.intro-glow--closed{opacity:1}.diary-glow-background>.intro-glow--opened{opacity:0}.diary-glow-background>.intro-glow--narrow-legacy,.diary-glow-background>.intro-glow--tablet-open,.diary-glow-background>.intro-glow--mobile-open{display:none}.diary-glow-background.is-opening>.intro-glow--closed{opacity:0}.diary-glow-background.is-opening>.intro-glow--opened{opacity:1}@media (width<=1023px){.diary-glow-background>.intro-glow--closed,.diary-glow-background>.intro-glow--opened{display:none}.diary-glow-background>.intro-glow--narrow-legacy{opacity:1;display:block}.diary-glow-background>.intro-glow{aspect-ratio:16/9;width:max(100vw,177.778vh);height:auto;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.diary-glow-background>.intro-glow>img{object-fit:contain;object-position:center}.diary-glow-background>.intro-glow--narrow-legacy{z-index:1}.diary-glow-background.is-opening>.intro-glow--narrow-legacy{background:0 0}.diary-glow-background.is-opening>.intro-glow--narrow-legacy>img{visibility:hidden}.diary-glow-background>.intro-glow--tablet-open,.diary-glow-background>.intro-glow--mobile-open{aspect-ratio:auto;opacity:0;width:100%;height:100%;transition:none;inset:0;transform:none}.diary-glow-background>.intro-glow--tablet-open>img,.diary-glow-background>.intro-glow--mobile-open>img{object-fit:cover;object-position:right top}.diary-glow-background.is-opening>.intro-glow--tablet-open,.diary-glow-background.is-opening>.intro-glow--mobile-open{opacity:1}.diary-glow-background{background:#a98f98}}.diary-stage-content{z-index:1;opacity:0;visibility:hidden;transition:none;position:relative}@media (width>=768px) and (width<=1023px){.diary-glow-background>.intro-glow--tablet-open{display:block}}@media (width<=767px){.diary-glow-background>.intro-glow--mobile-open{display:block}}.diary-stage-content.is-opened{opacity:1;visibility:visible}.intro-glow-demo{--intro-glow-demo-bg:#14111a;background:var(--intro-glow-demo-bg);justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:20px 16px;display:flex}.intro-glow-demo__stage{width:100%;max-width:1280px;box-shadow:0 20px 60px #00000059}@media (prefers-reduced-motion:reduce){.intro-glow .fx *{animation:none!important}.intro-glow .seg{opacity:.5}.intro-glow .node{opacity:.8}.intro-glow .comet{display:none}}