.mpx{--paper:#F5F7FD;--ink:#0F1629;--ink-soft:#39445E;--muted:#66708A;--line:#DCE3F2;--line-soft:#E9EEFA;--accent:#2563EB;--accent-deep:#1D4ED8;--accent-dark:#1E40AF;--card:#FFFFFF;--disp:"Clash Display",system-ui,sans-serif;--body:"Onest",system-ui,sans-serif;--mono:"IBM Plex Mono",monospace}:where(.mpx *){margin:0;padding:0;box-sizing:border-box}.mpx{background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:clip}.mpx-stage{max-width:1180px;margin:0 auto;padding:104px 32px 64px;min-height:100dvh;display:grid;align-items:center}.mpx-grid{display:grid;gap:64px;align-items:center;grid-template-columns:minmax(0,1fr) minmax(0,470px)}@media (max-width:1000px),(max-height:760px){.mpx-stage{min-height:0;padding:96px 24px 72px;align-items:start}}@media (max-width:1000px){.mpx-grid{grid-template-columns:1fr;gap:40px}}.mpx-h1{font-family:var(--disp);font-weight:600;font-size:clamp(34px,3.7vw,52px);line-height:1.02;letter-spacing:-.025em;text-wrap:balance}.mpx-h1 em{font-style:normal;color:var(--accent)}.mpx-lede{margin-top:18px;max-width:30em;font-size:17px;line-height:1.55;color:var(--ink-soft)}.mpx-returns{margin-top:30px;display:grid;gap:14px;max-width:32em}.mpx-returns li{list-style:none;display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;font-size:15px;line-height:1.5;color:var(--ink-soft)}.mpx-returns li:before{content:"";width:18px;height:1px;margin-top:12px;background:var(--accent);opacity:.55}.mpx-returns b{color:var(--ink);font-weight:600}.mpx-fine{margin-top:26px;padding-top:20px;border-top:1px solid var(--line-soft);max-width:32em;font-size:14px;line-height:1.55;color:var(--muted)}.mpx-fine b{color:var(--ink-soft);font-weight:600}.mpx-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:0 24px 60px -34px #0f162966;display:grid;gap:20px}@media (max-width:520px){.mpx-card{padding:22px}}.mpx-field{display:block}.mpx-k{display:block;font-size:14px;font-weight:600;letter-spacing:-.005em;color:var(--ink);margin-bottom:7px}.mpx-field input,.mpx-field .dsel-trigger{width:100%;min-height:50px;background:#fbfcfe;border:1px solid var(--line);border-radius:11px;padding:12px 14px;color:var(--ink);font-family:var(--body);font-size:16px;font-weight:500;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.mpx-field input::-moz-placeholder{color:var(--muted);font-weight:400}.mpx-field input::placeholder{color:var(--muted);font-weight:400}.mpx-field input:focus,.mpx-field .dsel-trigger:focus-visible{outline:none;background:#fff;border-color:var(--accent);box-shadow:0 0 0 4px #2563eb24}.mpx-hint{display:block;margin-top:7px;font-size:13px;line-height:1.45;color:var(--muted)}.mpx-hint b{color:var(--ink-soft);font-weight:600}.mpx-go{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.mpx-run{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 24px;border:0;border-radius:11px;cursor:pointer;background:var(--accent);color:#fff;font-family:var(--body);font-size:16px;font-weight:600;text-decoration:none;transition:background .16s ease,box-shadow .16s ease}.mpx-run:hover:not(:disabled){background:var(--accent-deep);box-shadow:0 12px 26px -12px #2563eb99}.mpx-run svg{width:15px;height:15px;transition:transform .16s ease}.mpx-run:hover:not(:disabled) svg{transform:translate(3px)}.mpx-run:disabled{background:#c3cee6;cursor:not-allowed}.mpx-run:focus-visible,.mpx-quiet:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:11px}.mpx-note{font-size:13.5px;color:var(--muted)}.mpx-wait{display:grid;gap:18px;min-height:266px;align-content:center}.mpx-clock{display:flex;align-items:baseline;gap:14px}.mpx-elapsed{font-family:var(--mono);font-size:40px;font-weight:500;letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1}.mpx-elapsed s{text-decoration:none;font-size:16px;color:var(--muted);margin-left:1px}.mpx-clock p{font-size:15px;line-height:1.45;color:var(--ink-soft)}.mpx-bar{height:3px;border-radius:2px;background:var(--line-soft);overflow:hidden}.mpx-bar:after{content:"";display:block;height:100%;width:32%;border-radius:2px;background:var(--accent);animation:mpx-sweep 1.9s ease-in-out infinite}@keyframes mpx-sweep{0%{transform:translate(-105%)}to{transform:translate(330%)}}.mpx-steps{list-style:none;display:grid;gap:9px}.mpx-steps li{display:grid;grid-template-columns:14px minmax(0,1fr);gap:10px;font-size:14px;line-height:1.45;color:var(--muted)}.mpx-steps li:before{content:"";width:6px;height:6px;margin-top:8px;border-radius:50%;background:#c3cee6;justify-self:center;animation:mpx-pulse 6.4s ease-in-out infinite}.mpx-steps li:nth-child(2):before{animation-delay:1.6s}.mpx-steps li:nth-child(3):before{animation-delay:3.2s}.mpx-steps li:nth-child(4):before{animation-delay:4.8s}@keyframes mpx-pulse{0%,74%,to{background:#c3cee6}10%,60%{background:var(--accent)}}.mpx-done{font-size:14px;font-weight:600;color:#15803d}.mpx-ready{font-family:var(--disp);font-weight:600;font-size:26px;line-height:1.15;letter-spacing:-.02em}.mpx-problem{font-size:14.5px;line-height:1.5;color:#b42318;background:#fef3f2;border:1px solid #FDA29B;border-radius:11px;padding:12px 14px}.mpx-quiet{background:transparent;border:0;color:var(--muted);font-family:var(--body);font-size:14.5px;cursor:pointer;padding:10px 12px;min-height:44px}.mpx-quiet:hover{color:var(--ink)}.dsel-content.mpx-list{background:#fff;border:1px solid var(--line,#DCE3F2);border-radius:12px;box-shadow:0 18px 40px -20px #0f16294d;padding:6px}.dsel-content.mpx-list li,.dsel-content.mpx-list .dsel-item{color:#0f1629;font-family:Onest,system-ui,sans-serif;font-size:15px;border-radius:8px;padding:9px 11px}.dsel-content.mpx-list li[aria-selected=true],.dsel-content.mpx-list li:hover,.dsel-content.mpx-list .dsel-item.on,.dsel-content.mpx-list .dsel-item[data-highlighted]{background:#eef3fd;color:#1e40af}.dsel-content.mpx-list ul{scrollbar-color:#C3CEE6 transparent}.dsel-content.mpx-list ul::-webkit-scrollbar-thumb{background:#c3cee6}@media (prefers-reduced-motion:reduce){.mpx-steps li:before{animation:none}.mpx-bar:after{animation-duration:4s}}
