.mpd{z-index:2;height:260svh;min-height:1800px;color:var(--paper,#f1f0eb);background:var(--ink,#090a0b);isolation:isolate;position:relative}.mpd__stage{cursor:crosshair;background:#07090b;height:100svh;min-height:620px;position:sticky;top:0;overflow:hidden}.mpd__stage:before,.mpd__stage:after{z-index:2;content:"";pointer-events:none;position:absolute}.mpd__stage:before{background:linear-gradient(#07090b38,#0000 28%),radial-gradient(circle at 50% 42%,#0000 34%,#05060875 100%);inset:0}.mpd__stage:after{inset:0;box-shadow:inset 0 0 0 1px #dcebf00f}.mpd__canvas,.mpd__grid,.mpd__scan{width:100%;height:100%;position:absolute;inset:0}.mpd__canvas{z-index:0;display:block}.mpd__grid{z-index:1;opacity:.17;pointer-events:none;background-image:linear-gradient(#dcebf01f 1px,#0000 1px),linear-gradient(90deg,#dcebf01f 1px,#0000 1px);background-size:clamp(50px,7vw,110px) clamp(50px,7vw,110px);-webkit-mask-image:linear-gradient(#0000008f,#0000 64%);mask-image:linear-gradient(#0000008f,#0000 64%)}.mpd__scan{z-index:2;pointer-events:none;opacity:.5;filter:blur(.2px);background:linear-gradient(#0000,#3558ff14 56%,#b9ff383b 99%,#0000);height:18%;animation:6.4s linear infinite mpd-scan;top:-22%}.mpd__topline,.mpd__copy,.mpd__readout,.mpd__complete,.mpd__steps,.mpd__hint{z-index:4;pointer-events:none;position:absolute}.mpd__topline{color:#dcebf06b;letter-spacing:.17em;justify-content:space-between;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;display:flex;top:clamp(20px,4vh,42px);left:clamp(20px,3vw,48px);right:clamp(20px,3vw,48px)}.mpd__copy{width:min(670px,55vw);top:clamp(92px,15vh,150px);left:clamp(22px,6vw,104px)}.mpd__kicker{color:var(--signal,#b9ff38);letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:12px;margin:0 0 22px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;line-height:1.4;display:flex}.mpd__kicker span{background:currentColor;width:30px;height:1px;box-shadow:0 0 12px}.mpd__title{letter-spacing:-.065em;text-wrap:balance;margin:0;font-family:Helvetica Neue,Arial,sans-serif;font-size:clamp(3rem,6vw,7rem);font-weight:500;line-height:.86}.mpd[data-language=zh] .mpd__title{letter-spacing:-.055em;font-family:LMC Display SC,LMC UI SC,PingFang SC,sans-serif;font-size:clamp(3.1rem,6.3vw,7.25rem);font-weight:400;line-height:.94}.mpd__title span{display:block}.mpd__title span:last-child{color:#0000;background:linear-gradient(105deg,#f9fbfc 0%,#96a3a9 45%,#eff8fb 72%,#6e7477 100%);-webkit-background-clip:text;background-clip:text}.mpd__body{color:#f1f0eb9e;max-width:590px;margin:28px 0 0;font-size:clamp(.87rem,1.05vw,1.02rem);line-height:1.75}.mpd[data-language=zh] .mpd__body,.mpd[data-language=zh] .mpd__steps p,.mpd[data-language=zh] .mpd__hint,.mpd[data-language=zh] .mpd__complete strong,.mpd[data-language=zh] .mpd__complete small{font-family:LMC UI SC,PingFang SC,sans-serif}.mpd__readout{color:#dcebf08c;text-transform:uppercase;justify-items:end;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;display:grid;top:clamp(108px,16vh,170px);right:clamp(22px,5vw,84px)}.mpd__readout span{letter-spacing:.16em;font-size:9px}.mpd__readout strong{color:var(--paper,#f1f0eb);letter-spacing:-.08em;text-shadow:0 0 25px #3558ff70;margin-top:6px;font-size:clamp(1.8rem,4vw,4.6rem);font-weight:400;line-height:1}.mpd__complete{color:var(--paper,#f1f0eb);opacity:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#070a0c94;border:1px solid #b9ff3857;align-items:center;gap:11px;padding:12px 14px;transition:opacity .32s,transform .52s cubic-bezier(.16,1,.3,1);display:flex;top:clamp(210px,31vh,320px);right:clamp(22px,5vw,84px);transform:translateY(12px);box-shadow:0 0 34px #3558ff2e,inset 0 0 22px #b9ff3809}.mpd__complete.is-visible{opacity:1;transform:translateY(0)}.mpd__complete>span{background:var(--signal,#b9ff38);border-radius:50%;width:7px;height:7px;animation:1.8s ease-in-out infinite mpd-complete-pulse;box-shadow:0 0 8px #b9ff38e6,0 0 24px #b9ff389e}.mpd__complete div{gap:4px;display:grid}.mpd__complete strong,.mpd__complete small{text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-style:normal;line-height:1.2}.mpd__complete strong{letter-spacing:.13em;font-size:9px;font-weight:500}.mpd__complete small{color:#dcebf07a;letter-spacing:.1em;font-size:7px}.mpd__steps{border-top:1px solid #dcebf02e;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;max-width:920px;margin:0;padding:0;list-style:none;display:grid;bottom:clamp(34px,8vh,80px);left:clamp(22px,6vw,104px);right:clamp(22px,5vw,84px)}.mpd__steps li{border-right:1px solid #dcebf01f;min-height:76px;padding:13px 22px 0 0;position:relative}.mpd__steps li:before{content:"";background:var(--signal,#b9ff38);width:5px;height:3px;position:absolute;top:-2px;left:0;box-shadow:0 0 12px #b9ff38cc}.mpd__steps li>span{color:#b9ff38bf;letter-spacing:.14em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px}.mpd__steps p{color:#f1f0ebb8;letter-spacing:.04em;margin:7px 0 0;font-size:11px;line-height:1.45}.mpd__hint{color:#dcebf061;letter-spacing:.11em;text-transform:uppercase;writing-mode:vertical-rl;align-items:center;gap:8px;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;display:flex;bottom:clamp(34px,8vh,80px);right:clamp(22px,3vw,48px)}.mpd__hint span{color:var(--signal,#b9ff38);font-size:13px}@keyframes mpd-scan{0%{transform:translateY(0)}to{transform:translateY(680%)}}@keyframes mpd-complete-pulse{50%{opacity:.38;transform:scale(.72)}}@media (width<=980px){.mpd__copy{width:min(640px,72vw)}.mpd__readout{top:auto;bottom:180px;right:26px}.mpd__steps{right:64px}.mpd__hint{right:20px}}@media (width<=767px){.mpd{height:230svh;min-height:1440px}.mpd__stage{min-height:580px}.mpd__topline{top:18px;left:18px;right:18px}.mpd__topline span:last-child{display:none}.mpd__copy{width:calc(100% - 40px);top:clamp(74px,11vh,105px);left:20px}.mpd__kicker{margin-bottom:16px;font-size:8px}.mpd__title,.mpd[data-language=zh] .mpd__title{font-size:clamp(2.65rem,13vw,4.75rem);line-height:.94}.mpd__body{max-width:88%;margin-top:18px;font-size:.8rem;line-height:1.65}.mpd__readout{bottom:188px;right:20px}.mpd__complete{max-width:calc(100% - 130px);padding:9px 10px;inset:auto auto 190px 20px}.mpd__complete small{text-overflow:ellipsis;white-space:nowrap;max-width:190px;overflow:hidden}.mpd__readout strong{font-size:2rem}.mpd__steps{grid-template-columns:1fr;bottom:30px;left:20px;right:20px}.mpd__steps li{border-bottom:1px solid #dcebf017;border-right:0;grid-template-columns:34px 1fr;min-height:auto;padding:8px 0;display:grid}.mpd__steps li:before{display:none}.mpd__steps p{margin:0}.mpd__hint{display:none}.mpd__grid{opacity:.12;background-size:52px 52px}}@media (prefers-reduced-motion:reduce){.mpd{height:100svh;min-height:680px}.mpd__stage{position:relative}.mpd__scan{opacity:.18;animation:none;transform:translateY(320%)}}