.explainer{--a-bg: #f9fafb;--a-grid: #e5e7eb;--a-surface: #fff;--a-border: #d1d5db;--a-text: #111827;--a-muted: #6b7280;--a-on: #fff;--a-blue: #2563eb;--a-blue-t: #dbeafe;--a-green: #16a34a;--a-green-t: #dcfce7;--a-red: #dc2626;--a-red-t: #fee2e2;--a-amber: #d97706;--a-amber-t: #fef3c7;--a-sky: #0891b2;--a-sky-t: #cffafe;--a-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;margin:2.5rem 0;border:1px solid var(--a-border);border-radius:1rem;overflow:hidden;background:var(--a-bg);color:var(--a-text);line-height:1.4;text-align:left}.explainer-flush>.explainer{margin-top:0;margin-bottom:0}.dark .explainer{--a-bg: #0b1120;--a-grid: #1f2937;--a-surface: #111827;--a-border: #374151;--a-text: #f3f4f6;--a-muted: #9ca3af;--a-on: #0b1120;--a-blue: #60a5fa;--a-blue-t: rgba(96, 165, 250, .16);--a-green: #4ade80;--a-green-t: rgba(74, 222, 128, .14);--a-red: #f87171;--a-red-t: rgba(248, 113, 113, .16);--a-amber: #fbbf24;--a-amber-t: rgba(251, 191, 36, .16);--a-sky: #22d3ee;--a-sky-t: rgba(34, 211, 238, .14)}.explainer-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem .75rem;padding:.75rem 1rem;border-bottom:1px solid var(--a-border);background:var(--a-surface)}.explainer-title{margin:0;font-size:.8125rem;font-weight:600;color:var(--a-muted)}.explainer-scenes{display:inline-flex;padding:3px;border-radius:999px;background:var(--a-bg);border:1px solid var(--a-border)}.explainer-scene{border:0;background:none;padding:.375rem .75rem;border-radius:999px;font-family:inherit;font-size:.75rem;font-weight:600;line-height:1;color:var(--a-muted);cursor:pointer}.explainer-scene[aria-pressed=true]{background:var(--a-surface);color:var(--a-text);box-shadow:0 1px 2px #0000001f}.explainer-stage{padding:.75rem .75rem .25rem}.explainer-stage svg{display:block;width:100%;height:auto;max-width:560px;margin:0 auto}.explainer-ui{display:flex;align-items:center;gap:.625rem;padding:.625rem 1rem .25rem;border-top:1px solid var(--a-border);background:var(--a-surface)}.explainer-play{flex:none;width:34px;height:34px;border-radius:999px;border:1px solid var(--a-border);background:var(--a-bg);color:var(--a-text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.explainer-play svg{width:14px;height:14px;fill:currentColor}.explainer-play .i-play{display:none}.explainer-play[data-state=paused] .i-play{display:block}.explainer-play[data-state=paused] .i-pause{display:none}.explainer-steps{display:flex;gap:4px;flex:1;min-width:0}.explainer-step{position:relative;flex:1;min-width:0;padding:.5rem .375rem .75rem;border:0;border-radius:.5rem;background:none;color:var(--a-muted);font-family:inherit;font-size:.75rem;font-weight:600;line-height:1.2;text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.explainer-step:hover{background:var(--a-bg)}.explainer-step[aria-current=step]{color:var(--a-text)}.explainer-step .n{margin-right:4px;color:var(--a-muted);font-variant-numeric:tabular-nums}.explainer-step:before,.explainer-step .fill{content:"";position:absolute;left:6px;right:6px;bottom:4px;height:3px;border-radius:2px;background:var(--a-border)}.explainer-step .fill{background:var(--a-blue);transform-origin:left;transform:scaleX(0)}.explainer-step.done .fill{transform:scaleX(1)}.explainer-step[aria-current=step] .fill{animation:explainer-fill var(--dur, 3s) linear both;animation-play-state:paused}.explainer.is-playing .explainer-step[aria-current=step] .fill{animation-play-state:running}.explainer.reduced .explainer-step[aria-current=step] .fill{animation:none;transform:scaleX(1)}.explainer.reduced .explainer-play{display:none}@keyframes explainer-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.explainer-captions{display:grid;padding:.25rem 1rem 1rem;background:var(--a-surface)}.explainer-captions p{grid-area:1 / 1;margin:0;font-size:.9375rem;line-height:1.6;visibility:hidden;opacity:0;transition:opacity .3s ease}.explainer-captions p.is-active{visibility:visible;opacity:1}.explainer-legend{margin:0;padding:.75rem 1rem 1rem;list-style:none;display:grid;gap:.25rem;border-top:1px solid var(--a-border);background:var(--a-surface)}.explainer-legend li{display:flex;gap:.625rem;align-items:flex-start;padding:.375rem .5rem;border-radius:.5rem;font-size:.875rem;line-height:1.5;color:var(--a-muted);transition:background .2s ease}.explainer-legend li:focus-visible{outline:2px solid var(--a-blue);outline-offset:1px}.explainer-legend li.is-focus{background:var(--a-bg)}.explainer-legend strong{color:var(--a-text);font-weight:600}.explainer-legend .badge{flex:none;display:inline-flex;align-items:center;justify-content:center;width:1.375rem;height:1.375rem;margin-top:.075rem;border-radius:999px;background:var(--c, var(--a-muted));color:var(--a-on);font-size:.75rem;font-weight:700}.explainer.has-focus [data-part]:not(.is-focus){opacity:.15}.explainer [data-part]{transition:opacity .25s ease}@media (min-width: 640px){.explainer-legend.cols-2{grid-template-columns:1fr 1fr;column-gap:1rem}}.explainer .k-blue{--c: var(--a-blue)}.explainer .k-green{--c: var(--a-green)}.explainer .k-red{--c: var(--a-red)}.explainer .k-amber{--c: var(--a-amber)}.explainer .k-sky{--c: var(--a-sky)}.explainer .k-gray{--c: var(--a-muted)}@media (max-width: 639.98px){.explainer-bleed{margin-left:-1rem;margin-right:-1rem;border-radius:0;border-left:0;border-right:0}.explainer-bleed .explainer-stage{padding:.5rem 0 0}}@media (max-width: 519.98px){.explainer-step .t{display:none}.explainer-step{text-align:center}.explainer-step .n{margin:0}}.explainer svg *{transition:opacity .4s ease,fill .4s ease,stroke .4s ease}.explainer .dot{fill:var(--a-grid)}.explainer .box{fill:var(--a-surface);stroke:var(--a-border);stroke-width:1.5}.explainer .lbl{font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;fill:var(--a-muted)}.explainer .mono{font-family:var(--a-mono);font-size:15px;fill:var(--a-text)}.explainer .muted{fill:var(--a-muted)}.explainer .track,.explainer .link,.explainer .wire{fill:none;stroke:var(--a-border);stroke-width:1.5;stroke-dasharray:3 4}.explainer .verdict rect,.explainer .pill rect{stroke-width:1.5}.explainer .verdict text,.explainer .pill text{font-size:15px;font-weight:700}.explainer .ok rect{fill:var(--a-green-t);stroke:var(--a-green)}.explainer .ok text{fill:var(--a-green)}.explainer .no rect{fill:var(--a-red-t);stroke:var(--a-red)}.explainer .no text{fill:var(--a-red)}.explainer .key-ico *{fill:none;stroke:var(--a-amber);stroke-width:2.2;stroke-linecap:round}.explainer.no-anim *,.explainer.no-anim *:before{transition:none!important;animation:none!important}@keyframes explainer-flow{to{stroke-dashoffset:-14}}.xp-email .ip{font-size:17px;font-weight:600;transition:fill .4s ease}.xp-email .row-k{font-size:17px;font-weight:700;fill:var(--a-text)}.xp-email .val{font-family:var(--a-mono);font-size:15px;fill:var(--a-text)}.xp-email .val-sans{font-size:15px;fill:var(--a-text)}.xp-email[data-scene=legit] .v-spoof,.xp-email[data-scene=spoof] .v-legit{opacity:0}.xp-email[data-scene=spoof] .sender-box{stroke:var(--a-red)}.xp-email.now-0 .track{animation:explainer-flow .6s linear infinite;stroke:var(--a-blue)}.xp-email .env-pos{transform:translate(176px,64px);opacity:0;transition:transform 1.5s cubic-bezier(.45,0,.15,1) .15s,opacity .4s ease .15s}.xp-email.s0 .env-pos{transform:translate(384px,100px);opacity:1}.xp-email .env-body{fill:var(--a-surface);stroke:var(--a-text);stroke-width:2}.xp-email .env-flap{fill:none;stroke:var(--a-text);stroke-width:2;stroke-linejoin:round}.xp-email .seal circle{fill:var(--a-amber)}.xp-email .seal path{fill:none;stroke:var(--a-on);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;opacity:0}.xp-email .seal-missing{fill:var(--a-surface);stroke:var(--a-muted);stroke-width:1.8;stroke-dasharray:3 3}.xp-email[data-scene=legit] .seal-missing,.xp-email[data-scene=spoof] .seal{opacity:0}.xp-email[data-scene=legit].s2 .seal circle{fill:var(--a-green)}.xp-email[data-scene=legit].s2 .seal path{opacity:1}.xp-email.now-2 .seal *{transition-delay:1.75s}.xp-email[data-scene=spoof].s2 .seal-missing{stroke:var(--a-red);fill:var(--a-red-t);transition-delay:.5s}.xp-email[data-scene=spoof].s3 .env{opacity:.35}.xp-email[data-scene=spoof].s3 .env-body,.xp-email[data-scene=spoof].s3 .env-flap{stroke:var(--a-red)}.xp-email[data-scene=spoof].now-3 .env,.xp-email[data-scene=spoof].now-3 .env *{transition-delay:1.5s}.xp-email[data-scene=spoof].now-3 .env{animation:explainer-shake .45s ease 1.4s both}@keyframes explainer-shake{0%,to{transform:none}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.xp-email[data-scene=legit].s1 .v-legit .ip{fill:var(--a-green)}.xp-email[data-scene=spoof].s1 .v-spoof .ip{fill:var(--a-red)}.xp-email.now-1 .ip{transition-delay:.9s}.xp-email .row-bg{fill:var(--a-bg);stroke:var(--a-border);stroke-width:1}.xp-email.now-1 .dns-spf .row-bg,.xp-email.now-2 .dns-dkim .row-bg,.xp-email.now-3 .dns-dmarc .row-bg{fill:var(--a-blue-t);stroke:var(--a-blue);transition-delay:.5s}.xp-email[data-scene=spoof].now-2 .dns-dkim .row-bg{fill:var(--a-bg);stroke:var(--a-border)}.xp-email.now-1 .link-spf,.xp-email.now-3 .link-dmarc,.xp-email[data-scene=legit].now-2 .link-dkim{stroke:var(--a-blue);animation:explainer-flow .6s linear infinite}.xp-email .ico-pass,.xp-email .ico-fail{opacity:0}.xp-email .ico-wait{fill:none;stroke:var(--a-border);stroke-width:2}.xp-email .ico-pass circle{fill:var(--a-green)}.xp-email .ico-fail circle{fill:var(--a-red)}.xp-email .ico path{fill:none;stroke:var(--a-on);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.xp-email.s1 .chk-spf .ico-wait,.xp-email.s2 .chk-dkim .ico-wait,.xp-email.s3 .chk-dmarc .ico-wait{opacity:0}.xp-email[data-scene=legit].s1 .chk-spf .ico-pass,.xp-email[data-scene=legit].s2 .chk-dkim .ico-pass,.xp-email[data-scene=legit].s3 .chk-dmarc .ico-pass,.xp-email[data-scene=spoof].s1 .chk-spf .ico-fail,.xp-email[data-scene=spoof].s2 .chk-dkim .ico-fail,.xp-email[data-scene=spoof].s3 .chk-dmarc .ico-fail{opacity:1}.xp-email[data-scene=legit].s1 .chk-spf .row-bg,.xp-email[data-scene=legit].s2 .chk-dkim .row-bg,.xp-email[data-scene=legit].s3 .chk-dmarc .row-bg{fill:var(--a-green-t);stroke:var(--a-green)}.xp-email[data-scene=spoof].s1 .chk-spf .row-bg,.xp-email[data-scene=spoof].s2 .chk-dkim .row-bg,.xp-email[data-scene=spoof].s3 .chk-dmarc .row-bg{fill:var(--a-red-t);stroke:var(--a-red)}.xp-email.now-1 .chk-spf *,.xp-email.now-3 .chk-dmarc *{transition-delay:1.3s}.xp-email[data-scene=legit].now-2 .chk-dkim *{transition-delay:1.75s}.xp-email[data-scene=spoof].now-2 .chk-dkim *{transition-delay:.5s}.xp-email .pkt{fill:var(--a-blue);opacity:0}.xp-email.now-1 .pkt-spf,.xp-email.now-3 .pkt-dmarc{animation:explainer-query 1.3s ease-in-out .1s both}.xp-email[data-scene=legit].now-2 .pkt-dkim{animation:explainer-go .7s ease-in .1s both}@keyframes explainer-query{0%{opacity:0;transform:none}10%{opacity:1}45%,55%{opacity:1;transform:translate(-100px)}90%{opacity:1;transform:none}to{opacity:0;transform:none}}@keyframes explainer-go{0%{opacity:0;transform:none}15%{opacity:1}85%{opacity:1;transform:translate(-100px)}to{opacity:0;transform:translate(-100px)}}.xp-email .key-fly{opacity:0}.xp-email .key-fly circle.bg{fill:var(--a-surface);stroke:var(--a-amber);stroke-width:1.8}.xp-email[data-scene=legit].now-2 .key-fly{animation:explainer-email-key 1.1s cubic-bezier(.45,0,.2,1) .75s both}@keyframes explainer-email-key{0%{opacity:0;transform:translate(212px,274px) scale(.6)}15%{opacity:1;transform:translate(224px,264px) scale(1)}85%{opacity:1;transform:translate(406px,113px) scale(1)}to{opacity:0;transform:translate(406px,113px) scale(.5)}}.xp-email .verdict{opacity:0;transform:translateY(4px);transition:opacity .4s ease,transform .4s ease}.xp-email[data-scene=legit].s3 .verdict.ok,.xp-email[data-scene=spoof].s3 .verdict.no{opacity:1;transform:none}.xp-email.now-3 .verdict{transition-delay:1.6s}.xp-totp .phone{fill:var(--a-surface);stroke:var(--a-text);stroke-width:2.2}.xp-totp .screen{fill:var(--a-bg);stroke:var(--a-border)}.xp-totp .notch{fill:var(--a-border)}.xp-totp .pre text{font-size:15px}.xp-totp .secs{font-size:14px}.xp-totp .code{font-family:var(--a-mono);font-size:24px;font-weight:700;fill:var(--a-text)}.xp-totp .code-ph{fill:var(--a-muted);font-weight:400}.xp-totp .rack rect{fill:var(--a-bg);stroke:var(--a-border)}.xp-totp .rack circle{fill:var(--a-green)}.xp-totp .qr .m{fill:var(--a-text)}.xp-totp .qr .f{fill:none;stroke:var(--a-text);stroke-width:3}.xp-totp .chip{fill:var(--a-surface);stroke:var(--a-border);stroke-width:1.8}.xp-totp .chip-key .chip{stroke:var(--a-amber)}.xp-totp .chip-clock .chip{stroke:var(--a-blue)}.xp-totp .chip-t{font-size:15px;font-weight:600;fill:var(--a-text)}.xp-totp .clock-t{font-family:var(--a-mono)}.xp-totp .clock-ico *{fill:none;stroke:var(--a-blue);stroke-width:2;stroke-linecap:round}.xp-totp .pulse{opacity:0}.xp-totp .pulse-key{fill:var(--a-amber)}.xp-totp .pulse-clock{fill:var(--a-blue)}.xp-totp .bar-bg{fill:var(--a-border)}.xp-totp .bar{fill:var(--a-blue);transform-origin:45px 155px;transition:transform .8s linear}.xp-totp .bar.low{fill:var(--a-red)}.xp-totp :is(.chip-key,.wires-key,.chip-clock,.wires-clock,.acct,.timer,.code-a,.code-b,.code-c,.att){opacity:0}.xp-totp.s0 :is(.chip-key,.wires-key,.acct){opacity:1}.xp-totp.s0 .pre{opacity:0}.xp-totp.now-0 :is(.chip-key,.wires-key,.acct,.pre){transition-delay:1.3s}.xp-totp.s1 :is(.chip-clock,.wires-clock,.timer){opacity:1}.xp-totp.s1 .qr,.xp-totp.s1 .code-ph{opacity:0}.xp-totp.s1.win-a .code-a,.xp-totp.s1.win-b .code-b,.xp-totp.s1.win-c .code-c{opacity:1}.xp-totp.now-1 :is(.code-ph,.code-a,.code-b,.code-c,.timer){transition-delay:1.1s}.xp-totp.roll.win-a .code-a,.xp-totp.roll.win-b .code-b,.xp-totp.roll.win-c .code-c{animation:explainer-roll .4s ease both}@keyframes explainer-roll{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}.xp-totp .key-fly{opacity:0}.xp-totp .key-fly circle.bg{fill:var(--a-surface);stroke:var(--a-amber);stroke-width:1.8}.xp-totp.now-0 .key-fly{animation:explainer-totp-key 1.2s cubic-bezier(.45,0,.2,1) .2s both}@keyframes explainer-totp-key{0%{opacity:0;transform:translate(395px,174px) scale(.6)}15%{opacity:1;transform:translate(395px,174px) scale(1)}85%{opacity:1;transform:translate(85px,110px) scale(1)}to{opacity:0;transform:translate(85px,110px) scale(.5)}}.xp-totp.now-1 .pulse-l,.xp-totp.rolling .pulse-l{animation:explainer-pulse-l .6s ease-in .3s both}.xp-totp.now-1 .pulse-r,.xp-totp.rolling .pulse-r{animation:explainer-pulse-r .6s ease-in .3s both}.xp-totp.rolling .pulse{animation-delay:0s!important}@keyframes explainer-pulse-l{0%{opacity:0;transform:none}20%{opacity:1}to{opacity:0;transform:translate(-18px)}}@keyframes explainer-pulse-r{0%{opacity:0;transform:none}20%{opacity:1}to{opacity:0;transform:translate(18px)}}.xp-totp :is(.cmp,.pill,.tok){opacity:0}.xp-totp .cmp-c{fill:var(--a-surface);stroke:var(--a-border);stroke-width:1.8}.xp-totp .cmp text{font-size:24px;font-weight:700;fill:var(--a-muted)}.xp-totp .cmp-ne{opacity:0}.xp-totp.now-2 .cmp,.xp-totp.now-4 .cmp{opacity:1;transition-delay:.2s}.xp-totp.now-2 .cmp-c{fill:var(--a-green-t);stroke:var(--a-green);transition-delay:1.1s}.xp-totp.now-2 .cmp-eq{fill:var(--a-green);transition-delay:1.1s}.xp-totp.now-4 .cmp-eq{opacity:0}.xp-totp.now-4 .cmp-ne{opacity:1;fill:var(--a-red);transition-delay:1.5s}.xp-totp.now-4 .cmp-c{fill:var(--a-red-t);stroke:var(--a-red);transition-delay:1.5s}.xp-totp.now-2 .pill.ok{opacity:1;transition-delay:1.3s}.xp-totp.now-4 .pill.no{opacity:1;transition-delay:1.7s}.xp-totp .tok rect{fill:var(--a-surface);stroke:var(--a-blue);stroke-width:1.8}.xp-totp .tok text{font-family:var(--a-mono);font-size:15px;font-weight:700;fill:var(--a-text)}.xp-totp .tok-att rect{stroke:var(--a-red)}.xp-totp.now-2 .tok-phone{animation:explainer-tok-phone .9s cubic-bezier(.45,0,.2,1) .2s both}.xp-totp.now-2 .tok-srv{animation:explainer-tok-srv .9s cubic-bezier(.45,0,.2,1) .2s both}.xp-totp.now-4 .tok-att{animation:explainer-tok-att 1.1s cubic-bezier(.45,0,.2,1) .4s both}.xp-totp.now-4 .tok-srv2{animation:explainer-tok-srv 1.1s cubic-bezier(.45,0,.2,1) .4s both}@keyframes explainer-tok-phone{0%{opacity:0;transform:translate(110px,240px)}25%{opacity:1}to{opacity:1;transform:translate(176px,240px)}}@keyframes explainer-tok-srv{0%{opacity:0;transform:translate(370px,240px)}25%{opacity:1}to{opacity:1;transform:translate(304px,240px)}}@keyframes explainer-tok-att{0%{opacity:0;transform:translate(150px,322px)}25%{opacity:1}to{opacity:1;transform:translate(176px,240px)}}.xp-totp .att-box{stroke:var(--a-red)}.xp-totp.s4 .att{opacity:1}.xp-totp.reduced.now-2 .tok-phone,.xp-totp.reduced.now-4 .tok-att{opacity:1;transform:translate(176px,240px)}.xp-totp.reduced.now-2 .tok-srv,.xp-totp.reduced.now-4 .tok-srv2{opacity:1;transform:translate(304px,240px)}.explainer-hint{margin:0;font-size:.75rem;color:var(--a-muted)}.xp-qr .explainer-stage svg{max-width:340px}.xp-qr .qr-paper{fill:var(--a-surface)}.xp-qr .qr-quiet{fill:var(--a-bg);stroke:var(--a-muted);stroke-width:1.2;stroke-dasharray:4 4}.xp-qr .qr-quiet-inner{fill:var(--a-surface)}.xp-qr .qr-part rect{fill:var(--c);shape-rendering:crispEdges}.xp-qr .qr-part[data-part=data] rect{fill:var(--a-text)}.xp-qr .qr-badge circle{fill:var(--c);stroke:var(--a-surface);stroke-width:2.5}.xp-qr .qr-badge text{fill:var(--a-on);font-size:12px;font-weight:700}.xp-b64[data-scene=full] .sc-pad,.xp-b64[data-scene=pad] .sc-full{display:none}.xp-b64 .byte rect{fill:var(--a-surface);stroke:var(--c);stroke-width:1.8}.xp-b64 .byte .ch{font-family:var(--a-mono);font-size:24px;font-weight:700;fill:var(--a-text)}.xp-b64 .byte .code{font-family:var(--a-mono);font-size:12px;fill:var(--c)}.xp-b64 .byte-missing,.xp-b64 .bit-missing,.xp-b64 .idx-missing{fill:none;stroke:var(--a-border);stroke-width:1.5;stroke-dasharray:3 3}.xp-b64 .bit rect{fill:var(--a-surface);stroke:var(--c);stroke-width:1.2}.xp-b64 .bit text{font-family:var(--a-mono);font-size:14px;font-weight:700;fill:var(--c)}.xp-b64 .bracket{fill:none;stroke:var(--a-muted);stroke-width:1.5}.xp-b64 .idx{fill:var(--a-surface);stroke:var(--a-border);stroke-width:1.5}.xp-b64 .idx-t{font-family:var(--a-mono);font-size:18px;font-weight:700;fill:var(--a-text)}.xp-b64 .out rect{fill:var(--a-blue-t);stroke:var(--c);stroke-width:1.8}.xp-b64 .out-pad rect{fill:var(--a-amber-t)}.xp-b64 .out text{font-family:var(--a-mono);font-size:26px;font-weight:700;fill:var(--c)}.xp-b64 .alphabet{font-family:var(--a-mono);font-size:11px;fill:var(--a-muted)}.xp-b64 :is(.byte,.byte-missing,.row-bits,.row-groups,.row-out,.bit,.bit-pad){opacity:0;transition:opacity .4s ease,transform .4s ease}.xp-b64 .bit,.xp-b64 .row-groups,.xp-b64 .row-out{transform:translateY(-8px)}.xp-b64.s0 :is(.byte,.byte-missing){opacity:1}.xp-b64.s1 .row-bits,.xp-b64.s1 .bit:not(.bit-pad){opacity:1;transform:none}.xp-b64.s2 .row-groups,.xp-b64.s2 .bit-pad,.xp-b64.s3 .row-out{opacity:1;transform:none}.xp-b64.now-1 .bit{transition-delay:calc(var(--i) * 35ms)}.xp-b64.now-2 .grp{transition-delay:calc(.2s + var(--i) * .22s)}.xp-b64.now-2 .bit-pad{transition-delay:.9s}.xp-b64.now-3 .out{transition-delay:calc(var(--i) * .22s)}.xp-nbsp .page{fill:var(--a-surface);stroke:var(--a-border);stroke-width:1.5}.xp-nbsp .beyond{fill:var(--a-bg)}.xp-nbsp .margin{stroke:var(--a-muted);stroke-width:1.5;stroke-dasharray:4 4}.xp-nbsp .margin-label{font-size:12px;font-weight:600;fill:var(--a-muted);text-transform:uppercase;letter-spacing:.06em}.xp-nbsp .line{font-size:22px;fill:var(--a-text)}.xp-nbsp .orphan{font-weight:700;transition:fill .4s ease,transform 1.1s cubic-bezier(.45,0,.15,1)}.xp-nbsp .rest{transition:transform 1.1s cubic-bezier(.45,0,.15,1)}.xp-nbsp .orphan-mark{fill:var(--a-red-t);stroke:var(--a-red);stroke-width:1.2;opacity:0}.xp-nbsp .orphan-label{font-size:13px;font-weight:700;fill:var(--a-red);opacity:0}.xp-nbsp .connector{fill:none;stroke:var(--a-green);stroke-width:2;stroke-dasharray:5 4;opacity:0}.xp-nbsp .glue-label{font-size:13px;font-weight:700;fill:var(--a-green);opacity:0}.xp-nbsp .glue-arc{fill:none;stroke:var(--a-green);stroke-width:2.5;stroke-linecap:round;opacity:0}.xp-nbsp.s0 :is(.orphan-mark,.orphan-label){opacity:1}.xp-nbsp.s0 .orphan{fill:var(--a-red)}.xp-nbsp.s1 :is(.connector,.glue-label){opacity:1}.xp-nbsp.now-1 .connector{animation:explainer-flow .6s linear infinite}.xp-nbsp.s2 :is(.orphan-mark,.orphan-label,.connector){opacity:0}.xp-nbsp.s2 .orphan{fill:var(--a-green);transform:translate(var(--nbsp-dx),var(--nbsp-dy))}.xp-nbsp.s2 .rest{transform:translate(var(--nbsp-shift))}.xp-nbsp.s2 .glue-arc{opacity:1}.xp-nbsp.now-2 .glue-arc{transition-delay:1.1s}.xp-nbsp.now-2 .orphan{transition-delay:.2s,.2s}.xp-nbsp.now-2 .rest{transition-delay:.2s}.xp-meta .panel{fill:var(--a-surface);stroke:var(--a-border);stroke-width:1.5}.xp-meta .favicon{fill:var(--a-blue-t);stroke:var(--a-border)}.xp-meta .favicon-letter{font-size:12px;font-weight:700;fill:var(--a-blue)}.xp-meta .site{font-size:14px;font-weight:600;fill:var(--a-text)}.xp-meta .url{font-size:12px;fill:var(--a-muted)}.xp-meta .serp-title{font-size:17px;fill:var(--a-blue)}.xp-meta .serp-desc{font-size:13.5px;fill:var(--a-muted)}.xp-meta .og-image{fill:var(--a-sky-t);stroke:var(--a-border)}.xp-meta .og-sun{fill:var(--a-amber)}.xp-meta .og-hill{fill:var(--a-sky);opacity:.55}.xp-meta .og-domain{font-size:11px;font-weight:600;letter-spacing:.06em;fill:var(--a-muted)}.xp-meta .og-title{font-size:15px;font-weight:700;fill:var(--a-text)}.xp-meta .og-desc{font-size:12.5px;fill:var(--a-muted)}.xp-meta .badge circle{fill:var(--c);stroke:var(--a-surface);stroke-width:2}.xp-meta .badge text{font-size:11px;font-weight:700;fill:var(--a-on)}.xp-uuid .ch rect{fill:color-mix(in srgb,var(--c) 18%,transparent)}.xp-uuid .ch text{font-family:var(--a-mono);font-size:17px;font-weight:600;fill:var(--a-text)}.xp-uuid :is(.ch-version,.ch-variant,.ch-timestamp) text{fill:var(--c);font-weight:700}.xp-uuid .ch-dash text{fill:var(--a-muted)}.xp-uuid .brackets path{fill:none;stroke:var(--c);stroke-width:1.5}.xp-uuid .brackets text{font-size:12px;font-weight:600;fill:var(--c)}.xp-uuid .lbl{text-transform:none}.xp-hash .box{fill:var(--a-surface);stroke:var(--a-border);stroke-width:1.5}.xp-hash .input{font-size:20px;fill:var(--a-text)}.xp-hash .diff{fill:var(--a-amber);font-weight:700;text-decoration:underline}.xp-hash .flow{fill:none;stroke:var(--a-muted);stroke-width:1.5;stroke-dasharray:3 4}.xp-hash .arrow-head{fill:none;stroke:var(--a-muted);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.xp-hash .fn{fill:var(--a-blue-t);stroke:var(--a-blue);stroke-width:1.5}.xp-hash .fn-t{font-family:var(--a-mono);font-size:14px;font-weight:700;fill:var(--a-blue)}.xp-hash .hc{font-family:var(--a-mono);font-size:15px;fill:var(--a-text)}.xp-hash .hc.is-diff{fill:var(--a-amber);font-weight:700}.xp-hash .hc-diff{fill:var(--a-amber-t)}.xp-hash .counter{font-size:12px;font-weight:700;fill:var(--a-amber)}.xp-hash .cmp-hash{font-family:var(--a-mono);font-size:14px;fill:var(--a-text)}.xp-hash .match rect{fill:var(--a-green-t);stroke:var(--a-green);stroke-width:1.5}.xp-hash .match text{font-size:13px;font-weight:700;fill:var(--a-green)}.xp-hash .back{fill:none;stroke:var(--a-red);stroke-width:2;stroke-dasharray:5 4}.xp-hash .no-c{fill:var(--a-red)}.xp-hash .no-x{stroke:var(--a-on);stroke-width:2.2;stroke-linecap:round}.xp-hash .no-t{font-size:13px;font-weight:700;fill:var(--a-red)}.xp-hash .hc.v-orig,.xp-hash .v-changed,.xp-hash .counter,.xp-hash .compare,.xp-hash .one-way{opacity:0}.xp-hash.s0 .hc.v-orig{opacity:1}.xp-hash.now-0 .hc.v-orig{transition-delay:calc(.4s + var(--i) * 12ms)}.xp-hash.now-0 .flow{stroke:var(--a-blue);animation:explainer-flow .6s linear infinite}.xp-hash.s1:not(.s2) .v-orig,.xp-hash.s1:not(.s2) .hc.v-orig{opacity:0}.xp-hash.s1:not(.s2) :is(.v-changed,.counter){opacity:1}.xp-hash.now-1 .hc-wrap{transition-delay:calc(.3s + var(--i) * 15ms)}.xp-hash.now-1 .counter{transition-delay:1.6s}.xp-hash.now-1 .flow{stroke:var(--a-amber);animation:explainer-flow .6s linear infinite}.xp-hash.s2 .compare{opacity:1}.xp-hash.now-2 .compare{transition-delay:.5s}.xp-hash.now-2 .match{animation:explainer-pop .5s ease 1.2s both}.xp-hash.s3 .one-way{opacity:1}.xp-hash.now-3 .back{animation:explainer-flow .6s linear infinite reverse}@keyframes explainer-pop{0%{transform:scale(.85);opacity:0}to{transform:none;opacity:1}}.xp-hash .match{transform-box:fill-box;transform-origin:center}.xp-pass .tick{stroke:var(--a-border);stroke-width:1;stroke-dasharray:2 4}.xp-pass .tick-t{font-size:11px;font-weight:600;fill:var(--a-muted)}.xp-pass .scale-note{font-size:10.5px;fill:var(--a-muted);font-style:italic}.xp-pass .row-label{font-size:14px;font-weight:600;fill:var(--a-text)}.xp-pass .track{fill:none;stroke:var(--a-border);stroke-width:1}.xp-pass .bar{fill:var(--c);transform-box:fill-box;transform-origin:left center;transform:scaleX(0);transition:transform 1.2s cubic-bezier(.3,0,.2,1)}.xp-pass .time{font-size:13px;font-weight:700;fill:var(--c);opacity:0}.xp-pass .time.inside{fill:var(--a-on)}.xp-pass .row{opacity:.35}.xp-pass.s0 .row-0,.xp-pass.s1 .row-1,.xp-pass.s2 .row-2,.xp-pass.s3 .row-3{opacity:1}.xp-pass.s0 .row-0 :is(.bar,.time),.xp-pass.s1 .row-1 :is(.bar,.time),.xp-pass.s2 .row-2 :is(.bar,.time),.xp-pass.s3 .row-3 :is(.bar,.time){transform:none;opacity:1}.xp-pass .row .time{transition-delay:0s}.xp-pass.now-0 .row-0 .time,.xp-pass.now-1 .row-1 .time,.xp-pass.now-2 .row-2 .time,.xp-pass.now-3 .row-3 .time{transition-delay:1.1s}.xp-page .heading{font-size:14px;font-weight:700;fill:var(--a-text)}.xp-page .sheet{fill:var(--a-surface);stroke:var(--a-border);stroke-width:1.5}.xp-page .text-line{fill:var(--a-border)}.xp-page .bracket{fill:none;stroke:var(--c);stroke-width:1.8}.xp-page .dim{font-size:13px;font-weight:700;fill:var(--c)}.xp-page .total{font-size:14px;font-weight:700;fill:var(--c)}.xp-page .sub{font-size:12px;font-weight:600;fill:var(--a-muted)}.xp-page .block{fill:var(--a-amber-t);stroke:var(--a-amber);stroke-width:1;stroke-dasharray:3 2}.xp-page .block-2{fill:color-mix(in srgb,var(--a-amber) 30%,transparent)}.xp-page .count{font-size:13px;font-weight:700;fill:var(--c)}.xp-page .count-unit{font-size:12px;font-weight:600;fill:var(--c)}.xp-ics .code-panel{fill:var(--a-surface);stroke:var(--a-border);stroke-width:1.5}.xp-ics .file-name{font-family:var(--a-mono);font-size:11px;font-weight:700;fill:var(--a-muted)}.xp-ics .code{font-family:var(--a-mono);font-size:11.5px;fill:var(--a-text)}.xp-ics .code-muted{fill:var(--a-muted)}.xp-ics .code-hl{fill:color-mix(in srgb,var(--c) 14%,transparent)}.xp-ics .connector{fill:none;stroke:var(--c);stroke-width:1.8;stroke-dasharray:4 3}.xp-ics .card{fill:var(--a-surface);stroke:var(--a-border);stroke-width:1.5}.xp-ics .card-band{fill:var(--a-blue-t)}.xp-ics .card-date{font-size:12px;font-weight:700;fill:var(--a-blue)}.xp-ics .card-title{font-size:16px;font-weight:700;fill:var(--a-text)}.xp-ics .card-text{font-size:13px;fill:var(--a-text)}.xp-ics .card-link{font-size:12px;fill:var(--a-blue)}.xp-ics .dot{fill:var(--c)}.xp-roman[data-scene=to_arabic] .sc-to_roman,.xp-roman[data-scene=to_roman] .sc-to_arabic{display:none}.xp-roman .tok-box{fill:var(--a-surface);stroke:var(--c);stroke-width:2;opacity:0}.xp-roman .tok-t{font-family:var(--a-mono);font-size:36px;font-weight:700;fill:var(--a-text);transform:translate(calc(var(--shift) * -1));transition:transform .9s cubic-bezier(.45,0,.15,1)}.xp-roman.s0 .tok-box{opacity:1}.xp-roman.s0 .tok-t{transform:none}.xp-roman.now-0 .tok-box{transition-delay:.7s}.xp-roman .val,.xp-roman .op,.xp-roman .result{opacity:0;transition:opacity .4s ease,transform .4s ease}.xp-roman .val{transform:translateY(-6px)}.xp-roman .val-t{font-family:var(--a-mono);font-size:22px;font-weight:700;fill:var(--c)}.xp-roman .val-empty{font-size:22px;font-weight:700;fill:var(--a-muted)}.xp-roman .note{font-family:var(--a-mono);font-size:12px;fill:var(--a-muted)}.xp-roman .op{font-size:20px;font-weight:700;fill:var(--a-muted)}.xp-roman .result{font-family:var(--a-mono);font-size:28px;font-weight:700;fill:var(--a-text)}.xp-roman.s1 .val{opacity:1;transform:none}.xp-roman.now-1 .val{transition-delay:calc(var(--i) * .3s)}.xp-roman.s2 :is(.op,.result){opacity:1}.xp-roman.now-2 .result{transition-delay:.6s}.explainer-note{margin:0;padding:0 1.5rem 1rem;background:var(--a-surface);font-size:.8125rem;line-height:1.5;color:var(--a-muted)}.xp-ics .file-note{font-weight:400;font-style:italic}.xp-qrdyn[data-scene=static] .sc-dynamic,.xp-qrdyn[data-scene=dynamic] .sc-static{display:none}.xp-qrdyn .poster{fill:var(--a-surface);stroke:var(--a-border);stroke-width:1.5}.xp-qrdyn .poster-line,.xp-qrdyn .page-line{fill:var(--a-grid)}.xp-qrdyn .qr{fill:var(--a-text)}.xp-qrdyn .phone{fill:var(--a-surface);stroke:var(--a-text);stroke-width:2.2}.xp-qrdyn .screen{fill:var(--a-bg);stroke:var(--a-border)}.xp-qrdyn .notch{fill:var(--a-border)}.xp-qrdyn .in-code{font-size:10px;font-weight:600;fill:var(--a-muted)}.xp-qrdyn .decoded-t{font-family:var(--a-mono);font-size:10px;font-weight:700;fill:var(--a-blue)}.xp-qrdyn .beam-cone{fill:var(--a-blue-t)}.xp-qrdyn .scan-line{fill:var(--a-blue)}.xp-qrdyn .flow{fill:none;stroke:var(--a-blue);stroke-width:2;stroke-dasharray:4 4}.xp-qrdyn .arrow-head{fill:none;stroke:var(--a-blue);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.xp-qrdyn .page-box,.xp-qrdyn .server-box{fill:var(--a-surface);stroke:var(--a-border);stroke-width:1.5}.xp-qrdyn .page-bar{stroke:var(--a-border)}.xp-qrdyn .page-dot{fill:var(--a-border)}.xp-qrdyn .page-url{font-family:var(--a-mono);font-size:10px;fill:var(--a-muted)}.xp-qrdyn .page-new .page-url{fill:var(--a-blue);font-weight:700}.xp-qrdyn .server-k{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;fill:var(--a-muted)}.xp-qrdyn .server-host{font-family:var(--a-mono);font-size:12px;font-weight:700;fill:var(--a-text)}.xp-qrdyn .server-to{font-family:var(--a-mono);font-size:10px;fill:var(--a-blue)}.xp-qrdyn .to-new{font-weight:700}.xp-qrdyn .cross{fill:none;stroke:var(--a-red);stroke-width:5;stroke-linecap:round}.xp-qrdyn :is(.beam,.in-code,.decoded,.flow,.arrow-head,.page,.server,.cross,.pill,.to-new){opacity:0}.xp-qrdyn.now-0 .beam{opacity:1}.xp-qrdyn.now-0 .scan-line{animation:xp-qrdyn-scan 1.1s ease-in-out .3s infinite alternate}@keyframes xp-qrdyn-scan{0%{transform:none}to{transform:translateY(75px)}}.xp-qrdyn.s1 :is(.in-code,.decoded){opacity:1}.xp-qrdyn.now-1 :is(.in-code,.decoded){transition-delay:.3s}.xp-qrdyn.s2 :is(.flow,.arrow-head,.page-static,.page-old,.server){opacity:1}.xp-qrdyn.now-2 :is(.flow,.arrow-head){animation:explainer-flow .6s linear infinite}.xp-qrdyn.now-2 .page-static{transition-delay:.5s}.xp-qrdyn.now-2 .server{transition-delay:.4s}.xp-qrdyn.now-2 :is(.flow-redirect,.flow-redirect-head){transition-delay:1.1s}.xp-qrdyn.now-2 .page-old{transition-delay:1.5s}.xp-qrdyn.s3 :is(.cross,.pill){opacity:1}.xp-qrdyn[data-scene=static].s3 .poster{stroke:var(--a-red)}.xp-qrdyn[data-scene=dynamic].s3 .poster{stroke:var(--a-green)}.xp-qrdyn.s3 :is(.to-old,.page-old){opacity:0}.xp-qrdyn.s3 :is(.to-new,.page-new){opacity:1}.xp-qrdyn.now-3 :is(.to-new,.page-new){transition-delay:.5s}.xp-qrdyn.now-3 .pill{transition-delay:1.1s}.xp-url[data-scene=space] .sc-diacritics,.xp-url[data-scene=diacritics] .sc-space{display:none}.xp-url .bar{fill:var(--a-surface);stroke:var(--a-border);stroke-width:1.5}.xp-url .url-ch{font-family:var(--a-mono);font-size:18px;fill:var(--a-text)}.xp-url .url-ch.special{font-weight:700}.xp-url .url-ch.encoded{font-weight:700;fill:var(--a-blue)}.xp-url .mark{fill:var(--a-amber-t);stroke:var(--a-amber);stroke-width:1.2}.xp-url .mark-out{fill:var(--a-blue-t);stroke:var(--a-blue);stroke-width:1.2}.xp-url .byte rect{fill:var(--a-surface);stroke:var(--a-amber);stroke-width:1.8}.xp-url .hex rect{fill:var(--a-blue-t);stroke:var(--a-blue);stroke-width:1.8}.xp-url :is(.byte,.hex) text{font-family:var(--a-mono);font-size:22px;font-weight:700;fill:var(--a-text)}.xp-url .hex text{fill:var(--a-blue)}.xp-url :is(.mark,.row-bytes,.row-hex,.row-out){opacity:0;transition:opacity .4s ease,transform .4s ease}.xp-url :is(.byte,.hex,.row-out){transform:translateY(-8px)}.xp-url.s0 .mark{opacity:1}.xp-url.s0 .url-ch.special{fill:var(--a-amber)}.xp-url.s1 .row-bytes,.xp-url.s2 .row-hex,.xp-url.s3 .row-out{opacity:1;transform:none}.xp-url.now-1 .byte,.xp-url.now-2 .hex{transition-delay:calc(.3s + var(--i) * .25s)}.xp-url.now-3 :is(.url-ch,.mark-out){transition-delay:.3s}.xp-leak[data-scene=reused] .sc-unique,.xp-leak[data-scene=unique] .sc-reused{display:none}.xp-leak .card{fill:var(--a-surface);stroke:var(--a-border);stroke-width:1.5}.xp-leak .card-breach{stroke:var(--a-red)}.xp-leak .db-ico *{fill:none;stroke:var(--a-red);stroke-width:2}.xp-leak .bot-ico :is(rect,path){fill:none;stroke:var(--a-text);stroke-width:2;stroke-linecap:round}.xp-leak .bot-ico circle{fill:var(--a-text)}.xp-leak .card-k{font-size:13px;font-weight:700;fill:var(--a-text)}.xp-leak .card-sub{font-size:12px;fill:var(--a-muted)}.xp-leak .cred{font-family:var(--a-mono);font-size:13px;fill:var(--a-text)}.xp-leak .pw rect{fill:var(--a-bg);stroke:var(--a-border)}.xp-leak .pw text{font-family:var(--a-mono);font-size:13px;fill:var(--a-text)}.xp-leak .pw-leaked rect{fill:var(--a-amber-t);stroke:var(--a-amber)}.xp-leak .copy-wire,.xp-leak .try{fill:none;stroke:var(--a-red);stroke-width:2;stroke-dasharray:4 4}.xp-leak .svc-box{fill:var(--a-surface);stroke:var(--a-border);stroke-width:1.5}.xp-leak .svc-name{font-size:14px;font-weight:700;fill:var(--a-text)}.xp-leak .ico-wait{fill:none;stroke:var(--a-border);stroke-width:2;stroke-dasharray:3 3}.xp-leak .ico-open circle{fill:var(--a-red)}.xp-leak .ico-closed circle{fill:var(--a-green)}.xp-leak .ico path{fill:none;stroke:var(--a-on);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.xp-leak :is(.breach,.attacker,.copy-wire,.bot-cred,.try,.ico){opacity:0}.xp-leak.s0 :is(.breach,.attacker,.copy-wire,.bot-cred){opacity:1}.xp-leak.now-0 .attacker{transition-delay:.6s}.xp-leak.now-0 .copy-wire{transition-delay:1.1s;animation:explainer-flow .6s linear infinite}.xp-leak.now-0 .bot-cred{transition-delay:1.6s}.xp-leak.s1 .try{opacity:1}.xp-leak.s1 .pw-same rect{fill:var(--a-amber-t);stroke:var(--a-amber)}.xp-leak.now-1 .try{transition-delay:calc(var(--i) * .2s);animation:explainer-flow .6s linear infinite}.xp-leak.now-1 .pw-same rect{transition-delay:1.2s}.xp-leak.s2 .try{opacity:.35}.xp-leak.s2 .ico-wait{opacity:0}.xp-leak[data-scene=reused].s2 .svc.hit .ico-open,.xp-leak[data-scene=reused].s2 .svc:not(.hit) .ico-closed,.xp-leak[data-scene=unique].s2 .ico-closed{opacity:1}.xp-leak[data-scene=reused].s2 .svc.hit .svc-box{fill:var(--a-red-t);stroke:var(--a-red)}.xp-leak[data-scene=reused].s2 .svc:not(.hit) .svc-box,.xp-leak[data-scene=unique].s2 .svc-box{fill:var(--a-green-t);stroke:var(--a-green)}.xp-leak.now-2 .svc *{transition-delay:calc(.2s + var(--i) * .3s)}