.msd-intro{z-index:200;animation:linear forwards msd-intro-ceiling;animation-delay:var(--intro-max,7s);background:0 0;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}@keyframes msd-intro-ceiling{to{visibility:hidden}}.msd-intro__backdrop{z-index:0;background:var(--color-surface-base);position:absolute;inset:0}.msd-intro__rain{z-index:2;opacity:.45;background:0 0;position:absolute;inset:0}.msd-intro__name{z-index:1;font-family:var(--msd-font-jetbrains), ui-monospace, monospace;letter-spacing:.06em;color:var(--color-primary-container);justify-content:center;align-items:flex-end;font-size:clamp(1.5rem,8.2vw,5.5rem);font-weight:500;line-height:1;display:flex;position:relative}.msd-intro__name-cell{white-space:pre;width:1ch;animation-name:msd-intro-lock-fall,msd-intro-lock-settle;animation-timing-function:cubic-bezier(.42,0,.65,1),linear;animation-fill-mode:both,both;display:block;position:relative}@keyframes msd-intro-lock-fall{0%{transform:translateY(-120vh)}to{transform:translateY(0)}}@keyframes msd-intro-lock-settle{0%{color:#fff}60%{color:var(--color-primary-container)}}.msd-intro__name-trail{color:color-mix(in oklab, var(--color-primary-container) 38%, transparent);font-size:.62em;line-height:1;position:absolute;bottom:100%;left:0}.msd-intro__name-lock{text-shadow:0 0 24px color-mix(in oklab, var(--color-primary-container) 55%, transparent)}.msd-intro__name-cell[data-gap=true]{min-height:1em}.msd-intro[data-intro-phase=enter] .msd-intro__backdrop,.msd-intro[data-intro-phase=enter] .msd-intro__rain,.msd-intro[data-intro-phase=enter] .msd-intro__name{animation:.9s cubic-bezier(.62,0,.3,1) .18s both msd-intro-rise}@keyframes msd-intro-rise{0%{clip-path:inset(0 0 0%)}to{clip-path:inset(0 0 100%)}}.msd-intro[data-intro-phase=enter] .msd-intro__name{animation:.9s cubic-bezier(.62,0,.3,1) .18s both msd-intro-rise,.9s cubic-bezier(.62,0,.3,1) .18s both msd-intro-name-lift}@keyframes msd-intro-name-lift{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-7vh)scale(1.08)}}.msd-intro__edge{z-index:4;pointer-events:none;opacity:0;background:linear-gradient(90deg, transparent, var(--color-primary-container) 18%, #fff 50%, var(--color-primary-container) 82%, transparent);height:2px;box-shadow:0 0 28px 8px color-mix(in oklab, var(--color-primary-container) 50%, transparent);position:absolute;top:0;left:0;right:0}.msd-intro[data-intro-phase=enter] .msd-intro__edge{animation:.9s cubic-bezier(.62,0,.3,1) .18s both msd-intro-rise-edge}@keyframes msd-intro-rise-edge{0%{opacity:0;top:100%}14%{opacity:1}86%{opacity:1}to{opacity:0;top:0%}}html[data-intro-pending] body{visibility:hidden}@media (prefers-reduced-motion:reduce){html[data-intro-pending] body{visibility:visible}.msd-intro{display:none}}
.msd-portrait-media{animation:msd-portrait-jitter var(--portrait-loop,9s) steps(1, end) infinite;position:absolute;inset:0}@keyframes msd-portrait-jitter{0%,96.8%{transform:translate(0)}97.2%{transform:translate(-2px,1px)}97.6%{transform:translate(3px,-1px)}98%{transform:translate(-4px)}98.4%{transform:translate(3px,1px)}98.8%{transform:translate(-1px)}99.2%{transform:translate(2px,-1px)}99.6%{transform:translate(-1px)}to{transform:translate(0)}}.msd-portrait-glitch{z-index:2;pointer-events:none;opacity:0;mix-blend-mode:screen;animation:msd-portrait-tear var(--portrait-loop,9s) steps(1, end) infinite;background:repeating-linear-gradient(#00000080 0 1px,#0000 1px 3px);position:absolute;inset:0;overflow:hidden}@keyframes msd-portrait-tear{0%,96.8%{opacity:0;background-position:0 0}97.2%{opacity:.42;background-position:0 -17px}97.6%{opacity:.12;background-position:0 -33px}98%{opacity:.55;background-position:0 -11px}98.4%{opacity:.16;background-position:0 -42px}98.8%{opacity:.48;background-position:0 -25px}99.2%{opacity:.14;background-position:0 -8px}99.6%{opacity:.38;background-position:0 -29px}to{opacity:0;background-position:0 0}}.msd-portrait-glitch__bar{width:112%;height:14%;left:-6%;top:var(--msd-tear-top,30%);background:linear-gradient(180deg, transparent, color-mix(in oklab, var(--color-primary-container) 70%, transparent) 45%, transparent);position:absolute}.msd-portrait-glitch__bar[data-offset="-14%"]{--msd-tear-top:-14%;height:9%}.msd-portrait-glitch__bar[data-offset="46%"]{--msd-tear-top:46%;height:6%}.msd-portrait-video{z-index:1;opacity:0;animation:.6s ease-out .12s forwards msd-portrait-video-in;display:block}@keyframes msd-portrait-video-in{to{opacity:1}}@media (prefers-reduced-motion:reduce){.msd-portrait-glitch{display:none}.msd-portrait-media{animation:none}.msd-portrait-video{display:none}}