.pep-demo{--d-ink:#111b20;--d-ink2:#4f5d54;--d-line:#dce2d7;--d-chip:#e4f3ec;--d-chip-ink:#2f6a4c;--d-btn:#111b20;--d-btn-ink:#fff;--d-btn-sub:#b9e8d3;--d-btn-hover:#295b43;--d-alt:#fff;--d-alt-line:#cdd6cc;--d-alt-hover:#f1f5ee;--d-ok:#edf3e9;--d-ok-ink:#1f3d2c;--d-ok-bar:#478866;--d-err:#f8eded;--d-err-ink:#5c1f1f;--d-panel:#eef2e6;--d-link:#24543d;--d-focus:#397a58}html[data-theme=dark] .pep-demo{--d-ink:#eef3f0;--d-ink2:#b6bfba;--d-line:#26302b;--d-chip:#183129;--d-chip-ink:#8fdbb8;--d-btn:#8fdbb8;--d-btn-ink:#0a0f12;--d-btn-sub:#1f3d2c;--d-btn-hover:#b4e9d0;--d-alt:#182026;--d-alt-line:#3a4842;--d-alt-hover:#1f2a30;--d-ok:#183129;--d-ok-ink:#eef3f0;--d-ok-bar:#8fdbb8;--d-err:#3a1f1f;--d-err-ink:#f5d6d6;--d-panel:#141c20;--d-link:#8fdbb8;--d-focus:#8fdbb8}.pep-demo{color:var(--d-ink);flex-direction:column;gap:18px;font-family:Archivo,Arial,sans-serif;display:flex}.pep-demo-steps{border-top:1px solid var(--d-line);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.pep-demo-steps li{border-bottom:1px solid var(--d-line);color:var(--d-ink2);grid-template-columns:34px 1fr;gap:10px;padding:12px 0;font-size:13.5px;line-height:1.5;display:grid}.pep-demo-steps b{color:var(--d-ink);margin-bottom:2px;font-size:14.5px;font-weight:600;display:block}.pep-demo-n{letter-spacing:.5px;color:var(--d-chip-ink);background:var(--d-chip);text-align:center;border-radius:6px;height:22px;margin-top:1px;font:500 11px/22px IBM Plex Mono,monospace}.pep-demo-ways{flex-direction:column;gap:10px;display:flex}.pep-demo-ways form{margin:0}.pep-demo-btn{all:unset;box-sizing:border-box;background:var(--d-btn);width:100%;min-height:58px;color:var(--d-btn-ink);cursor:pointer;border-radius:9px;flex-direction:column;gap:3px;padding:11px 16px;font:600 15px/1.25 Archivo,Arial,sans-serif;transition:background .2s;display:flex}.pep-demo-btn small{color:var(--d-btn-sub);font:500 12px/1.35 Manrope,Arial,sans-serif}.pep-demo-btn:hover{background:var(--d-btn-hover)}.pep-demo-btn.alt{background:var(--d-alt);color:var(--d-ink);border:1px solid var(--d-alt-line)}.pep-demo-btn.alt small{color:var(--d-ink2)}.pep-demo-btn.alt:hover{background:var(--d-alt-hover);border-color:var(--d-focus)}.pep-demo-btn:focus-visible,.pep-demo-current button:focus-visible{outline:2px solid var(--d-focus);outline-offset:3px}.pep-demo-small{color:var(--d-ink2);margin:-6px 0 0;font-size:12px}.pep-demo-note{border-left:3px solid var(--d-ok-bar);background:var(--d-ok);color:var(--d-ok-ink);border-radius:7px;padding:10px 12px;font-size:13px;line-height:1.5}.pep-demo-note.err{background:var(--d-err);color:var(--d-err-ink);border-left-color:#ae4545}.pep-demo-current{background:var(--d-panel);color:var(--d-ink);border-radius:9px;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:10px 12px;font-size:13px;display:flex}.pep-demo-current button{all:unset;cursor:pointer;color:var(--d-link);text-underline-offset:3px;padding:6px 0;font:600 12.5px/1 Archivo,Arial,sans-serif;text-decoration:underline}